| Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 1 | page.title=Seek Bars and Sliders |
| Scott Main | 36c27c4 | 2013-03-18 14:52:45 -0700 | [diff] [blame] | 2 | page.tags="seekbar","progressbar" |
| Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 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"> </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 & Dark |
| 33 | </div> |
| 34 | |
| 35 | </div> |
| 36 | <div class="layout-content-col span-4"> </div> |
| 37 | </div> |