Skip to main content

How to Hide or Show Toolbar While Scrolling

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
 <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"    
   />  
set this flag to toolBar
app:layout_scrollFlags="scroll|enterAlways"
  • app:layout_scrollFlags attribute, performs scroll events in the RecyclerView trigger 
   changes inside views declared within AppBarLayout. 
  • 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 
        scrolling such as NestedScrollView.

  By Adding the above property in your XML, you can achieve the ability 
    to 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 .
Labels:

Comments

Post a Comment

Popular posts from this blog

How to Download Apk file from Url and Install Programmatically

In this post we learn about download apk file from server or website and then install it Programmatically in Phone. Sometimes we have to download external apk file from server and then install if downloading successfully finished.For this we use AsyncTask class  for background process. So here is Code Snippet for this task.Lets Start :- Before this we have to add these Permissions in Manifest.xml file : <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> DownloadNewVersion.java class DownloadNewVersion extends AsyncTask<String,Integer,Boolean> { @Override protected void onPreExecute() { super.onPreExecute(); bar = new ProgressDialog(getActivity()); bar.setCancelable(false); bar.setMessage("Downl...
6 comments
Read more

How to Implement Item Click Interface in Android?

In Android development, creating interactive lists is essential to most apps. Often, these lists include items that users can click on to trigger actions such as opening a new screen or displaying more information. In this tutorial, we’ll walk through how to implement an item click interface in Android using Java and XML. By the end of this guide, you’ll know how to create a RecyclerView with an item click listener that responds to user taps. This approach is widely used in modern Android development because RecyclerView is both flexible and efficient. Step 1: Set Up Your Android Project First, create a new Android project in Android Studio. Make sure to choose Java as the programming language. Step 2: Add Dependencies Make sure that you have the required dependencies for RecyclerView in your build.gradle file. If not, add them like this: dependencies {     implementation 'androidx.recyclerview:recyclerview:1.2.1' } Sync the project after adding the dependency. Step 3: Define ...
Post a Comment
Read more

Working with Android 11 (Changes and Security Features)

 Hello everyone , I am here with new article which is hot topic nowadays "Android 11" .The stable version of Android.  Android 11 is the eleventh major release and 18th version of Android, the mobile operating system developed by the Open Handset Alliance led by Google. It was released on September 8, 2020.It is comes with many security features and other features as well . And it is now compulsory in play store  to upload new apps with API lavel 30 which is compatible with Android 11 and from November onwards old apps also have to update with API 30 .Some other guidelines you can check out from here . Play Store Guidelines So its clear that we have to update our apps with API level 30 .But Android 11 comes with some changes as well which we have to do in our projects. For example from Android developer site "Android 11 (API level 30) further enhances the platform, giving better protection to app and user data on external storage. ". Scoped storage enforcement: Apps...
Post a Comment
Read more