Difference between revisions of "Gestures"
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 | + | 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:
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) ...