Personnalisation de mouvement gesture-customization
Vous pouvez personnaliser les mouvements de l’application AEM Forms pour interagir différemment avec l’application. Par exemple, vous pouvez ajouter de nouveaux mouvements pour ouvrir/fermer une tâche ou un point de départ.
Pour personnaliser les mouvements dans l’application AEM Forms to-customize-gestures-in-aem-forms-app
Dans l’application AEM Forms, un glissement vers la gauche permet d’ouvrir une nouvelle tâche ou un nouveau point de départ, tandis qu’un glissement vers la droite n’active aucune commande. L’exemple suivant indique la procédure d’ouverture d’une nouvelle tâche ou d’un nouveau point de départ via un glissement vers la droite dans l’application AEM Forms.
-
Ouvrez votre projet.
- Pour iOS, ouvrez
Capture.xcodeproj
dans Xcode. - Pour Android, ouvrez le projet Android dans Eclipse.
- Pour Windows, ouvrez
MWSWindows.sln
dans Visual Studio.
- Pour iOS, ouvrez
-
Accédez au dossier Vues et ouvrez le fichier
task.js
pour le modifier.- Dans Xcode, accédez au dossier Capture > www > wsmobile > js > runtime > views.
- Dans Eclipse, accédez au dossier assets > www > wsmobile > js > runtime > views.
- Dans Visual Studio, accédez au dossier MWSWindows > www > wsmobile > js > runtime > views.
note note NOTE Le fichier task.js contient la vue Backbone associée à chaque tâche ou point de départ, tel que répertorié dans les listes de tâches ou de points de départ. -
Dans le fichier
task.js
, recherchez la propriété événements de la vue.La propriété événements est un mappage dont chaque entrée est au format :
"EventName Selector": "Function"
Lorsque vous déclenchez un événement Javascript appelé
EventName
sur un élément HTML spécifié parSelector
, la fonctionFunction
est appelée. -
Recherche
-
"select .taskContentArea" : "onTaskClick",
"select .taskContentArea" : "onTaskClick",
"select .task-content" : "onTaskClick",
"select .last_empty_div" : "onTaskClick",
et remplacer par
-
"swipe .taskContentArea" : "onTaskClick",
"swipe .taskOpenArea" : "onTaskClick",
"swipe .task-content" : "onTaskClick",
"swipe .last_empty_div" : "onTaskClick",
-
-
Enregistrez et fermez le fichier
task.js
. -
Créez et exécutez l’application AEM Forms. Vous pouvez désormais ouvrir une tâche en faisant glisser votre doigt vers la gauche et la droite.
De même, vous pouvez apporter des modifications dans les autres vues pour différentes combinaisons de mouvements, d’éléments HTML et de fonctions.