Creating a collapsible side bar - Alternative to navigation drawer? - android

I'm trying to create a collapsible side bar with buttons. Is there another alternative to NavigationDrawer, or is that the best choice for this design? I've also noticed Navigation Drawer doesn't have a thumbnail button that you can click to expand it.
What I'm trying to create:

Related

how to design navigation drawer & title bar?

i want to design a navigation drawer for my app . In it i want various options to go to various activity.
I also want to add some clickable items on title bar which would go to any activity specified.
so, please suggest me direction to proceed.
Best example is add new activity and select "Navigation Drawer Activity"
That use titlebar item for opening menu and swip for opening and closing menu

Android Material Design Bottom Navigation and Drawer combined

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.

How to combine both Navigation drawer and bottom navigation bar in android?

Is it possible to combine both the navigation drawer and bottom navigation bar at same activity in android? I am able to use them on separate activities but am facing difficulties while combining them in a single activity.

how to place an icon on the rightside of the screen to open navigation drawer in android

i am developing an chat app in that there are two navigation drawer
Left side drawer has hamburger icon to open and close
i want to place an icon in the right side of the screen so that when the user touches icon the navigation drawer will open like in android emulator there is small icon extending to the navigation drawer
Use menu items like below:
<item
android:id="#+id/workteamaction"
android:icon="#drawable/yourimage"
android:title="#string/yourtitle"
app:showAsAction="always" />
And set your image.then, handle it for showing that NavigationDrawer.
Also, take a look:
Two Navigation Drawer on same Activity
Handling a Menu Item Click Event - Android
Also, i've saw one application was using OveflowMenu for opening another NavigationDrawer.you may want to take a look at here :
Android create custom overflow menu item
Edit:
i want to place an icon in the right side of the screen so that when
the user touches icon the navigation drawer will open like in android
emulator there is small icon extending to the navigation drawer
Use android:gravity="" for your porpuse and then handle it for showing that NavigationDrawer.
E.g: android:gravity="end"
Read the docs for the flags.(right-left-center-buttom or etc).

How can I slide the layout with action bar?

How can I slide the layout with action bar ?
Right now my navigation drawer list just appear below the action bar, but I want it to overlap the action bar onclick of navigation drawer icon; can I do this?
For this you can use sliding pane layout
Here is a link
https://github.com/cricklet/Android-PanesLibrary/tree/master/example
you can slide the layout with action bar
you have to make a sliding pane and then navigation drawer in the 2nd view
which you will get after implement this example
and here is the link for navigation drawer
http://www.codeofaninja.com/2014/02/android-navigation-drawer-example.html
combine these examples
it can help you a lot!!
Navigation drawer usually stays below action bar so you can slide it out or open it via the navigation button. Based on the image you posted, I think you should use this well-known lib: https://github.com/jfeinstein10/SlidingMenu.
It takes some steps to set up but when you're done you can customize it the way you want easily. The author also provided demo on Google Play Store and Youtube for you to review.

Categories

Resources