Personnalisation de mouvement

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.

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 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.

  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 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.
    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é é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 nommé EventNamesur un élément de HTML spécifié par Selector, la variable Functionest appelée.

  4. Rechercher

    • "tap .taskContentArea" : "onTaskClick",

      "tap .taskOpenArea" : "onTaskClick",

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

      "tap .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. Créez et exécutez l’application AEM Forms. Vous pouvez désormais ouvrir un à l’aide d’un glissement vers la gauche et vers 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