Sometimes we have requirement for hiding the toolbar when some list is scroll .In this post we will learn how to hide when scroll down the list and show when scroll upside in Android Application.For this we have to follow some steps :-
Step 1: Create a ToolBar separately for use it in an entire application with name toolbar.xml
set this flag to toolBar<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:titleTextColor="#FFFFFF" app:layout_scrollFlags="scroll|enterAlways" />
app:layout_scrollFlags="scroll|enterAlways"
- app:layout_scrollFlags attribute, performs scroll events in the RecyclerView trigger
- enterAlways: The view will become visible when scrolling up.
Step 2: Create the other XML file where you want to apply hide/show property
with name hide_show_Activity.xml
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <include android:id="@+id/toolbar" layout="@layout/toolbar" /> </android.support.design.widget.AppBarLayout> <android.support.v7.widget.RecyclerView android:id="@+id/my_recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" android:clipToPadding="false" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout>
Set the behavior in recycler view app:layout_behavior="@string/appbar_scrolling_view_behavior"
- Add a app:layout_behavior to a RecyclerView or any other View prepared of nested
By Adding the above property in your XML, you can achieve the abilityto hide and showing toolbar while scrolling.for example the result will show like this:Before Scrolling:After Scrolling:
Thank you !! if you like please share this post .
Comments
Post a Comment