Personnalisation de mouvement

Vous pouvez personnaliser les mouvements de l’application AEM Forms afin de fournir une méthode distincte d’interaction avec l’application. Par exemple, vous pouvez ajouter de nouveaux mouvements pour ouvrir/fermer une tâche ou un point de départ.

Personnalisation des mouvements dans l’application AEM Forms

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 décrit les étapes à suivre pour ouvrir une nouvelle tâche ou un nouveau point de départ en effectuant un glissement vers la droite dans l’application AEM Forms.

  1. 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.
  2. Accédez au dossier des vues et ouvrez le task.js pour modification.

    • Dans Xcode, accédez au Capture > www > wsmobile > js > runtime > vues dossier.
    • Dans Eclipse, accédez au ressources > www > wsmobile > js > runtime > vues dossier.
    • Dans Visual Studio, accédez au MWSWindows > www > wsmobile > js > runtime > views dossier.
    REMARQUE

    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.

  3. Dans le task.js , recherchez la propriété events de la vue.

    La propriété events est une map avec chaque entrée au format :

    "EventName Selector": "Function"

    Lorsque vous déclenchez un événement JavaScript nommé EventNamesur un élément de HTML spécifié par Selector, la variable Functionest appelée.

  4. Rechercher

    • "appuyez sur .taskContentArea" : "onTaskClick",

      "appuyez sur .taskOpenArea" : "onTaskClick",

      "appuyez sur .task-content" : "onTaskClick",

      "appuyez sur .last_empty_div" : "onTaskClick",
      et remplacer par

    • "swipe .taskContentArea" : "onTaskClick",

      "swipe .taskOpenArea" : "onTaskClick",

      "swipe .task-content" : "onTaskClick",

      "swipe .last_empty_div" : "onTaskClick",

  5. Enregistrez et fermez le fichier task.js.

  6. Générez 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.

Sur cette page