Discussion on Split ActionBar about brainy-quote-app

[chan96]

My thoughts:

Top action bar

1. search icon
2. menu icon

bottom action bar

1. share icons
2. favorite icon

I am thinking of having the bottom bar as more of a sharing/favorites/social menu. Regarding the favorites icon issue, we could add the word "favorites" or an abbreviation to the left of the icon (assuming it doesn't take up too much space). When you say "menu icon" are you talking about a specific button on the screen, or the hardware button? If it's an icon, we could create a sub menu that appears and has the favorites button link (similar to your idea, but using a sub menu instead of a popup.

[rbarman]

I am referring to an actual menu icon in the bar such as :

[chan96]

Ah, ok, that looks good.

[rbarman]

Current Status.

Top Action Bar

1. made custom_actionbar.xml
2. searchView functional (needs null pointer exception quick fix for when queryText.isEmpty)
3. No menu icon yet

Bottom ActionBar

1. uses current actionbar
2. currently has star, share, and arrow icon.
3. star is to add to quote to favorite - currently can only change icon based on toggle, starting respective async task results in null pointer (prob failed to declare things in BaseActivity)
4. menu icon not functional yet
5. arrow icon is put for testing to launch FavQuoteScreen Activity.

Goals

1. make bottom action bar fully functional
2. quick searchView fix
3. find good actionOverflow icon for menu icon in custom_actionbar.xml

[rbarman]

Current Status : Top and Bottom Action bar functionally work but there are some design "flaws."

Main Activity

Top action bar has a searchView while the bottom has a action overflow menu. I did not use a image from drawable for that icon, that icon will just appear if there are action items that have showAsAction = "never."

Random / Specific Quote Activity (same for both)

Top has searchView while bottom has favorite, share, and action overflow menu.

So what is "wrong?" I would like the action overflow menu to be in the top action overflow but that will be tricky / hackish to do so. You can look at my stack overflow question to fully understand my problem : http://stackoverflow.com/questions/20768652/possible-to-have-action-overflow-icon-in-top-action-bar-of-split-actionbar

So I will have to ..

1. Wait for good answers
2. Figure out a hack way to do what I want
3. If all else fails, do a completely new design. (Maybe single action bar and then a banner at the bottom or just a single action bar)

Once I have figured it out / found a new way, I can easily change the FavQuoteScreen and SelectedQuote accordingly.

[rbarman]

Here is what happens when the action overflow is clicked. It will show all action elements that were = android:showAsAction = "never" IE, things we want in a menu.

[rbarman]

now with pop up menu mimicking overflow menu

1. find good action_overflow menu icon
2. change theme accordingly
3. IF 1 or 2 can not be done
   wait for stack overflow + design new action bar design.

[rbarman]

there is no suitable action_overflow icon. Well resort to single action bar or use Fragments.

[rbarman]

Current Status : Code is implemented, some aesthetic touch ups needed.

1. Split action bar is not used due to design complications. Instead I used a single action bar and a custom layout that I include within all the different layout. This custom layout (customized_bottom.xml) will hold the share and star image button and will be placed at the bottom of each activity.
2. The action bar has a fully functional searchView and an action overflow menu that will have "Favorites" , "Settings", and "Help" as the current options. Currently "Favorites" is the only functional menu item and will launch the FavQuoteScreen Activity as a result.
3. The customized bottom bar has a fully functional share and favorite button that will be seen only in the SpecificQuote, RandomQuote, and SelectedQuote Activity.

Rather than upload pictures here on GitHub, pictures of each activity with the actionbar and customized bottom bar can be seen in the Brainy Quote Pics under the file named "12-26-13 pics" : https://drive.google.com/#folders/0B8JarS5_1mecUmNkOE5JZXhXcjQ

What's left

1. make the bottom bar more aesthetic. (Color, width, etc)