diff options
Diffstat (limited to 'docs/html/design/patterns/swipe-views.jd')
| -rw-r--r-- | docs/html/design/patterns/swipe-views.jd | 56 |
1 files changed, 29 insertions, 27 deletions
diff --git a/docs/html/design/patterns/swipe-views.jd b/docs/html/design/patterns/swipe-views.jd index b98a063..252343d 100644 --- a/docs/html/design/patterns/swipe-views.jd +++ b/docs/html/design/patterns/swipe-views.jd @@ -24,7 +24,12 @@ using the swipe gesture to navigate to the next/previous detail view.</p> <img src="{@docRoot}design/media/swipe_views2.png"> <div class="figure-caption"> - Navigating between consecutive Email messages using the swipe gesture. + Navigating between consecutive Email messages using the swipe gesture. If a view contains content that exceeds the width of the screen such as a wide Email message, make sure the user's initial swipes will scroll horizontally within the view. Once the end of the content is reached, an additional swipe should navigate to the next view. In addition, support the use of edge swipes to immediately navigate between views when content scrolls horizontally. +</div> + +<img src="{@docRoot}design/media/swipe_views3.png"> +<div class="figure-caption"> + Scrolling within a wide Email message using the swipe gesture before navigating to the next message. </div> <h2 id="between-tabs">Swiping Between Tabs</h2> @@ -46,32 +51,29 @@ using the swipe gesture to navigate to the next/previous detail view.</p> </div> <div class="layout-content-col span-8"> + <p>If your app uses action bar tabs, use swipe to navigate between the different views.</p> + <div class="vspace size-1"> </div> -<p>If your app uses action bar tabs, use swipe to navigate between the different views.</p> -<div class="vspace size-2"> </div> - -<h2 id="checklist">Checklist</h2> - -<ul> -<li> -<p>Use swipe to quickly navigate between detail views or tabs.</p> -</li> -<li> -<p>Transition between the views as the user performs the swipe gesture. Do not wait for the - gesture to complete and then transition between views.</p> -</li> -<li> -<p>If you used buttons in the past for previous/next navigation, replace them with - the swipe gesture.</p> -</li> -<li> -<p>If a view contains content that exceeds the width of the screen such as a wide Email message, make sure the user's initial swipes will scroll horizontally within the view. Once the end of the content is reached, an additional swipe should navigate to the next view. In addition, support the use of edge swipes to immediately navigate between views when content scrolls horizontally.</p> -</li> -<li> -<p>Consider adding contextual information in your detail view that informs the user about the - relative list position of the currently visible item.</p> -</li> -</ul> - + <h2 id="checklist">Checklist</h2> + <ul> + <li> + <p>Use swipe to quickly navigate between detail views or tabs.</p> + </li> + <li> + <p>Transition between the views as the user performs the swipe gesture. Do not wait for the + gesture to complete and then transition between views.</p> + </li> + <li> + <p>If you used buttons in the past for previous/next navigation, replace them with + the swipe gesture.</p> + </li> + <li> + <p>Consider adding contextual information in your detail view that informs the user about the + relative list position of the currently visible item.</p> + </li> + <li> + <p>For more details on how to build swipe views, read the developer documentation on <a href="{@docRoot}training/implementing-navigation/lateral.html#horizontal-paging">Implementing Lateral Navigation</a>.</p> + </li> + </ul> </div> </div> |