Please image is given in the following link. What is the term or official term of this bar with the icons together?
It is the Android Navigation Bar.
You can find more info in the Material documentation.
Android navigation bar
The Android navigation bar in Android houses the device navigation controls: Back, Home, and Overview. It also displays a menu for apps written for Android 2.3 or earlier.
Just a final note.
Android 10 introduced a new immersive look which involves also the look, dimension and the behaviour of Navigation Bar.
Related
Fortnightly’s short top app bar: Material Design
On the scroll, the top app bar collapses to become a short top app bar, allowing more space for content. The short top app bar contains...
The short top app bar contains two elements: the navigation icon to open the navigation drawer, and the Fortnightly logo.
I found this guideline in material design io site, could anyone share your idea, how to make this using material design, not 3rd party plugin.
This is done using a MaterialShapeDrawable with a ShapeAppearanceModel. You can also check the source code for the toolbar.
On iOS 7, there is a tab bar/navigation bar like below image
Is there a control similar to the style of it on Android? I did see some apps implemented this styled navigation bar.
I agree you should not implement IOS features in Android.
Also I don't know where you got the picture for the IOS app, but an IOS app has a tab bar controller which shows its tabs at the bottom of the sreen. It also has a navigation controller which does in no way look like your screenshot.
https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewControllerCatalog/Chapters/TabBarControllers.html
That being said you can use tabs in the actionbar. http://developer.android.com/design/building-blocks/tabs.html
The control I described is actually called SegmentedControl which does have Android implementation. Below are a few of them:
https://github.com/hoang8f/android-segmented-control
https://github.com/peshkira/android_segmented_control
https://github.com/nairteashop/SegmentedControl
Hope someone find it helpful
I’m using a HTC One (engineering sample) Android phone running Android 4.x
In any app made with Xamarin I see the action bar (red square) at the bottom of the screen. Even when having my own action bar (picture right), the bottom action bar is there. In this case, both action bars can be clicked (settings).
Some 3rd party apps have the same action bar problem, others (FaceBook etc.) don’t.
How can I get rid of this bottom action bar?
The sample you see here is the Xamarin ActionBarSherlock sample.
How can I get rid of this bottom action bar?
Set your android:targetSdkVersion to 14 or higher. What you are seeing is the "legacy menu button of shame".
I have a bit more on this topic in this year-old blog post.
I'm using Galaxy tab and it's got a bar on bottom that appears all the time.
FB app shows a new item there that used as a menu button.
How can I declare my menu to be there like FB?
Thanks!
I guess they are still using the old options menu. You can achieve that effect by setting the target sdk to max 10. I wouldn't recommend that as the menu button hides information and is not the current way to go (I'd use an ActionBar)
You should definately look at the ActionBar. In addition to the tab navigation that is available, you have an option for a split action bar for top and bottom. ActionBar is part of Honeycomb (3.x), but if you want to support older versions, there is the ActionBarSherlock library.
I'd like to create a navigation menu in my Android app: a bar always at the bottom of the screen, with 4 choices Home|Categories|Search|Favorites, and the current page highlighted.
It seems the options menu can hardly be customized, so I can't use it.
Do I have to add this navigation bar in every layout or is there any better solutions?
Thanks
Julien
It sounds like you're replicating an iPhone interface. As most Android phones have buttons along the bottom of the screen (Home, Back, etc) it's likely to be a bad idea to put navigation there as it's easy to hit the wrong one.
The Google-recommended approach is to use the Action Bar pattern, across the top of the screen, which is very clear, and means your app is consistent with others (look at Twitter, Google Maps, Facebook - they all use the action bar pattern).
From Honeycomb (v3.0) onwards:
http://developer.android.com/reference/android/app/ActionBar.html
A simple library to create an Action Bar on any version of Android
https://github.com/johannilsson/android-actionbar
To create an action bar that uses that library on versions earlier than 3.0, but uses the official implemention for v3.0+, try this:
https://github.com/JakeWharton/ActionBarSherlock
The action bar is highly customisable, but remember that a key to a nice user interface is consistency across the platform, i.e. your app consistent with other apps and the OS.
If you need a navigation with more items or items within a specific page, you can use TabLayout, but for your primary nav, use the action bar, that's what it's for.
Use the TabLayout