Personalização do gesto

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 deslize para a esquerda abre uma nova tarefa ou ponto de partida enquanto o deslize para a 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 direito no aplicativo AEM Forms.

  1. Abra seu projeto.

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

  2. Navegue até a pasta visualização e abra o task.js arquivo para edição.

    • No Xcode, navegue até a pasta Capture > www > wsmobile > js > runtime > visualização .
    • No Eclipse, navegue até a pasta assets > www > wsmobile > js > tempo de execução > visualização .
    • No Visual Studio, navegue até a pasta MWSWwindows > www > wsmobile > js > tempo de execução > pasta visualização .
    Observação

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

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

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

    "EventName Selector": "Function"

    Quando você aciona um evento Javascript nomeado EventNameem um elemento HTML especificado por Selector, o Functioné chamado.

  4. Localizar

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

      "tocar em .taskOpenArea": "onTaskClick",

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

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

    • "deslize .taskContentArea" : "onTaskClick",

      "deslize .taskOpenArea": "onTaskClick",

      "deslize o conteúdo .tarefa": "onTaskClick",

      "deslize .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 para a esquerda e o dedo para a direita.

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

Nesta página