1page.title=Gestures 2@jd:body 3 4<p>Gestures allow users to interact with your app by manipulating the screen objects you provide. The 5following table shows the core gesture set that is supported in Android.</p> 6 7<div class="layout-content-row"> 8 <div class="layout-content-col span-4"> 9 10 <img src="{@docRoot}design/media/gesture_touch.png"> 11 12<h4>Touch</h4> 13<p>Triggers the default functionality for a given item.</p> 14 15<ul> 16 <li class="no-bullet with-icon action"> 17 <h4>Action</h4> 18 <p>Press, lift</p></li> 19</ul> 20 21 </div> 22 <div class="layout-content-col span-4"> 23 24 <img src="{@docRoot}design/media/gesture_longtouch.png"> 25 26<h4>Long press</h4> 27<p>Enters data selection mode. Allows you to select one or more items in a view and act upon 28 the data using a contextual action bar. Avoid using long press for showing contextual menus.</p> 29 30<ul> 31 <li class="no-bullet with-icon action"> 32 <h4>Action</h4> 33 <p>Press, wait, lift</p></li> 34</ul> 35 36 </div> 37 <div class="layout-content-col span-4"> 38 39 <img src="{@docRoot}design/media/gesture_swipe.png"> 40 41<h4>Swipe</h4> 42<p>Scrolls overflowing content, or navigates between views in the same hierarchy.</p> 43 44<ul> 45 <li class="no-bullet with-icon action"> 46 <h4>Action</h4> 47 <p>Press, move, lift</p></li> 48</ul> 49 50 </div> 51</div> 52 53 54<div class="layout-content-row"> 55 <div class="layout-content-col span-4"> 56 57 <img src="{@docRoot}design/media/gesture_drag.png"> 58 59<h4>Drag</h4> 60<p>Rearranges data within a view, or moves data into a container (e.g. folders on Home Screen).</p> 61 62<ul> 63 <li class="no-bullet with-icon action"> 64 <h4>Action</h4> 65 <p>Long press, move, lift</p></li> 66</ul> 67 68 </div> 69 <div class="layout-content-col span-4"> 70 71 <img src="{@docRoot}design/media/gesture_doubletouch.png"> 72 73<h4>Double touch</h4> 74<p>Zooms into content. Also used as a secondary gesture for text selection.</p> 75 76<ul> 77 <li class="no-bullet with-icon action"> 78 <h4>Action</h4> 79 <p>Two touches in quick succession</p></li> 80</ul> 81 82 </div> 83 <div class="layout-content-col span-4"> 84 85 <img src="{@docRoot}design/media/gesture_pinchopen.png" style="margin-left:-4px"> 86 87<h4>Pinch open</h4> 88<p>Zooms into content.</p> 89 90<ul> 91 <li class="no-bullet with-icon action"> 92 <h4>Action</h4> 93 <p>2-finger press, move outwards, lift</p></li> 94</ul> 95 96 </div> 97</div> 98 99 100<div class="layout-content-row"> 101 <div class="layout-content-col span-4"> 102 103 <img src="{@docRoot}design/media/gesture_pinchclose.png"> 104 105<h4>Pinch close</h4> 106<p>Zooms out of content.</p> 107 108<ul> 109 <li class="no-bullet with-icon action"> 110 <h4>Action</h4> 111 <p>2-finger press, move inwards, lift</p></li> 112</ul> 113 114 </div> 115</div> 116
