Android Nested Scrolling and Collapsing View using Android Studio

 Android Nested Scrolling and Collapsing View using Android Studio

Note: We have two methods to create Nested scrolling collapsing Activity

Method 1:

1. Create a android studio project 

•         Open new project
•         Fill the details 
•         Next activity screen "Select Scrolling Activity"

And click Next And Finish

Now You Create the Nested Scrolling Activity successfully.

Method 2:

If you need to include nested scrolling into your project steps are below:

1. Create a New Xml file(Right click the layout folder on Android studio).

activity_scrolling.xml

<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout

 xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"  

  android:fitsSystemWindows="true"

    tools:context="com.example.mmmllc.testsccroll.ScrollingActivity">

    <android.support.design.widget.AppBarLayout

        android:id="@+id/app_bar"

        android:layout_width="match_parent"

        android:layout_height="@dimen/app_bar_height"

        android:fitsSystemWindows="true"

        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout

            android:id="@+id/toolbar_layout"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:fitsSystemWindows="true"  

          app:contentScrim="?attr/colorPrimary" 

           app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar 

               android:id="@+id/toolbar"  

              android:layout_width="match_parent"

                android:layout_height="?attr/actionBarSize" 

               app:layout_collapseMode="pin"  

              app:popupTheme="@style/AppTheme.PopupOverlay" />

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <!------  you need to add your design own work here   ------!>

    <android.support.design.widget.FloatingActionButton  

     android:id="@+id/fab"

        android:layout_width="wrap_content" 

       android:layout_height="wrap_content" 

      android:layout_margin="@dimen/fab_margin"

        android:src="@android:drawable/ic_dialog_email" 

       app:layout_anchor="@id/app_bar"     

   app:layout_anchorGravity="bottom|end" />

</android.support.design.widget.CoordinatorLayout>

2. Create a New Java file(Right click the Package folder on Android studio).

ScrollingActivity.java
package <Replace your Package>;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;

public class ScrollingActivity extends AppCompatActivity {

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_scrolling);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
/////Add whatever in your code to execute there } }

3. Replace your Dependencies on "build.gradle".




compile 'com.android.support:appcompat-v7:23.2.0'

compile 'com.android.support:design:23.2.0'


Add inside into dependencies {  .........   }

if your gradle version is 23.2.0.. may be its changed by your project.. replace version number to <your version number>


Finally Create Nested Scrolling With Collapsing and FAB , Snackbar...

For Download this project:


DOWNLOAD NOW