Difference between revisions of "Gestures"
Jump to navigation
Jump to search
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | Each page of type | + | Each page of type '''[[Page#Menu|menu]]''' and '''[[Page#Page|page]]''', can have multiple gestures assigned. |
| − | + | ||
| − | This is done through the '''gestures''' attribute on the Project Editor, which | + | 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 | ||
| − | | | + | |off |
|- | |- | ||
| + | |[[File:Gesture icon swipedown.png|40px]] | ||
|swipedown | |swipedown | ||
|swipe towards the bottom of the screen | |swipe towards the bottom of the screen | ||
| − | | | + | |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 | ||
| − | | | + | |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 | ||
| − | | | + | |page:back |
|- | |- | ||
| + | |[[File:Gesture icon pinchin.png|40px]] | ||
|pinchin | |pinchin | ||
|drag two fingers together | |drag two fingers together | ||
| − | | | + | |off |
|- | |- | ||
| − | | | + | |[[File:Gesture icon pinchout.png|40px]] |
| + | |pinchout | ||
|drag two fingers apart | |drag two fingers apart | ||
| − | | | + | |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 | + | (menu#portrait) |
| + | (#gestures swipedown=off; swipeup=page:cameras; pinchin=user) | ||
| + | ... | ||
Latest revision as of 17: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 | |
|---|---|---|---|
|
swipeup | swipe towards the top of the screen | off |
|
swipedown | swipe towards the bottom of the screen | page:menu |
|
swipeleft | swipe towards the left side of the screen | page:forward |
|
swiperight | swipe towards the right side of the screen | page:back |
|
pinchin | drag two fingers together | off |
|
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) ...
