手势自定义

您可以自定义AEM Forms应用程序的手势，以提供与应用程序交互的不同方法。 例如，您可以添加新手势以打开或关闭任务或起点。

在AEM Forms应用程序中自定义手势

在AEM Forms应用程序中，向左轻扫可打开新任务或起点，而向右轻扫则不执行任何操作。 以下示例提供了在AEM Forms应用程序中执行右键单击手势时打开新任务或起点的步骤。

  1. 打开您的项目。

    • 对于iOS，请打开 Capture.xcodeproj 在Xcode中
    • 对于Android，在Eclipse中打开Android项目。
    • 对于Windows，打开 MWSWindows.sln 在Visual Studio中。

  2. 导航到视图文件夹，然后打开 task.js 要编辑的文件。

    • 在Xcode中，导航到 捕获> www > wsmobile > js >运行时>视图 文件夹。
    • 在Eclipse中，导航到 资产> www > wsmobile > js >运行时>视图 文件夹。
    • 在Visual Studio中，导航到 MWSWindows > www > wsmobile > js >运行时>视图 文件夹。
    注意

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

  3. 在 task.js 文件，搜索视图的events属性。

    events属性是一个映射，每个条目的格式为：

    "EventName Selector": "Function"

    当您触发名为的Javascript事件时 EventName在指定的HTML元素上 Selector，则 Function称为。

  4. 查找

    • "点按.taskContentArea" ： "onTaskClick"，

      "点按.taskOpenArea" ： "onTaskClick"，

      "点按.task-content" ： "onTaskClick"，

      "点按.last_empty_div" ： "onTaskClick"，
      和替换为

    • "轻扫.taskContentArea" ："onTaskClick"，

      "轻扫.taskOpenArea" ："onTaskClick"，

      "轻扫.task-content" ："onTaskClick"，

      "swipe .last_empty_div" ： "onTaskClick"，

  5. 保存并关闭 task.js 文件。

  6. 构建并运行AEM Forms应用程序。 现在，您可以使用向左轻扫和向右轻扫来打开。

同样，您可以更改其他视图中的手势、HTML元素和函数的各种组合。

在此页面上