1 page.title=Buttons 2 page.tags="button","input" 3 @jd:body 4 5 <a class="notice-developers" href="{@docRoot}guide/topics/ui/controls/button.html"> 6 <div> 7 <h3>Developer Docs</h3> 8 <p>Buttons</p> 9 </div> 10 </a> 11 12 <p>A button consists of text and/or an image that clearly communicates what action will occur when the 13 user touches it. Android supports two different types of buttons: <em>basic buttons</em> and <em>borderless 14 buttons</em>. Both can contain text labels and/or images.</p> 15 16 <img src="{@docRoot}design/media/buttons_basic.png"> 17 18 <h2 id="basic">Basic Buttons</h2> 19 20 <p>Basic buttons are traditional buttons with borders and background. Android supports two styles for 21 basic buttons: default and small. Default buttons have slightly larger font size and are optimized 22 for display outside of form content. Small buttons are intended for display alongside other content. 23 They have a smaller font and smaller minimum height. Use small buttons in forms where they need to 24 align with other UI elements.</p> 25 26 <img src="{@docRoot}design/media/buttons_default_small.png"> 27 <div class="layout-content-row"> 28 <div class="layout-content-col span-6"> 29 <div class="figure-caption"> 30 Default buttons in Holo Dark & Light. 31 </div> 32 </div> 33 <div class="layout-content-col span-6"> 34 <div class="figure-caption"> 35 Small buttons in Holo Dark & Light. 36 </div> 37 </div> 38 </div> 39 40 <h2 id="borderless">Borderless Buttons</h2> 41 42 <p>Borderless buttons resemble basic buttons except that they have no borders or background. You can 43 use borderless buttons with both icons and text. Borderless buttons are visually more lightweight 44 than basic buttons and integrate nicely with other content.</p> 45 46 <img src="{@docRoot}design/media/buttons_borderless.png"> 47 48
