Difference between revisions of "Gestures"

From HSYCO
Jump to navigation Jump to search
(Created page with "Each page of type page or menu, can have multiple gestures assigned. This is done through pages (of '''page''' and '''menu''' types) can have multiple custom gestures assigned...")
 
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
Each page of type page or menu, can have multiple gestures assigned. This is done through
+
Each page of type '''[[Page#Menu|menu]]''' and '''[[Page#Page|page]]''', can have multiple gestures assigned.
pages (of '''page''' and '''menu''' types) can have multiple custom gestures assigned.
+
 
This is done through the '''gestures''' attribute on the Project Editor, which adds a ''meta'' to the source code.
+
This is done through the '''gestures''' attribute on the [[Project Editor]], which is specified through a ''meta tag'' in the source code.
  
 
There are six different types of gestures available:
 
There are six different types of gestures available:
Line 7: Line 7:
  
 
{| class="wikitable"
 
{| class="wikitable"
 +
!
 
!Name
 
!Name
 
!Description
 
!Description
 +
!Default value
 
|-
 
|-
 +
|[[File:Gesture icon swipeup.png|40px]]
 
|swipeup
 
|swipeup
 
|swipe towards the top of the screen
 
|swipe towards the top of the screen
|[[File:Gesture icon swipeup.jpg]]
+
|off
 
|-
 
|-
 +
|[[File:Gesture icon swipedown.png|40px]]
 
|swipedown
 
|swipedown
 
|swipe towards the bottom of the screen
 
|swipe towards the bottom of the screen
|[[File:Gesture icon swipedown.jpg]]
+
|page:menu
 
|-
 
|-
 +
|[[File:Gesture icon swipeleft.png|40px]]
 
|swipeleft
 
|swipeleft
 
|swipe towards the left side of the screen
 
|swipe towards the left side of the screen
|[[File:Gesture icon swipeleft.jpg]]
+
|page:forward
 
|-
 
|-
 +
|[[File:Gesture icon swiperight.png|40px]]
 
|swiperight
 
|swiperight
 
|swipe towards the right side of the screen
 
|swipe towards the right side of the screen
|[[File:Gesture icon swiperight.jpg]]
+
|page:back
 
|-
 
|-
 +
|[[File:Gesture icon pinchin.png|40px]]
 
|pinchin
 
|pinchin
 
|drag two fingers together
 
|drag two fingers together
|[[File:Gesture icon pinchin.jpg]]
+
|off
 
|-
 
|-
|pinchin
+
|[[File:Gesture icon pinchout.png|40px]]
 +
|pinchout
 
|drag two fingers apart
 
|drag two fingers apart
|[[File:Gesture icon pinchout.jpg]]
+
|off
 +
|}
 +
 
 +
Each gesture can have one of the following values:
 +
 
 +
{| class="wikitable"
 +
!Name
 +
!Description
 
|-
 
|-
}
+
|off
 +
|no gesture assigned
 +
|-
 +
|user
 +
|completing the gesture will generate a user call with name "gesture" and param "<type of gesture>/<page id (without page:)>".
 +
E.g. param:"swipeleft/menu"
 +
|-
 +
|style="width: 100px"|page:<page id>
 +
|navigate to the specified page id
 +
|-
 +
|page:back
 +
|navigate to previous page in history
 +
|-
 +
|page:forward
 +
|navigate to next page in history
 +
|}
 +
 
 +
 
 +
=== Syntax ===
 +
Gesture meta tags follow a page declaration (menu) or (page).
  
 +
Gestures are specified with a semicolon-separated list of name=value pair.
  
 +
(#gestures <gesture type>=<value>; <gesture type>=<value> ... )
  
(menu#portrait)
+
E.g.
(#gestures swipeup=off; pinchin=user; swipeleft=page:back; pinchout=page:u)
+
(menu#portrait)
 +
(#gestures swipedown=off; swipeup=page:cameras; pinchin=user)
 +
...

Latest revision as of 18:08, 16 November 2018

Each page of type menu and page, can have multiple gestures assigned.

This is done through the gestures attribute on the Project Editor, which is specified through a meta tag in the source code.

There are six different types of gestures available:


Name Description Default value
Gesture icon swipeup.png swipeup swipe towards the top of the screen off
Gesture icon swipedown.png swipedown swipe towards the bottom of the screen page:menu
Gesture icon swipeleft.png swipeleft swipe towards the left side of the screen page:forward
Gesture icon swiperight.png swiperight swipe towards the right side of the screen page:back
Gesture icon pinchin.png pinchin drag two fingers together off
Gesture icon pinchout.png pinchout drag two fingers apart off

Each gesture can have one of the following values:

Name Description
off no gesture assigned
user completing the gesture will generate a user call with name "gesture" and param "<type of gesture>/<page id (without page:)>".

E.g. param:"swipeleft/menu"

page:<page id> navigate to the specified page id
page:back navigate to previous page in history
page:forward navigate to next page in history


Syntax

Gesture meta tags follow a page declaration (menu) or (page).

Gestures are specified with a semicolon-separated list of name=value pair.

(#gestures <gesture type>=<value>; <gesture type>=<value> ... )

E.g.

(menu#portrait)
(#gestures swipedown=off; swipeup=page:cameras; pinchin=user)
...