Personalização de gestos

Você pode personalizar os gestos do aplicativo AEM Forms para fornecer um método distinto de interação com o aplicativo. Por exemplo, você pode adicionar novos gestos para abrir ou fechar uma tarefa ou ponto de partida.

Como personalizar gestos no aplicativo AEM Forms

No aplicativo AEM Forms, o deslizamento à esquerda abre uma nova tarefa ou ponto de partida enquanto o deslizamento à direita não faz nada. O exemplo a seguir fornece etapas para abrir uma nova tarefa ou ponto de partida na execução dos gestos de deslizamento com o botão direito no aplicativo AEM Forms.

  1. Abra o projeto.

    • Para iOS, abra Capture.xcodeproj no Xcode
    • Para 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 task.js para edição.

    • No XCode, navegue até o Capturar > www > wsmobile > js > tempo de execução > exibições pasta.
    • No Eclipse, navegue até o ativos > www > wsmobile > js > tempo de execução > exibições pasta.
    • No Visual Studio, navegue até o Windows > www > wsmobile > js > tempo de execução > exibições pasta.
    OBSERVAÇÃO

    O arquivo task.js contém a exibição de backbone associada a cada tarefa ou ponto de partida listado nas listas de tarefa ou ponto de partida.

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

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

    "EventName Selector": "Function"

    Ao acionar um evento Javascript chamado EventNameem um elemento HTML especificado por Selector, o Functioné chamado.

  4. Localizar

    • "toque em .taskContentArea" : "onTaskClick",

      "toque em .taskOpenArea" : "onTaskClick",

      "toque em .task-content" : "onTaskClick",

      "toque em .last_empty_div" : "onTaskClick",
      e substitua por

    • "swipe .taskContentArea" : "onTaskClick",

      "swipe .taskOpenArea" : "onTaskClick",

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

      "swipe .last_empty_div" : "onTaskClick",

  5. Salve e feche o task.js arquivo.

  6. Crie e execute o aplicativo AEM Forms. Agora você pode abrir um usando com o dedo esquerdo e o dedo direito.

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

Nesta página