手勢自訂

您可以自訂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元素和函陣列合,在其他檢視中進行變更。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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