diff options
Diffstat (limited to 'docs/html/design/patterns/new.jd')
| -rw-r--r-- | docs/html/design/patterns/new.jd | 49 |
1 files changed, 25 insertions, 24 deletions
diff --git a/docs/html/design/patterns/new.jd b/docs/html/design/patterns/new.jd index 1523cea..47b05b2 100644 --- a/docs/html/design/patterns/new.jd +++ b/docs/html/design/patterns/new.jd @@ -1,5 +1,6 @@ page.title=New in Android page.tags=KitKat,Android 4.4 +page.image=images/cards/design-new-in-android_2x.jpg @jd:body @@ -92,8 +93,8 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <h3> Gestures </h3> -<div class="layout-content-row"> - <div class="layout-content-col span-6"> +<div class="cols"> + <div class="col-6"> <p> The updated <a href="{@docRoot}design/patterns/gestures.html">Gestures</a> page covers new and updated gestures introduced in Android KitKat: @@ -101,7 +102,7 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> gestures are used for changing the viewing size of content. </p> </div> - <div class="layout-content-col span-7"> + <div class="col-7"> <img src="{@docRoot}design/media/gesture_doubletouch.png"> <img src="{@docRoot}design/media/gesture_doubletouchdrag.png"> </div> @@ -111,8 +112,8 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <h2>Android 4.1 Jelly Bean</h2> <h4>Notifications</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>Notifications have received some notable enhancements in Android 4.1:</p> <ul> <li>Users can act on notifications immediately from the drawer</li> @@ -126,7 +127,7 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> href="{@docRoot}design/patterns/notifications.html">Notifications</a> page for more details.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/new_notifications.png"> </div> </div> @@ -134,8 +135,8 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <div class="vspace size-2"> </div> <h4>Resizable Application Widgets</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>Widgets are an essential aspect of home screen customization, allowing "at-a-glance" views of an app's most important data and functionality right from the user's home screen. Android 4.1 introduces improved App Widgets that can @@ -152,7 +153,7 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> href="{@docRoot}design/patterns/widgets.html">Application Widgets</a> page has useful details about widget types, limitations, and design considerations.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/new_widgets.png"> </div> </div> @@ -160,8 +161,8 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <div class="vspace size-2"> </div> <h4>Accessibility</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-11"> +<div class="cols"> + <div class="col-11"> <p>One of Android's missions is to organize the world's information and make it universally accessible and useful. Our mission applies to all users-including people with disabilities such as visual impairment, color @@ -183,7 +184,7 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <a href="{@docRoot}design/patterns/widgets.html">Widgets</a> page has useful details about widget types, limitations, and design considerations.</p> </div> - <div class="layout-content-col span-2"> + <div class="col-2"> <img src="{@docRoot}design/media/new_accessibility.png"> </div> </div> @@ -191,8 +192,8 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <h2>Android 4.0 Ice Cream Sandwich</h2> <h4>Navigation bar</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>Android 4.0 removes the need for traditional hardware keys on phones by replacing them with a virtual navigation bar that houses the Back, Home and Recents buttons. Read the @@ -200,7 +201,7 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> pattern to learn how the OS adapts to phones with hardware buttons and how pre-Android 3.0 apps that rely on menu keys are supported.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/whats_new_nav_bar.png"> </div> </div> @@ -208,13 +209,13 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <div class="vspace size-2"> </div> <h4>Action bar</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>The action bar is the most important structural element of an Android app. It provides consistent navigation across the platform and allows your app to surface actions.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/whats_new_action_bar.png"> </div> </div> @@ -222,14 +223,14 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <div class="vspace size-2"> </div> <h4>Multi-pane layouts</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>Creating apps that scale well across different form factors and screen sizes is important in the Android world. Multi-pane layouts allow you to combine different activities that show separately on smaller devices into richer compound views for tablets.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/whats_new_multipanel.png"> </div> </div> @@ -238,13 +239,13 @@ lockscreen, priority notifications, and cloud-synced notifications.</p> <h4>Selection</h4> -<div class="layout-content-row"> - <div class="layout-content-col span-7"> +<div class="cols"> + <div class="col-7"> <p>The long press gesture which was traditionally used to show contextual actions for objects is now used for data selection. When selecting data, contextual action bars allow you to surface actions.</p> </div> - <div class="layout-content-col span-6"> + <div class="col-6"> <img src="{@docRoot}design/media/whats_new_multiselect.png"> </div> </div> |