Loading docs/html/design/building-blocks/buttons.jd +7 −6 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Buttons page.tags="button","input" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/controls/button.html"> <div> <h3>Developer Docs</h3> <p>Buttons</p> </div> </a> <p>A button consists of text and/or an image that clearly communicates what action will occur when the user touches it. Android supports two different types of buttons: <em>basic buttons</em> and <em>borderless buttons</em>. Both can contain text labels and/or images.</p> Loading Loading @@ -38,9 +45,3 @@ than basic buttons and integrate nicely with other content.</p> <img src="{@docRoot}design/media/buttons_borderless.png"> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to build and customize buttons in your app, see the <a href="{@docRoot}guide/topics/ui/controls/button.html">Buttons</a> API guide.</p> </div> docs/html/design/building-blocks/dialogs.jd +15 −12 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Dialogs page.tags="dialog","alert","popup","toast" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/dialogs.html"> <div> <h3>Developer Docs</h3> <p>Dialogs</p> </div> </a> <p>Dialogs prompt the user for decisions or additional information required by the app to continue a task. Such requests can range from simple Cancel/OK decisions to more complex layouts asking the user to adjust settings or enter text.</p> Loading Loading @@ -123,11 +130,6 @@ available based on the title and the text of the action buttons.</p> </div> </div> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to build dialogs in your app, see the <a href="{@docRoot}guide/topics/ui/dialogs.html">Dialogs</a> API guide.</p> </div> <h2 id="popups">Popups</h2> Loading @@ -144,12 +146,19 @@ advances the workflow, and simply touching outside the popup dismisses it.</p> <div class="layout-content-row"> <div class="layout-content-col span-6"> <div class="vspace size-6"></div> <div class="vspace size-3"></div> <p>Toasts provide lightweight feedback about an operation in a small popup. For example, navigating away from an email before you send it triggers a "Draft saved" toast to let you know that you can continue editing later. Toasts automatically disappear after a timeout.</p> <a class="notice-developers left" href="{@docRoot}guide/topics/ui/notifiers/toasts.html"> <div> <h3>Developer Docs</h3> <p>Toasts</p> </div> </a> </div> <div class="layout-content-col span-7"> Loading @@ -158,9 +167,3 @@ continue editing later. Toasts automatically disappear after a timeout.</p> </div> </div> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to create toasts, see the <a href="{@docRoot}guide/topics/ui/notifiers/toasts.html">Toasts</a> API guide.</p> </div> docs/html/design/building-blocks/grid-lists.jd +7 −0 Original line number Diff line number Diff line Loading @@ -4,6 +4,13 @@ page.tags="gridview","layout","listview" <img src="{@docRoot}design/media/gridview_overview.png"> <a class="notice-developers" href="{@docRoot}guide/topics/ui/layout/gridview.html"> <div> <h3>Developer Docs</h3> <p>Grid View</p> </div> </a> <p>Grid lists are an alternative to standard list views. They are best suited for showing data sets that represent themselves through images. In contrast to simple lists, grid lists may scroll either vertically or horizontally.</p> Loading docs/html/design/building-blocks/lists.jd +7 −0 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Lists page.tags="listview","layout" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/layout/listview.html"> <div> <h3>Developer Docs</h3> <p>List View</p> </div> </a> <p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as well as drilldown navigation.</p> Loading docs/html/design/building-blocks/pickers.jd +7 −6 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Pickers page.tags="datepicker","timepicker" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/controls/pickers.html"> <div> <h3>Developer Docs</h3> <p>Pickers</p> </div> </a> <p>Pickers provide a simple way to select a single value from a set. In addition to touching the up/down arrow buttons, it's possible to set the desired value from the keyboard or via a swipe gesture.</p> Loading Loading @@ -31,9 +38,3 @@ correctly. The format of a time and date picker adjusts automatically to the loc <img src="{@docRoot}design/media/picker_datetime.png"> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to create date and time pickers, see the <a href="{@docRoot}guide/topics/ui/controls/pickers.html">Pickers</a> API guide.</p> </div> Loading
docs/html/design/building-blocks/buttons.jd +7 −6 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Buttons page.tags="button","input" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/controls/button.html"> <div> <h3>Developer Docs</h3> <p>Buttons</p> </div> </a> <p>A button consists of text and/or an image that clearly communicates what action will occur when the user touches it. Android supports two different types of buttons: <em>basic buttons</em> and <em>borderless buttons</em>. Both can contain text labels and/or images.</p> Loading Loading @@ -38,9 +45,3 @@ than basic buttons and integrate nicely with other content.</p> <img src="{@docRoot}design/media/buttons_borderless.png"> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to build and customize buttons in your app, see the <a href="{@docRoot}guide/topics/ui/controls/button.html">Buttons</a> API guide.</p> </div>
docs/html/design/building-blocks/dialogs.jd +15 −12 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Dialogs page.tags="dialog","alert","popup","toast" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/dialogs.html"> <div> <h3>Developer Docs</h3> <p>Dialogs</p> </div> </a> <p>Dialogs prompt the user for decisions or additional information required by the app to continue a task. Such requests can range from simple Cancel/OK decisions to more complex layouts asking the user to adjust settings or enter text.</p> Loading Loading @@ -123,11 +130,6 @@ available based on the title and the text of the action buttons.</p> </div> </div> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to build dialogs in your app, see the <a href="{@docRoot}guide/topics/ui/dialogs.html">Dialogs</a> API guide.</p> </div> <h2 id="popups">Popups</h2> Loading @@ -144,12 +146,19 @@ advances the workflow, and simply touching outside the popup dismisses it.</p> <div class="layout-content-row"> <div class="layout-content-col span-6"> <div class="vspace size-6"></div> <div class="vspace size-3"></div> <p>Toasts provide lightweight feedback about an operation in a small popup. For example, navigating away from an email before you send it triggers a "Draft saved" toast to let you know that you can continue editing later. Toasts automatically disappear after a timeout.</p> <a class="notice-developers left" href="{@docRoot}guide/topics/ui/notifiers/toasts.html"> <div> <h3>Developer Docs</h3> <p>Toasts</p> </div> </a> </div> <div class="layout-content-col span-7"> Loading @@ -158,9 +167,3 @@ continue editing later. Toasts automatically disappear after a timeout.</p> </div> </div> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to create toasts, see the <a href="{@docRoot}guide/topics/ui/notifiers/toasts.html">Toasts</a> API guide.</p> </div>
docs/html/design/building-blocks/grid-lists.jd +7 −0 Original line number Diff line number Diff line Loading @@ -4,6 +4,13 @@ page.tags="gridview","layout","listview" <img src="{@docRoot}design/media/gridview_overview.png"> <a class="notice-developers" href="{@docRoot}guide/topics/ui/layout/gridview.html"> <div> <h3>Developer Docs</h3> <p>Grid View</p> </div> </a> <p>Grid lists are an alternative to standard list views. They are best suited for showing data sets that represent themselves through images. In contrast to simple lists, grid lists may scroll either vertically or horizontally.</p> Loading
docs/html/design/building-blocks/lists.jd +7 −0 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Lists page.tags="listview","layout" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/layout/listview.html"> <div> <h3>Developer Docs</h3> <p>List View</p> </div> </a> <p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as well as drilldown navigation.</p> Loading
docs/html/design/building-blocks/pickers.jd +7 −6 Original line number Diff line number Diff line Loading @@ -2,6 +2,13 @@ page.title=Pickers page.tags="datepicker","timepicker" @jd:body <a class="notice-developers" href="{@docRoot}guide/topics/ui/controls/pickers.html"> <div> <h3>Developer Docs</h3> <p>Pickers</p> </div> </a> <p>Pickers provide a simple way to select a single value from a set. In addition to touching the up/down arrow buttons, it's possible to set the desired value from the keyboard or via a swipe gesture.</p> Loading Loading @@ -31,9 +38,3 @@ correctly. The format of a time and date picker adjusts automatically to the loc <img src="{@docRoot}design/media/picker_datetime.png"> <div class="note develop"> <p><strong>Developer Guide</strong></p> <p>For information about how to create date and time pickers, see the <a href="{@docRoot}guide/topics/ui/controls/pickers.html">Pickers</a> API guide.</p> </div>