제스처 사용자 지정

AEM Forms 앱의 제스처를 사용자 정의하여 앱과 상호 작용하는 별개의 방법을 제공할 수 있습니다. 예를 들어 새 제스처를 추가하여 작업이나 시작 지점을 열거나 닫을 수 있습니다.

AEM Forms 앱에서 제스처를 사용자 정의하려면

AEM Forms 앱에서 왼쪽 스와이프하면 새 작업 또는 시작점이 열리고 오른쪽 스와이프는 아무 작업도 수행되지 않습니다. 다음 예제는 AEM Forms 앱에서 마우스 오른쪽 단추 스와이프 제스처를 수행하는 새 작업 또는 시작점을 여는 절차를 제공합니다.

  1. 프로젝트를 엽니다.

    • iOS의 경우 Xcode에서 Capture.xcodeproj을(를) 엽니다.
    • Android의 경우 Eclipse에서 Android 프로젝트를 엽니다.
    • Windows의 경우 Visual Studio에서 MWSWindows.sln을 엽니다.
  2. 보기 폴더로 이동하여 편집할 task.js 파일을 엽니다.

    • Xcode에서 캡처 > www > 모바일 > js > 런타임 > 보기 폴더로 이동합니다.
    • Eclipse에서 자산 > www > 모바일 > js > 런타임 > 보기 폴더로 이동합니다.
    • Visual Studio에서 MWSWindows > www > Mobile > js > 런타임 > 보기 폴더로 이동합니다.
    노트

    task.js 파일에는 작업 또는 시작점 목록에 나열된 각 작업 또는 시작점과 연관된 백본 보기가 포함됩니다.

  3. task.js 파일에서 뷰의 events 속성을 검색합니다.

    events 속성은 각 항목이 형식으로 표시되는 맵입니다.

    "EventName Selector": "Function"

    Selector에 의해 지정된 HTML 요소에 EventName이라는 Javascript 이벤트를 트리거하면 Function가 호출됩니다.

  4. 찾기

    • "tap .taskContentArea":"onTaskClick",

      "tap .taskOpenArea" :"onTaskClick",

      "tap .task-content":"onTaskClick",

      "tap .last_empty_div" :"onTaskClick",
      다음으로 바꾸기

    • "스와이프 .taskContentArea" :"onTaskClick",

      "스와이프 .taskOpenArea" :"onTaskClick",

      "스와이프 .task-content" :"onTaskClick",

      "swipe .last_empty_div" :"onTaskClick",

  5. task.js 파일을 저장하고 닫습니다.

  6. AEM Forms 앱을 빌드하고 실행합니다. 이제 마우스 왼쪽 버튼을 누르고 오른쪽으로 스와이프하여 Adobe Stock Photos를 사용할 수 있습니다.

마찬가지로 제스처, HTML 요소 및 함수의 다양한 조합을 위해 다른 보기에서 변경할 수 있습니다.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now