I'm searching for a guide, how to create Android 5 style navigation drawer, which covers status bar and bottom controls bar.
Current documentation (https://developer.android.com/training/implementing-navigation/nav-drawer.html) and navigation drawer activity template in Android Studio provides info on how to create old style (Android 4) navigation drawer.
Related
I am trying to figure out a way to customize the navigation drawer in android studio as shown below. I want to be able to have a curved design in the top right corner where I can close the navigation drawer and also open the navigation drawer by clicking on it as shown in the video.
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.
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.
Google just posted in their blog a post discussing best practices for implementing the material design. It says:
If the app uses a navigation drawer, it follows the newer material design interactions and styling (Figure 7). The drawer appears in front of the app bar. It also appears semitransparent behind the status bar.
But, if you look at how it is implemented in apps like Google Play Store and Inbox by Gmail, the navigation drawer is located below the Action Bar (Toolbar).
However, apps like Play Newsstand and Pushbullet use their drawer above the toolbar, as recommended.
So, which one should I use?
One side note, if I should place the drawer above the toolbar, why did Google implement the animation in the hamburger icon at all(ActionBarDrawerToggle)?
You should use the version from the Material Specs and display your left drawer over the bar.
The width of the NavigationDrawer on Inbox is also incorrect:
The width of the side nav is equal to the width of the screen minus the height of the action bar, or in this case 56dp from the right edge of the screen.
Mobile: Width = screen width - app bar height
Desktop: Max width for the left nav is 400dp. The right nav can vary depending on content.
The animation also shows when you pull out the right drawer, which should be displayed below the drawer. Further more, your drawer can be (semi-)translucent.
I am trying to make an e-store app
i would like to design it like gmail app
but after browsing the links
http://www.javacodegeeks.com/2013/04/android-tutorial-using-the-viewpager.html
http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/
also other links and android tutorial videos in youtube
but i couldnt find
from which android version the navigation drawer, action bar, swipe views arr supported
all the tutorials of sliding menu, navigation drawer etc shows only fragment displaying text view/image view
I want to have different layout
1. from which android version the navigation drawer, action bar, swipe views arr supported
Normally from HoneyComb navigation drawer and action bar are supported but u can use these from Eclair(android 2.1) with the help of android-support-v7-appcompat library and for that instead of Activity u have to use ActionBarActivity .
2. all the tutorials of sliding menu, navigation drawer etc shows only fragment displaying text view/image view i want to have different
layout
Instead of ImageView or TextView u can load ur own layout
Demo project on Navigation Drawer for android 2.1 and upper
More info
I personally use all of this in my app which requires API lvl 10 (Android 2.3.3).
Implemented with Android Support Library.