Android Material Design Bottom Navigation and Drawer combined - android

I'm wondering if I should combine the material design Bottom Navigation and the Navigation Drawer.
As is understand there is always one item active in the Bottom Navigation Bar, but what if I choose to navigate to a page using the Navigation Drawer menu? How do I preserve navigation consistency.? The Bottom Navigation item will still be active even if I navigated to a different activity/fragment.
I was thinking about setting all Bottom Navigation items to inactive in case a user navigates using the Navigation Drawer.
Unfortunately, the lib I'm using (https://github.com/pocheshire/BottomNavigationBar) doesn't support this.
How does the Bottom Nav Bar coexist with the Navigation Drawer? What am I missing here?

Looking at the design guidelines, it's pretty clear that the navigation drawer is at a higher z-level (hence higher hierarchy). Think of bottom navigation as essentially a replacement for tab layouts. You can look at the Google Photos application as an example.

Related

Android navigation drawer with fragments

I have an activity that extends fragmentActivity that has a navigation Drawer, and three different fragments.
Is there a way to make a navigation Drawer that has different buttons inside each of my fragments?
For example when you enter fragment 1 you will see certain buttons in the navigation Drawer, and when you go to fragment 2 you will see different buttons in the navigation Drawer.
You should just define which options are to be displayed in the NavigationDrawer depending on which current Fragment you're on, using a switch statement or if statement.
Check out this link:
How to change fragments using Android navigation drawer
Also, from this link https://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html
As per the Android Design guide, any drawers positioned to the
left/start should always contain content for navigating around the
application, whereas any drawers positioned to the right/end should
always contain actions to take on the current content. This preserves
the same navigation left, actions right structure present in the
Action Bar and elsewhere.
So this type of thing seems like it was planned for when the NavigationDrawer was designed.

Material design navigation drawer footer

I want to pin two options on the bottom of my navigation drawer. Like in this picture
If it's possible I would like to pin my header too. I am building my navigation drawer with the support design lib.

Android design support navigation drawer align on bottom

How can I align a part of the items in the navigation drawer (like settings and help) to the bottom of the navigation drawer like the google apps do? Is that supported in the new design support navigation drawer?
Those are ListView's footer views, which are always drawn after every other list item.
listView.addFooterView(inflater.inflate(R.layout.footer, null));

Android Navigation Drawer new style

In this type of Navigation Drawer, when you swipe from the left edge of the screen, current screen moves to right side while resizing and the Navigation Drawer become visible by a transparency transition effect while its resizing too. And also the Navigation Drawer shows up from behind of the current activity.
Like this one, my "Music" application:
So, how can I achieve this kind of Navigation Drawer? Is there any library, tutorial or...?
Many thanks!
its not navigation drawer (navigation drawer always comes from the top of screen).
you can use sliding layout.
https://developer.android.com/reference/android/support/v4/widget/SlidingPaneLayout.html
The closet library I found is SlidingMenu.
An example on Google Play:
https://play.google.com/store/apps/details?id=com.slidingmenu.example&hl=en

Making ActionBar tabs appear under the content AND integrate a WebView in an ActionBar Menu

I'm currently working on an Android application with two ActionBar Tabs.
I have three questions:
1) How can I make the ActionBar Tabs to appear on the bottom of the app (under the fragments)
2) Can I make a WebView in a Navigation drawer (menu)
3) How can I let the ActionBar menu appear on the right side of the ActionBar?
Thanks for answering
EDIT:
With an ActionBar menu, I'm meaning the menu on the middle of this Picture:
http://static.androidnext.de/Facebook-for-Android.jpg
How can I make the ActionBar Tabs to appear on the bottom of the app (under the fragments)
Sorry, that is not possible with action bar tabs. You cannot even control if they show up as tabs at all, let alone their position.
Can I make a WebView in an ActionBar Menu (the menu for example Facebook has the main Navigation)
What you are referring to is a navigation drawer. Putting a WebView in a navigation drawer is technically possible but is unlikely to meet Google's design guidelines for navigation. In your case, given your third question, you presumably are not using this for navigation.
How can I let the ActionBar menu appear on the right side of the ActionBar?
That depends on what you are using for the navigation drawer. DrawerLayout supports this:
Drawer positioning and layout is controlled using the android:layout_gravity attribute on child views corresponding to which side of the view you want the drawer to emerge from: left or right. (Or start/end on platform versions that support layout direction.)

Categories

Resources