手勢自訂 gesture-customization

您可以自訂AEM Forms應用程式的手勢,以提供與應用程式互動的不同方法。 例如,您可以新增手勢以開啟或關閉任務或起點。

若要在AEM Forms應用程式中自訂手勢 to-customize-gestures-in-aem-forms-app

在AEM Forms應用程式中,向左撥動可開啟新任務或起點,而向右撥動則不會執行任何動作。 下列範例提供在AEM Forms應用程式中執行滑鼠右鍵手勢時,開啟新任務或起點的步驟。

  1. 開啟您的專案。

    • 若為iOS,請在Xcode中開啟Capture.xcodeproj
    • 針對Android,請在Eclipse中開啟Android專案。
    • 若是Windows,請在Visual Studio中開啟MWSWindows.sln
  2. 導覽至檢視資料夾,並開啟task.js檔案進行編輯。

    • 在Xcode中,導覽至​ Capture > www > wsmobile > js > runtime > views ​資料夾。
    • 在Eclipse中,導覽至​ 資產> www > wsmobile > js > runtime >檢視 ​資料夾。
    • 在Visual Studio中,瀏覽至​ MWSWindows > www > wsmobile > js > runtime > views ​資料夾。
    note note
    NOTE
    task.js檔案包含與任務或「起點」清單中列出的每個任務或「起點」相關聯的骨幹檢視。
  3. task.js檔案中,搜尋檢視的events屬性。

    events屬性是一個對應,每個專案的格式為:

    "EventName Selector": "Function"

    當您在Selector所指定的HTML專案上觸發名為EventName的JavaScript事件時,會呼叫Function

  4. 尋找

    • "select .taskContentArea" : "onTaskClick",

      "select .taskOpenArea" : "onTaskClick",

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

      "select .last_empty_div" : "onTaskClick",

    和取代為

    • "撥動.taskContentArea" : "onTaskClick",

      "swipe .taskOpenArea" : "onTaskClick",

      "撥動.task-content" : "onTaskClick",

      "swipe .last_empty_div" : "onTaskClick",

  5. 儲存並關閉task.js檔案。

  6. 建置並執行AEM Forms應用程式。 現在您可以使用向左撥動和向右撥動來開啟。

同樣地,您可以針對各種手勢、HTML元素和函式的組合,在其他檢視中進行變更。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2