手势自定义 gesture-customization
您可以自定义AEM Forms应用程序的手势,以提供一种与应用程序进行交互的独特方法。 例如,您可以添加新手势以打开或关闭任务或起点。
在AEM Forms应用程序中自定义手势 to-customize-gestures-in-aem-forms-app
在AEM Forms应用程序中,左轻扫会打开一个新任务或“起始点”,而右轻扫则不执行任何操作。 以下示例提供了在AEM Forms应用程序中执行右轻扫手势时打开新任务或起点的步骤。
-
打开您的项目。
- 对于iOS,打开
Capture.xcodeproj
在Xcode中 - 对于Android,在Eclipse中打开Android项目。
- 对于Windows,打开
MWSWindows.sln
在Visual Studio中。
- 对于iOS,打开
-
导航到视图文件夹并打开
task.js
文件进行编辑。- 在Xcode中,导航到 Capture > www > wsmobile > js > runtime > views 文件夹。
- 在Eclipse中,导航到 资产> www > wmobile > js >运行时>视图 文件夹。
- 在Visual Studio中,导航到 MWSWindows > www > wsmobile > js >运行时>视图 文件夹。
note note NOTE task.js文件包含与任务或起始点列表中列出的每个任务或起始点相关联的骨干视图。 -
在
task.js
文件中,搜索视图的events属性。events属性是一个映射,每个条目的格式如下:
"EventName Selector": "Function"
当您触发名为
EventName
在指定的HTML元素上Selector
,Function
调用。 -
查找
-
"点按.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",
-
-
保存并关闭
task.js
文件。 -
构建并运行AEM Forms应用程序。 现在,您可以使用左轻扫和右轻扫来打开。
同样,您也可以对手势、HTML元素和函数的各种组合在其他视图中进行更改。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da