手勢自訂

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

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

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

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

    "EventName Selector": "Function"

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

  4. 尋找

    • "tap .taskContentArea" :"onTaskClick",

      "tap .taskOpenArea" :"onTaskClick",

      「點選。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元素和函陣列合,在其他檢視中進行變更。

本頁內容