DocumentaçãoAEM 6.5Guia do usuário

Personalização de gesto gesture-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • undefined
  • undefined

É possível personalizar os gestos do aplicativo AEM Forms para fornecer um método distinto de interação com o aplicativo. Por exemplo, é possível adicionar novos gestos para abrir ou fechar uma tarefa ou um ponto inicial.

Para personalizar gestos no aplicativo AEM Forms to-customize-gestures-in-aem-forms-app

No aplicativo AEM Forms, o deslizamento para a esquerda abre uma nova tarefa ou um ponto inicial, enquanto o deslizamento para a direita não faz nada. O exemplo a seguir fornece etapas para abrir uma nova tarefa ou ponto de partida ao executar os gestos de deslizar com o botão direito do mouse no aplicativo AEM Forms.

  1. Abra o projeto.

    • Para o iOS, abra Capture.xcodeproj no Xcode
    • Para o Android, abra o projeto Android no Eclipse.
    • Para Windows, abra MWSWindows.sln no Visual Studio.

  2. Navegue até a pasta de exibições e abra o arquivo task.js para edição.

    • No Xcode, navegue até a pasta Capture > www > wsmobile > js > runtime > views.
    • No Eclipse, navegue até a pasta assets > www > wsmobile > js > runtime > views.
    • No Visual Studio, navegue até a pasta MWSWindows > www > wsmobile > js > runtime > views.
    note note
    NOTE
    O arquivo task.js contém a exibição de backbone associada a cada tarefa ou Startpoint listado nas listas tarefa ou Startpoint.

  3. No arquivo task.js, pesquise a propriedade events da exibição.

    A propriedade events é um mapa com cada entrada no formato:

    "EventName Selector": "Function"

    Quando você aciona um evento JavaScript chamado EventName em um elemento HTML especificado por Selector, Function é chamado.

  4. Localizar

    • "select .taskContentArea" : "onTaskClick",

      "select .taskOpenArea" : "onTaskClick",

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

      "select .last_empty_div" : "onTaskClick",

    e substitua por

    • "swipe .taskContentArea" : "onTaskClick",

      "swipe .taskOpenArea" : "onTaskClick",

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

      "swipe .last_empty_div" : "onTaskClick",

  5. Salvar e fechar o arquivo task.js.

  6. Crie e execute o aplicativo AEM Forms. Agora você pode abrir um usando o com o deslizamento para a esquerda e para a direita.

Da mesma forma, é possível fazer alterações em outras exibições para várias combinações de gestos, elementos HTML e funções.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2