blob: 19ed1c3ff13542fc18e0c343bce66bd247d20fee (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
page.title=Tabs
@jd:body
<img src="{@docRoot}design/media/tabs_overview.png">
<p>Tabs in the action bar make it easy to explore and switch between different views or functional
aspects of your app, or to browse categorized data sets.</p>
<h2 id="scrollable">Scrollable Tabs</h2>
<div class="layout-content-row">
<div class="layout-content-col span-6">
<p>Scrolling tab controls can contain a larger number of items than a standard tab control. To navigate
to the next/previous view, swipe left or right.</p>
</div>
<div class="layout-content-col span-7">
<video width="400" class="with-shadow play-on-hover" autoplay>
<source src="{@docRoot}design/media/tabs_scrolly.mp4" type="video/mp4">
<source src="{@docRoot}design/media/tabs_scrolly.webm" type="video/webm">
<source src="{@docRoot}design/media/tabs_scrolly.ogv" type="video/ogg">
</video>
<div class="figure-caption">
Scrolling tabs in the Play Store app.
<div class="video-instructions"> </div>
</div>
</div>
</div>
<h2 id="fixed">Fixed Tabs</h2>
<p>Fixed tabs display all items concurrently. To navigate to a different view, touch the tab.</p>
<img src="{@docRoot}design/media/tabs_standard.png">
<div class="figure-caption">
Tabs in Holo Dark & Light.
</div>
<img src="{@docRoot}design/media/tabs_youtube.png">
<div class="figure-caption">
Tabs in the YouTube app.
</div>
<h2 id="stacked">Stacked Tabs</h2>
<p>If view navigation is essential to your app, you can break out tabs into a separate action bar. This
permits fast view switching even on narrower screens.</p>
<img src="{@docRoot}design/media/tabs_stacked.png">
|
