Home | History | Annotate | Download | only in patterns 
      1 page.title=Gestures
      2 @jd:body
      3 
      4 <p>Gestures allow users to interact with your app by manipulating the screen objects you provide. The
      5 following 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">
     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