Embed Size (px)
Citation preview
Action bar2014/1/21 John
Outline
●
●
●
●
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.
How it works
● Origin
● Target
How it works
● Adding item● Search view● Navigating up● Split action bar
How it works
Adding item:Resource of menu, a XML file. (Ref: http://goo.gl/oqlo6)
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.
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).
Advance
UI design pattern● Quick Return● Fading in/out
Advance
UI design pattern● Quick Return
Advance
UI design pattern● Fading in/out
Advance
Quick Return & Fading Action bar
Advance
Quick Return Action bar
Advance
Quick Return Action bar
Advance
Fading Action bar
Advance
Fading Action bar
Homework
● Support Android 2.x● Fragment base● Navigation Tab● Styling
Source & ReferencesSource 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
