The gmail app has this tool bar that looks similar to an action bar (even including an overflow menu). It is a blue bar about 1/4 down the screen. See Image 1:
The bar I want is pointed out with a red arrow. I looked through the documentation and didn't see a widget that does this. How can I make a bar like this?
Also if you see the orange arrow below it appears that this app has both an action bar up top and at the bottom. I'm curious how this is done but my main question is how to make tool bar similar to an action bar wherever I want on screen.
Image 1 is on a Phone. I've also included Image 2 and Image 3 below which are a 7" tablet and 10" tablet respectively. Note that the "split" action bar is on a single bar with tablet views.
The Toolbar is basically the advanced successor of the ActionBar. It is much more flexible and customizable in terms of appearance and functionality. Unlike ActionBar, its position is not hardcoded i.e., not at the top of an activity.
To replace an app's default action bar with a Toolbar : Create a new custom theme and modify the app's properties so that it uses this new theme. Disable the windowActionBar attribute in the custom theme and enable the windowNoTitle attribute. Define a layout for the Toolbar .
For the orange bar, you should simply be able to add this tag to your manifest (under your activity tag):
android:uiOptions="splitActionBarWhenNarrow"
As for the red one, I would imagine it's simply a LinearLayout
with a QuickContactBadge
, TextView
s, and and a few Button
s -- not an actual ActionBar
instance.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With