Custom Android Bottom Menu Bar - android

I went through many questions regarding making bottom bar but my my question is a bit different.I want to make this.
bottom menu:
Now the thing is, the menu is not static.It's items can vary depending upon user's choice.So, I have to make it dynamic. What's the best approach to achieve this?
Also, I'm not sure how do I make that curved outline at the center item.I'm thinking that I should do it programmatically.Any suggestions are welcome.Even better if you can share code.

Use this to create Navigation bar, it will surly create view that you show us in image.
https://github.com/armcha/Space-Navigation-View

Bottom menu is now an official navigation view according to the official documentation but as far as I know, there is no native component available yet to implement that.
In my opinion, your best bet is to try customizing the following library created by Iiro Krankka (http://github.com/roughike):
BottomBar

Related

Custom bottom navigation bar layout

I want to create the following customized BottomNavigationBar. How can I set custom layout for the same?
Can somebody tell me how to approach it ?
You can check this library, hope this helps! BottomNavigationCircles-Android
If you are OK with using Material components, this article should be of use: https://protocoderspoint.com/custom-bottom-navigation-bar-android/.
This is a relatively easy thing to find on Google, so I advise looking there for some help.
Check out sites like https://github.com/roughike/BottomBar if you want to build upon a pre-built layout/system.
As far as I can tell though, there is no method to set android:layout="#layout/mylayout" function for bottom nav bars.
Search GitHub for "custom bottom navigation bar" and try to build off of the dirty work that has been done there. It will save a lot of time and headache while you're trying to build the back-end navigation patterns and layout inflators.

Make Icons peep out of the bottom Navigation bar

I am using a bottom navigationbar(material) in my app, I am trying to obtain a view which looks like-
It is observable that the icons are a little bit outside the boundary of the bottom bar, how to obtain this UI?
As adding padding and margin are not useful here, any help is very much appreciated.
If you look at Bottom navigation - Material design, this is not a ui contemplated under the original design, I think would be easier to build a new component that matches your UI instead of modifying bottom navigation view.
But if you finally manage to do it please share your solution, would be helpful for other people.

Swipe/drag Android view from the bottom of the screen

I want to do in my app a View that I can swipe from the bottom of the window (Images below explain it better).
I want the view to stop at certain point. The view must allow to swipe/drag it to the bottom again. Any idea or tip of how can I do that?
I think you are in search of a ViewDragHelper:
API doc:
https://developer.android.com/reference/android/support/v4/widget/ViewDragHelper.html
How to use. This answer links to a sample project to show you how as well:
ViewDragHelper: how to use it?
Dragging best practices:
http://developer.android.com/training/gestures/scale.html
You can use the new material design pattern called Bottom Sheets.
They do the exact thing that you want. They also support custom layouts for the view.
Material Design - Component - Bottom Sheets

sliding layout like google maps v7

Im trying to get the same result as new google maps, when you "tap" on any "marker" you get a little layout in bottom of the screen, all the info about the srteet view and other details shown there, when you hold and move your finger to top of the screen the layout moves and c over all screen or half of the screen. i was thinking use slidingDrawer but seems google depreceate this method on api 17. so how i can achieve this?
Im attaching the image of example:
you could look into using this SlidingUpPanel which appears to be exactly what you are looking for
Now from with Android Support Library 23.2 we can use Design Support Library: Bottom Sheets
Something that might be worth looking into is the answer to this question.
More specifically the answer that links here.
Basically the idea is that They realized that the sliding drawer left some things to be desired and they created a custom component with similar functionality. This will give you more freedom and a way around using deprecated classes. Let me know in comments if there's anything else that would be helpful to know.
Happy coding!

Android Header Pattern

I am in the process of replacing the Android Popup Menu with a Solid bar containing the buttons at the top of the screen. Now diffident activities contain the same buttons , plus to enhance the user experience we are keeping the Menu Bar with the button. Now i want to make this generic enough. Does anyone know of any good UI Patterns that will help me achieve this. I dont want to copy and paste my layouts xml code, plus the onClick listeners have the same code across the activities. Any help will be appreciated.
Kind Regards,
Mateen.
Use the ActionBar and the Compatibility Package.

Categories

Resources