제스처 사용자 정의

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에서 Capture > www > Mobile > js > runtime > 보기 폴더로 이동합니다.
    • Eclipse에서 자산 > www > 모바일 > js > 런타임 > 보기 폴더로 이동합니다.
    • Visual Studio에서 MWSWindows > www > 모바일 > js > 런타임 > 보기 폴더로 이동합니다.
    노트

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

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

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

    "EventName Selector": "Function"

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

  4. 찾기

    • "tap .taskContentArea": "onTaskClick",

      "tap .taskOpenArea": "onTaskClick",

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

      "tap .last_empty_div" : "onTaskClick",

    • "swipe .taskContentArea": "onTaskClick",

      "swipe .taskOpenArea": "onTaskClick",

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

      "swipe .last_empty_div" : "onTaskClick",

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

  6. AEM Forms 앱을 빌드하고 실행합니다. 이제 마우스 왼쪽 단추 및 마우스 오른쪽 단추로 손가락을 대면 해당 도구를 열 수 있습니다.

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

이 페이지에서는