Home | History | Annotate | Download | only in patterns 
      1 page.title=New in Android 4.0
      2 @jd:body
      3 
      4 <div class="layout-content-row">
      5   <div class="layout-content-col span-7">
      6 
      7 <h4>Navigation bar</h4>
      8 <p>Android 4.0 removes the need for traditional hardware keys on phones by replacing them with a
      9 virtual navigation bar that houses the Back, Home and Recents buttons. Read the
     10 <a href="{@docRoot}design/patterns/compatibility.html">Compatibility</a> pattern to learn how the OS adapts to
     11 phones with hardware buttons and how pre-Android 3.0 apps that rely on menu keys are supported.</p>
     12 
     13   </div>
     14   <div class="layout-content-col span-6">
     15 
     16     <img src="{@docRoot}design/media/whats_new_nav_bar.png">
     17 
     18   </div>
     19 </div>
     20 
     21 <div class="vspace size-2">&nbsp;</div>
     22 
     23 <div class="layout-content-row">
     24   <div class="layout-content-col span-7">
     25 
     26 <h4>Action bar</h4>
     27 <p>The action bar is the most important structural element of an Android app. It provides consistent
     28 navigation across the platform and allows your app to surface actions.</p>
     29 
     30   </div>
     31   <div class="layout-content-col span-6">
     32 
     33     <img src="{@docRoot}design/media/whats_new_action_bar.png">
     34 
     35   </div>
     36 </div>
     37 
     38 <div class="vspace size-2">&nbsp;</div>
     39 
     40 <div class="layout-content-row">
     41   <div class="layout-content-col span-7">
     42 
     43 <h4>Multi-pane layouts</h4>
     44 <p>Creating apps that scale well across different form factors and screen sizes is important in the
     45 Android world. Multi-pane layouts allow you to combine different activities that show separately on
     46 smaller devices into richer compound views for tablets.</p>
     47 
     48   </div>
     49   <div class="layout-content-col span-6">
     50 
     51     <img src="{@docRoot}design/media/whats_new_multipanel.png">
     52 
     53   </div>
     54 </div>
     55 
     56 <div class="vspace size-2">&nbsp;</div>
     57 
     58 <div class="layout-content-row">
     59   <div class="layout-content-col span-7">
     60 
     61 <h4>Selection</h4>
     62 <p>The long press gesture which was traditionally used to show contextual actions for objects is now
     63 used for data selection. When selecting data, contextual action bars allow you to surface actions.</p>
     64 
     65   </div>
     66   <div class="layout-content-col span-6">
     67 
     68     <img src="{@docRoot}design/media/whats_new_multiselect.png">
     69 
     70   </div>
     71 </div>
     72