The document discusses the Android action bar user interface element. The action bar identifies the user's location within an app and provides actions and navigation options in a consistent way across different apps and device configurations. It can include menu items, a search bar, an "up" button to navigate higher levels, and may split onto a separate bottom bar on narrow screens. Advanced topics covered include quick return patterns, fading effects, and supporting older Android versions or fragments. The document provides references for further information on styling, customization, and the software development kit API.

1. Action bar
2014/1/21 John

2. Outline
●
●
●
●

3. Overview
The action bar is a window feature that
identifies the user location, and provides user
actions and navigation modes. Using the
action bar offers your users a familiar interface
across applications that the system gracefully
adapts for different screen configurations.

4. How it works
● Origin
● Target

5. How it works
● Adding item
● Search view
● Navigating up
● Split action bar

6. How it works
Adding item:
Resource of menu, a XML file. (Ref: http://goo.gl/oqlo6)

7. How it works
Adding item: (Ref: http://goo.gl/w7gKA)

8. How it works
Adding item: (Ref: http://goo.gl/OJSv2y)

9. How it works
Search view: (Ref: http://goo.gl/hdWT2p)

10. How it works
Search view: (Ref: http://goo.gl/pgSfLX)

11. How it works
Navigating up:
Enabling the app icon as an Up button allows
the user to navigate your app based on the
hierarchical relationships between screens.

12. How it works
Navigating up: (Ref: http://goo.gl/F3QQlb)

13. How it works
Navigating up: (Ref: http://goo.gl/lJxjA)

14. How it works
Split action bar:
Split action bar provides a
separate bar
at the bottom of the screen
to display all action items when
the activity is running
on a narrow screen
(such as a portrait-oriented
handset).

15. How it works
Split action bar: (Ref: http://goo.gl/bNlQG)

16. Advance
UI design pattern
● Quick Return
● Fading in/out

17. Advance
UI design pattern
● Quick Return

18. Advance
UI design pattern
● Fading in/out

19. Advance
Quick Return & Fading Action bar

20. Advance
Quick Return Action bar

21. Advance
Quick Return Action bar

22. Advance
Fading
Action bar

23. Advance
Fading
Action bar

24. Homework
● Support Android 2.x
● Fragment base
● Navigation Tab
● Styling

25. Source & References
Source code: (You can also fInd it at the video record nearby if this link is invalid.)
https://www.dropbox.com/s/8whz5p3izase165/TrainingActionBar.zip
References:
● Styling Android/Basic ActionBar
● Customizing the Action Bar
● Say Goodbye to the Menu Button
● An Emerging UI Pattern - Quick Return
● Android developer API Guide/Action bar
● Android developer Design/Action bar