Home | History | Annotate | Download | only in building-blocks
      1 page.title=Seek Bars and Sliders
      2 page.tags="seekbar","progressbar"
      3 @jd:body
      4 
      5 <p>Interactive sliders make it possible to select a value from a continuous or discrete range of values
      6 by moving the slider thumb. The smallest value is to the left, the largest to the right. The
      7 interactive nature of the slider makes it a great choice for settings that reflect intensity levels,
      8 such as volume, brightness, or color saturation.</p>
      9 
     10 <div class="layout-content-row">
     11   <div class="layout-content-col span-9">
     12 
     13     <img src="{@docRoot}design/media/seekbar_example.png">
     14 
     15   </div>
     16   <div class="layout-content-col span-4">
     17 
     18 <div class="vspace size-2">&nbsp;</div>
     19 
     20 <h4>Example</h4>
     21 <p>Interactive slider to set the ringer volume. The value can either be set through the hardware volume controls or interactively via a gesture.</p>
     22 
     23   </div>
     24 </div>
     25 
     26 
     27 <div class="layout-content-row">
     28   <div class="layout-content-col span-9">
     29 
     30     <img src="{@docRoot}design/media/seekbar_style.png">
     31     <div class="figure-caption">
     32       Seek bars in Holo Light &amp; Dark
     33     </div>
     34 
     35   </div>
     36   <div class="layout-content-col span-4">&nbsp;</div>
     37 </div>
     38