I am working on an app right now whose blueprints I got from a friend. I offered to use the ActionBar for screen navigation, but he insists on a little red button at the top-right of the screen.
I have two question:
Having never designed in android, can I make the ActionBar completely transparent, except for a little red square on the right so it looks like what i described?
If there is not such way, can someone please offer an alternative? I was searching for "button drop down list", but got only very old tutorials. Maybe I should look for something else?
Thanks a lot
Yes, you can make the Action Bar transparent. There is an example: Custom Translucent Android ActionBar. Of course, you can make completely transparant AB. Then you can add a MenuItem to the top-right corner (it will be your little red button).
Here you have an Android Action Bar Style Generator. As you can see, there is an option for solid or transparent Action Bar.
There is no need to break the rules with a proper navigation pattern (Action Bar).
Related
Is there any possible way to center align the action item icons that are shown in action bar of titanium app for android. I have searched a lot of places for this solution but had no luck. I want the action bar to look like the below image. Also tell me the way to not show app title in the action bar.
This is not a Titanium issue.
As you can read in Google's documentation, you won't be able to center anything in the ActionBar. Default (and expected) behaviour is to align action icons on the right (or left if reversed).
I don't recommend it, as it goes against Google's guidelines, but you will be able to center icons if you create a fake ActionBar:
- Remove native ActionBar from any window in your app
- Create a Titanium View that mimics the ActionBar
- Add icons and bind click events.
That's it, you are done.
I am looking to implement a menu like used on the Android Uber app.
It seems to be like an action bar on top with 3 small settings stripes on left side. (probably not a real action bar)
When clicking in that area a black menu slides out from the left and occupies 70% of the screen.
The right side of the screen still showing the map is darkened to keep focus on the menu.
I like that style, it looks good and everyone immediately knows how to use it.
I would like to have the same but don't know where to start or if there is maybe something available that would do something similar.
The actionbar itself only offers the menu on top right which is better for pure settings.
I also experimented with a split action bar having the menu items on bottom but that also seems superior to the clean interface Uber provides.
You want the Android Navigation Drawer. It's an Android sanctioned navigation pattern and more details about it can be found here. For some more technical documentation and an example of how to use it, you can find a sample over here. It works great with the Action Bar so shouldn't need anything too custom outside of what the Android v4 compat library gives you.
Hello everyone,
The first two pictures from the top is currently what I have. The arrow changes images when you click it. I want to make the arrow(action item) closer to the title(sort by) due to design requirements. I have tried to add blank action items to push the arrow over closer to the title but will not work to the various screen sizes.I also realize that the action bar is quite limited as you can only add action items to the right of the action bar.
I gave an example by displaying the bottom two pictures. As you can see the arrow is close to the Chinese title.
Any Ideas will be greatly appreciated as I am quite stuck. Thanks in advance !
Regards,
Ryan
You might be able to tell what the Chinese app is doing via uiautomatorviewer. Possibilities include:
They are using the logo, where the Chinese characters and the arrow are both part of the graphic image. See setDisplayUseLogoEnabled().
They have disabled the title and are using a custom navigation view. See setCustomView().
I'm new in android programming, I want to create the GUI of my app, when making that the action bar must be customized to looks like :
here i have "three" things:
the button shape in the non-clicking state.
the button shape in the clicking state.
the buttons separator shape.
while searching i found somethings like Android-actionbar and ActionBar-Sherlock and i'm also familiar with how to customize the action bar and how to add buttons imagess and change it upon clicking, NOW, i don't know if there's is possibility to achieve my work using any of these methods, OR IF NOT, what's the best way.
You should take a look at both these links.
PagerTabStrip
ViewPagerIndicator
I have a two panel layout using fragments. The left panel is 50dp wide and the right panel fills the rest of the screen. I don't want the actionbar to extend over the left fragment, just the right fragment. I haven't found anything in the documentation to indicate that this is possible, but I was wondering if anyone else has successfully managed to do this.
AFAIK, this is not possible. You can style the action bar, and you can make the whole bar go away, but you cannot have half a bar.
The closest you could get would be to make the whole bar go away, then implement your own action bar, but it will be tough to match the Android UI look and functionality exactly, and so I don't really recommend going down this route.