手势自定义

您可以自定义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 > wsmobile > js > runtime > views​文件夹。
    • 在Eclipse中,导航到​assets > www > wsmobile > js > runtime > views​文件夹。
    • 在Visual Studio中,导航到​MWSWindows > www > wsmobile > js >运行时>视图​文件夹。
    注意

    task.js文件包含与任务或起始点列表中列出的每个任务或起始点相关联的骨干视图。

  3. task.js文件中,搜索视图的events属性。

    events属性是一个映射,每个条目的格式如下:

    "EventName Selector": "Function"

    Selector指定的HTML元素上触发名为EventName的Javascript事件时,将调用Function

  4. 查找

    • "点按.taskContentArea" :"onTaskClick",

      "点按.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元素和函数的各种组合在其他视图中进行更改。

在此页面上