手勢自訂

您可以自訂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 > wsmobile > js >執行階段>檢視」資料夾。
    • 在Eclipse中,導覽至​assets > www > wsmobile > js > runtime > views​資料夾。
    • 在Visual Studio中,導航至​MWSindows > www > wsmobile > js > runtime > views​資料夾。
    注意

    task.js檔案包含與任務或起始點清單中列出的每個任務或起始點相關聯的骨幹視圖。

  3. task.js檔案中,搜尋檢視的events屬性。

    events屬性是一個映射,每個條目的格式為:

    "EventName Selector": "Function"

    當您在Selector指定的HTML元素上觸發名為EventName的Javascript事件時,會呼叫Function

  4. 尋找

    • "點選.taskContentArea" :"onTaskClick",

      "點選.taskOpenArea" :"onTaskClick",

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

      "tap .last_empty_div" :"onTaskClick",
      替換為

    • "swipe .taskContentArea" :"onTaskClick",

      "swipe .taskOpenArea" :"onTaskClick",

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

      "swipe .last_empty_div" :"onTaskClick",

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

  6. 建立並執行AEM Forms應用程式。 現在,您可以使用左側滑動和右側滑動來開啟。

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

本頁內容