Difference between revisions of "Gestures"
Jump to navigation
Jump to search
| (10 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 | !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 | |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 | |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 | |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 | |page:back | ||
|- | |- | ||
| + | |[[File:Gesture icon pinchin.png|40px]] | ||
|pinchin | |pinchin | ||
|drag two fingers together | |drag two fingers together | ||
| − | |||
|off | |off | ||
|- | |- | ||
| − | | | + | |[[File:Gesture icon pinchout.png|40px]] |
| + | |pinchout | ||
|drag two fingers apart | |drag two fingers apart | ||
|off | |off | ||
| − | | | + | |} |
| − | |||
| − | } | ||
Each gesture can have one of the following values: | Each gesture can have one of the following values: | ||
| Line 54: | Line 53: | ||
|- | |- | ||
|user | |user | ||
| − | |completing the gesture will | + | |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> | + | |style="width: 100px"|page:<page id> |
|navigate to the specified page id | |navigate to the specified page id | ||
|- | |- | ||
| Line 68: | Line 68: | ||
=== Syntax === | === 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. | E.g. | ||
| − | |||
| − | |||
| − | |||
| − | |||
(menu#portrait) | (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 | |
|---|---|---|---|
|
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) ...
