Personalização de gesto

É 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

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 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 a task.js arquivo para edição.

    • No XCode, navegue até a guia Capture > 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 MWSWindows > 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 Startpoint listado nas listas tarefa ou Startpoint.

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

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

    "EventName Selector": "Function"

    Quando você aciona 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",

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

Nesta página