This question already has answers here:
Transition in navigation drawer android
(2 answers)
Closed 4 years ago.
How can I create a navigation menu like this for my app in android studio.
Create a navigation Drawer (with menu items), you can access full code here
https://developer.android.com/training/implementing-navigation/nav-drawer
Implementing that navigation bar from scratch will be bit difficult. What I suggest instead is to use a library for that purpose.
Here is a library that gives the same UI as you want, read this readme. It is called Duo-Navigation-drawer
https://github.com/PSD-Company/duo-navigation-drawer/blob/master/README.md
This readme file contains all the necessary steps to implement it on your app.
Give it a read.
While there are many other libraries too.
Here is a screenshot of the navigation bar.
Click here to view
Related
How can I learn how to cuztomize the android navigation bar?
I know that it is not recommended because of the material ui commandments (but I wanna do it anyways).
There is a few applications out there who supports this - and I was looking into them to see if I can learn it from them.
Lichess
I know a chess app called lichess which added 2 buttons in each side of the navigation bar - and the code is open source on github, but I can't find where the specific buttons are implemented. Also many things in the app is developen in typescript and scala with a wierd html dls.
Edit
I see that lichess is implemented in webview and they might just have created their own "fake" navigation bar in typescript.
CustomNavigationBar
Also there is another app called CuztomNavigationBar which should be able to change the settings for the android navigation bar on a global scale, so that it will persist after the app is closed.
This code is not open source so I cannot find out how he did it. Here is a tutorial how to use his app
Thank you in advance
Here is a image of the bottombar on lichess.
I need a navigation bar that doesn't slideIn above the current view (the usual overlapping stype), instead it should be as in new ebay app (as if scrolling the wallpaper in homescreen with more than one page). Is it possible to add this effect to material-design-navigation-view? How do I do it?
You can use Sliding Menu Library for your requirement. Here is the link to that library
Sliding Menu Library
And if you are using Android Studio then see this link to add it in your project
Importing in Android Studio
There is no default way to really do this. However, this thread of StackOverflow will help you: push activity on the right when open drawer
Another GitHub library that may suit your need is: Material Drawer. You can download the demo on Google Play Store (same name). A similar approach is the Persistent Header Drawer
I have made my navigation drawer and it is working all fine , it is according to new design rules. but now I have a problem and after a couple of search I have found no note over it so far. So I end up with asking question here.
What I have done so far is some thing like
the picture shows you the demo , How ever I have made some thing like this its just the demo to give you people hint about what is header in the navigation drawer and where my menu items list lies
You can clearly see that there is a header in the navigation drawer and the menu item list beneath it .
Problem 1
now do to some reasons I have deleted the header , but my menu Items goes upwards to the top starting point. I know I can give margin up , but this is not the good way
Is there any good way I can just centralized them vertically ? I am wondering How to do it , Please Help me .
and Problem 2 is , I want to minimize the distance and margin between the menu items and menu icons in navigation drawer How to do this. I have not seen any of the discussion over it.
Please help me in solving both problems.
On screenshot you attached to your question, the navigation drawer doesn't look fine and according to the new desing rules :-/
Just have a look at the official guide: https://www.google.com/design/spec/patterns/navigation-drawer.html
Luckly for you nowdays we are provided by Google with Android Design Support Library that helps us with creating Navigation View (that replaces Navigation Drawer)
Here are links for you:
official documentation, always a good read: https://developer.android.com/reference/android/support/design/widget/NavigationView.html
nicely written blog post about Navigation View: http://antonioleiva.com/navigation-view/
and last but not least, sample app using new Android Design Library: https://github.com/antoniolg/MaterializeYourApp
I know it's not the answer you were looking for, like "just change true to false in the line number 10" but stay assured that using official Navigation View is a way to go in modern Android world.
You can use the new NavigationView from the Android Design Support Library in making your navigation drawer. NavigationView make s creating material design-compliant navigation drawer.
You can read about it at http://android-developers.blogspot.com/2015/05/android-design-support-library.html
Read these three articles
Take a look at this code
Use the design support library
How to implement android navigation drawer like this?
TopLevelView1 ~ TopLevelView4 can select and no children
TopVevelView5 can collaspe
My question is that if my group structure like this for example
All
Stared
Category
----mp3
----txt
----doc
----pdf
when I select all then show all file.
when I select stared then show stared file only.
when I select mp3 then show only mp3 files.
and Category can expand and collapse.
For navigation:
Alternative 1:
Sliding Menu, which I would definitely go with. Even used by popular application like LinkedIn and Foursquare and easy to implement and use. Full explanation and example source codes: SlidingMenu - GitHub
Alternative 2:
Android Navigation Drawer. If you want to fully customise everything yourself without using any libraries, this is your option. You can check codes and how to do it from Android Developers website: Creating a Navigation Drawer
View inside your navigation drawer / sliding menu:
Alternative 1:
Android default ExpandableListView. Links: Android Developers , androidhive
Alternative 2:
AnimatedExpandableListView, which is implemented from ExpandableListView, but when an item is clicked, the expand is done with a smooth animation which you may prefer to use for a better look. AnimatedExpandableListView
This question already has answers here:
Force overflow menu in ActionBarSherlock
(4 answers)
Closed 9 years ago.
I have implemented ActionBarSherlock in my project, which is supposed to run on android 2.2 and above. What i need is the functionality shown in red contour in below image. I had a hard time finding what that functionality is called. can some one please point me at the right direction ?
In you XML for your menu items, add this to every menu-item:
android:showAsAction="never"