23.01.2018 Views

MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

One or more fingers touch the screen and move a<br />

short distance in the same direction.<br />

Two or more fingers touch the screen and move<br />

closer together or farther apart.<br />

Swipe to select, command, and move<br />

(can be horizontal or vertical)—also<br />

called cross-slide; appears as a gesture<br />

series (MSGestureStart,<br />

MSGestureChange, MSGestureEnd, as well<br />

as MSPointer* events). The gesture<br />

recognizer doesn’t distinguish this from<br />

vertical panning, however, so an app or<br />

control needs to implement that<br />

interpretation directly (a good reason to<br />

use controls like the ListView!).<br />

Pinch and stretch to zoom; appears as a<br />

gesture series (MSGestureStart,<br />

MSGestureChange, MSGestureEnd), but<br />

apps can use the -ms-content-zooming:<br />

zoom and -ms-touch-action:<br />

pinch-zoom <strong>CSS</strong> styles to enable touch<br />

zooming automatically.<br />

Sliding the finger a short<br />

distance, perpendicular to the<br />

panning direction, selects<br />

objects in a list or grid; also<br />

implies displaying commands in<br />

an app bar relevant to the<br />

selection.<br />

Can be used for optical zoom or<br />

resizing, as well as for semantic<br />

zoom where applicable.<br />

Two or more fingers touch the screen and move in a<br />

clockwise or counter-clockwise arc.<br />

Turn to rotate; appears as a gesture<br />

series (MSGestureStart,<br />

MSGestureChange, MSGestureEnd).<br />

Rotates an object or a view.<br />

Swipe from top or bottom edge for app<br />

commands; handled automatically<br />

through the AppBar control, though an<br />

app can also detect these events directly<br />

through<br />

Windows.UI.Input.EdgeGesture.<br />

The bottom app bar contains<br />

app commands for the current<br />

page context; the top app bar<br />

provides for navigation, if<br />

applicable.<br />

Swipe from edge for system commands;<br />

handled automatically by the system<br />

with the app receiving events related to<br />

the selected charm, when applicable, as<br />

well as focus and blur events if the<br />

foreground app is changed when<br />

swiping from the left edge.<br />

Swiping from the right displays<br />

the Charms bar; swiping from<br />

the left cycles through currently<br />

running apps; swiping from the<br />

top edge to the bottom closes<br />

the current app; swiping from<br />

the top edge to the left or right<br />

snaps the current app to one<br />

side of the screen.<br />

Additional details and guidelines for designing around this touch language can be found on the<br />

Gestures, manipulations, and interactions topic.<br />

367

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!