Personnalisation de mouvement gesture-customization

CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

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

  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.
    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.
  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 appelé EventName dans un élément HTML spécifié par Selector, la fonction Function est 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.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da