1page.title=Adding the Action Bar
2page.tags=actionbar
3helpoutsWidget=true
4
5trainingnavtop=true
6startpage=true
7
8@jd:body
9
10<div id="tb-wrapper">
11<div id="tb">
12
13<h2>Dependencies and prerequisites</h2>
14<ul>
15  <li>Android 2.1 or higher</li>
16</ul>
17
18
19<h2>You should also read</h2>
20<ul>
21  <li><a href="{@docRoot}guide/topics/ui/actionbar.html">Action Bar</a></li>
22  <li><a href="{@docRoot}training/implementing-navigation/index.html">Implementing
23  Effective Navigation</a></li>
24</ul>
25
26</div>
27</div>
28
29<a class="notice-designers wide" href="{@docRoot}design/patterns/actionbar.html">
30  <div>
31    <h3>Design Guide</h3>
32    <p>Action Bar</p>
33  </div>
34</a>
35
36<p>The action bar is one of the most important design elements you can implement for your
37app's activities. It provides several user interface features that make your app immediately
38familiar to users by offering consistency between other Android apps. Key functions include:</p>
39
40<ul>
41  <li>A dedicated space for giving your app an identity and indicating the user's location
42  in the app.</li>
43  <li>Access to important actions in a predictable way (such as Search).</li>
44  <li>Support for navigation and view switching (with tabs or drop-down lists).</li>
45</ul>
46
47<img src="{@docRoot}images/training/basics/actionbar-actions.png" height="100" alt="">
48
49<p>This training class offers a quick guide to the action bar's basics. For more information
50about action bar's various features, see the
51<a href="{@docRoot}guide/topics/ui/actionbar.html">Action Bar</a> guide.</p>
52
53
54<h2>Lessons</h2>
55
56<dl>
57  <dt><b><a href="setting-up.html">Setting Up the Action Bar</a></b></dt>
58  <dd>Learn how to add a basic action bar to your activity, whether your app
59  supports only Android 3.0 and higher or also supports versions as low as Android 2.1
60  (by using the Android Support Library).</dd>
61  <dt><b><a href="adding-buttons.html">Adding Action Buttons</a></b></dt>
62  <dd>Learn how to add and respond to user actions in the action bar.</dd>
63  <dt><b><a href="styling.html">Styling the Action Bar</a></b></dt>
64  <dd>Learn how to customize the appearance of your action bar.</dd>
65  <dt><b><a href="overlaying.html">Overlaying the Action Bar</a></b></dt>
66  <dd>Learn how to overlay the action bar in front of your layout, allowing for
67  seamless transitions when hiding the action bar.</dd>
68</dl>
69
70