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.

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

    • No Xcode, navegue até a pasta Capturar > www > wsmobile > js > tempo de execução > 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 > 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 arquivo task.js, 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 chamado 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 arquivo task.js.

  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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now