Show Menu
TÓPICOS×

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 de 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 .
    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 EventName em 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.