Bottom Navigation View in Support Library v25.0.0 animation? - android

Reference: Nick Butcher's Tweet
https://twitter.com/crafty/status/789008273949200384
I implemented Bottom Navigation View came out with Android Support Library v25.0.0.
https://github.com/vipulasri/Bottom-Navigation-View-Sample
I am facing following problems:
Floating Action Button overlaps with Bottom Navigation View.
Snackbar displays above Bottom Navigation View.
Bottom Navigation Button doesn't automatically hide or appear on scrolling.
Not able to get the reveal animation like below:

About your third and fourth question. Bottom navigation view is automatically hide title and make animation if you have more then 3 item in it.
And about you first and second question. You can try another root layout, for example CoordinatorLayout.

Maybe it's late, but I made a little project to make reveal animation on background like your example without third part library.
Check it here: https://github.com/GauvainSeigneur/CircularRevealBottomNavigationView

Related

How to use Bottom Nav View and AppBarLayout as an overlay and animate them in Android

I wanted to know how to use Bottom Nav View and AppBarLayout as an overlay and animate them (hide/show together on touch) just like apps like Camscanner do when viewing image? I want this behavior so that the canvas beneath it can use fullscreen.
Update
Note: This screenshot is from Gallery Go app by Google, it also hides the ActionBar and BottomNavBar.
Update 2
I used the UiAutomatorViewer to check the app's UI and found that it actually uses a LinearLayout with ImageViews for the AppBar and TextViews for the Bottom Nav View.

Strange behavior of a bottom navigation view when is set visible

I try to make an app using one activity multiple fragments pattern. I handle navigation with Navigation architecture component using a bottom navigation view. In one of the fragment I have a Recyclerview which displays a list of custom cards. On item click it navigates to another fragment where I need to hide the bottom navigation view.
The problem appears when I navigate back and set the bottom navigation view visible again. The bar seems to appear in two steps giving the feeling of lag. (first time appears just 60% of the bottom navigation view).
The behavior seems to be related with the status bar. When I change the theme to full screen or I set windowTranslucentStatus=true, everything behaves okay. In addition, first time the nav bar seems to be with exactly 24dp smaller, that is the dimension of status bar.
Have you any idea what can I do?
PS. I'm new on stackoverflow and this is my first question. I'm glad to join this wonderful community.
Delay is one way to go, but I wouldn't suggest that.
I am assuming that the your navigation view is rendered before the entire activity is rendered, which is causing it to be rendered again after the UI is rendered. Why don't you try setting the visibility after the UI is rendered, like here

Android Drag and Expand View

I need to implement something similar to Android's notification bar. I would like to make a view that the user can drag and expand. The part that is not visible at the bigining has more views. (The image below explain what I want to achieve).
you can use sliding drawer i know its deprecated but still works well even in android 4.4 have a look at this tutorial for sliding drawer

pulling drawer layout from icon at the bottom

Drawer layouts are typically pulled from the action bar, at least per the official docs. Is there a way to have a pull ImageView attached to the bottom of the drawer? So that the user would tap or pull the ImageView to draw out the navigation drawer? I am referring to the docs at http://developer.android.com/training/implementing-navigation/nav-drawer.html#ActionBarIcon
On newer devices you could try to rotate the view. But I don't know if this will work. See this answer Android:How to rotate LinearLayout

Copy the google plus floating toolbar menu

I'm trying to emulate a "toolbar" type floating menu used by the android google plus app. The menu appears when you scroll up the page and hides nicely when you scroll down.
I'm guessing this is a linear layout with some sort of animation. Is that correct? Any ideas on how to reproduce?
You should have a look at Roman Nurik's scroll tricks example here. It shows how to have a quick return view like the one you mention.
One way to achieve this effect is to call animate().translationY(value) on the object you want to slide down/up.

Categories

Resources