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 views et ouvrez le fichier task.js en vue de 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 .
    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 fichier 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 HTML spécifié par Selector, Functionest appelé.

  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