Personalizzazione del gesto gesture-customization
Puoi personalizzare i movimenti dell’app AEM Forms in modo da fornire un metodo distinto per interagire con l’app. È ad esempio possibile aggiungere nuovi movimenti per aprire o chiudere un'attività o un punto d'inizio.
Per personalizzare i movimenti nell’app AEM Forms to-customize-gestures-in-aem-forms-app
Nell’app AEM Forms, con il pulsante sinistro del mouse viene aperta una nuova attività o un punto d’inizio, mentre con il pulsante destro del mouse non viene eseguita alcuna operazione. L’esempio seguente illustra la procedura per aprire una nuova attività o un punto d’inizio durante l’esecuzione dei movimenti di scorrimento con il pulsante destro del mouse nell’app AEM Forms.
-
Apri il progetto.
- Per iOS, apri
Capture.xcodeproj
in Xcode. - Per Android, apri il progetto Android in Eclipse.
- Per Windows, aprire
MWSWindows.sln
in Visual Studio.
- Per iOS, apri
-
Passare alla cartella delle visualizzazioni e aprire il file
task.js
per la modifica.- In Xcode, passa alla cartella Capture > www > wsmobile > js > runtime > views.
- In Eclipse, passa alla cartella assets > www > wsmobile > js > runtime > views.
- In Visual Studio, passare alla cartella MWSWwindows > www > wsmobile > js > runtime > views.
note note NOTE Il file task.js contiene la vista backbone associata a ogni attività o punto d'inizio elencato negli elenchi di attività o punto d'inizio. -
Nel file
task.js
, cercare la proprietà degli eventi della visualizzazione.La proprietà events è una mappa con ogni voce nel formato:
"EventName Selector": "Function"
Quando si attiva un evento JavaScript denominato
EventName
su un elemento HTML specificato daSelector
, viene chiamatoFunction
. -
Trova
-
"select .taskContentArea" : "onTaskClick",
"select .taskOpenArea" : "onTaskClick",
"select .task-content" : "onTaskClick",
"select .last_empty_div" : "onTaskClick",
e sostituisci con
-
"swipe .taskContentArea" : "onTaskClick",
"swipe .taskOpenArea" : "onTaskClick",
"swipe .task-content" : "onTaskClick",
"swipe .last_empty_div" : "onTaskClick",
-
-
Salvare e chiudere il file
task.js
. -
Crea ed esegui l’app AEM Forms. Ora è possibile aprire un utilizzando con le opzioni scorri a sinistra e scorri a destra.
Analogamente, è possibile apportare modifiche in altre viste per varie combinazioni di movimenti, elementi HTML e funzioni.