Android - Update header navigation activity control styles to match spec
#46 opened on Jul 14, 2015
Repository metrics
- Stars
- (63 stars)
- PR merge metrics
- (PR metrics pending)
Description
This issue has been migrated from mozilla/webmaker-android#1604.
It was originally written by thisandagain on Wed Apr 29 2015 and had the following description:
**@**vazquez can you add some references and implementation notes for the navigation bar(s) in here? I think we've got four distinct navigation control states:
- Discover / make
- Map
- Tinker
- Everything else (default?)
Anything I'm missing? /cc **@**xmatthewx
On Wed Apr 29 2015, vazquez commented:
Map View Navigation Bar
The most distinct aspect of the Map View navigation bar is it's 'back' icon. Instead of showing the standard ← icon, we are displaying the 'exit' icon. When in Map View, if they user presses this icon, they exit back to Discover, Make or Profile Views.
The vertical ellipsis reveals more actions, as per Google's Material Design guidelines.
Discover/Make Tab Bar Navigation
The Discover/Make View features a Tab Bar as specified in Google's Material Design. A tab bar provides the affordance for displaying grouped content. When a view is active, a bar of colour is displayed underneath it.
Element Options Navigation (Colour Options, Text Options, Image Options, Button Options)
When a user adds an Element to a Page such as Text, Image, or Button, they are able to edit their specific options. Using a Parent to Child navigation transition, we reveal the Element Options Screen. This navigation bar features a checkmark on the right hand side.
Tinker Mode Navigation Bar
When a user taps on the Tinker Mode button they access Tinker Mode :zap:. Tinker Mode is accessed using a Sibling to Sibling navigation transition. The unique aspect of this screen is the fact that the back arrow also acts as a way to commit the changes the user might have done. So: back arrow === save.
On Wed Apr 29 2015, xmatthewx commented:
Excellent summary **@**vazquez
- Discover-Project is a parent-child relationship as well.
- Issue mozilla/webmaker-android#1545 outlines back button behavior if that's helpful.