Hi @henrytao-me . When using SmoothAppBarLayout with ViewPager I'm getting this issue: java.lang.StackOverflowError at android.support.design.widget.AppBarLayout$Behavior.onMeasureChild(AppBarLayout.java:652) at me.henrytao.smoothappbarlayout.BaseBehavior.onMeasureChild(BaseBehavior.java:80) at android.support.design.widget.AppBarLayout$Behavior.onMeasureChild(AppBarLayout.java:652) at me.henrytao.smoothappbarlayout.BaseBehavior.onMeasureChild(BaseBehavior.java:80) at android.support.design.widget.AppBarLayout$Behavior.onMeasureChild(AppBarLayout.java:652) at me.henrytao.smoothappbarlayout.BaseBehavior.onMeasureChild(BaseBehavior.java:80)

By the stack trace I think it has to do with something that is recursively calling back and forth. what do you think?

Hi there! Thanks so much for making this. I was wondering, is there a way to support variable/dynamic appbarlayout heights, where my appbar wraps a placeholder fragment that when swapped can end up any height?

<me.henrytao.smoothappbarlayout.SmoothAppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="50dp">
            <!-- Header placeholder -->
            <FrameLayout
                android:id="@+id/header_fragment_placeholder"
                app:layout_scrollFlags="scroll"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
</me.henrytao.smoothappbarlayout.SmoothAppBarLayout>
// ...
<ViewPager />

^^My xml. In your examples it seems that SmoothAppBarLayout is a fixed height, rather than wrap_content. I set a minimum height as I'm using a viewpager, but the recyclerviews in the viewpager are being cropped at the top - it's clear the SmoothAppBarLayout height doesn't include the instantiated header fragment height. Is it possible to do so?

Hi, Thanks for your awesome library. According to your 3 steps, I just add your library from gradle compile "me.henrytao:smooth-app-bar-layout:0.2.1" and change the Remove app:layout_behavior="@string/appbar_scrolling_view_behavior". Add header to your scroll view or recyclerView. Or set paddingTop and clipToPadding="false".

When I wanna build, it is looking for AppStyle.MdToolbar. I would appreciate if you don't mind helping me to resolve this issue.

Thanks and Best Regards

•Remember to set android:minHeight for me.henrytao.smoothappbarlayout.SmoothAppBarLayout in layout file if you use ViewPager .

I did like below, but it din't work. what does it mean? please help......

android:minHeight="smoothappbarlayout.SmoothAppBarLayout"

RecyclerView scrolls (intermediate list) AppBarLayout this state when collased Calling the scrollToPosition (0) AppBarLayout is not expanded If forced to call a appBarLayout.setExpanded () it seems one normally seen When you scroll through the list it disappears immediately.

I created a toolbar with some imagebuttons, but click listener are not called for it. Here is my xml: can you help please. Maybe I set something wrong.

<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.petup.petup.user.activities.settings.MyPetProfileActivity">

    <me.henrytao.smoothappbarlayout.SmoothAppBarLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/pet_profile_image_height"
        android:fitsSystemWindows="true">

        <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:background="@color/colorPrimary">

            <include layout="@layout/toolbar_profiles"/>

            <ImageView android:layout_width="match_parent"
                android:id="@+id/imgPet"
                android:layout_height="@dimen/pet_profile_image_height"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imgPetPlaceholder"
                android:layout_gravity="center"
                android:visibility="gone"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax"/>

            <LinearLayout
                android:id="@+id/headerPet"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:gravity="bottom"
                android:layout_marginStart="@dimen/padding_left_72dp"
                android:layout_marginEnd="16dp"
                android:fitsSystemWindows="true">

                <com.petup.petup.views.TextViewFont
                    android:id="@+id/txtTitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@android:color/white"
                    android:textSize="30sp"
                    android:layout_marginBottom="5dp"
                    app:font="avenirBold"
                    android:maxLines="2"/>

                <com.petup.petup.views.TextViewFont
                    android:id="@+id/txtSubtitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@android:color/white"
                    android:textSize="14sp"
                    android:layout_marginBottom="20dp"
                    android:maxLines="2"/>

            </LinearLayout>

        </android.support.design.widget.CollapsingToolbarLayout>
    </me.henrytao.smoothappbarlayout.SmoothAppBarLayout>

    <include layout="@layout/content_my_pet_profile" />

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


and the content:

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    android:paddingTop="@dimen/pet_profile_image_height"
    android:clipToPadding="false">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/layout_pet_details"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:layout_marginTop="16dp"/>

        <include layout="@layout/separator_layout"
            android:layout_marginTop="10dp"
            android:layout_width="match_parent"
            android:layout_height="@dimen/separator_height"
            android:layout_marginStart="@dimen/padding_left_72dp"/>

        <include layout="@layout/layout_nutritional_preferences"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:layout_marginBottom="16dp"/>

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

Thank you very much guys you saved my day.

I have questions

I want to implement ui like "scroll exituntilcollapse" but I want to use viewpager instead of recyclerview, How can I achieve that?

and another, in the sample, viewpager exituntilcollapse, when I move to second tab dog which has recyclerview instead of nestedscrollview, scrolling behavior looks like to have snap attribute. How can I avoid snap?

Implementing ViewPager is quite tricky.

Step:

• Checkout example Smooth ViewPager
• Scroll 1st page to x offset
• Move to 2nd page, scroll to y offset
• Back to 1st page, scroll down
• It should not move AppBarLayout down.

However, thing is more complicated when you just scroll half of AppBarLayout. What should AppBarLayout move when you scroll up and down after switching tab?

I just switched to the support library 26.0.0 (which was causing the appbar from this library to misbehave pretty badly) and after switching out the SmoothAppBarLayout component for the official AppBarLayout, the intended "smoothness" previously provided from this library was there

I could be mistaken, but it seems like the error of the support library that this project was intended to fix, may indeed now be fixed

Hello Henry,

i have updated the Design-Library to version 23.2.1. With newest DesignLibrary and older Version of your Library i had no Problems. But after updating to your newest Library, scrolling of Smoothappbarlayout is broken.

My Layout:

<android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/coordinatorLayout">
        <FrameLayout
            android:id="@+id/mdContent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
        <me.henrytao.smoothappbarlayout.SmoothAppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:background="@color/primary"
                    android:theme="@style/ToolbarDarkOverflow"
                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                    app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">
                      <TextView
                         android:id="@+id/toolbar_title"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:layout_gravity="center_vertical"
                         android:singleLine="true"
                         android:textColor="@android:color/white"
                         android:textSize="16sp"
                         android:textStyle="normal" />
                </android.support.v7.widget.Toolbar>
                <android.support.v7.widget.Toolbar
                     android:id="@+id/search_toolbar1"
                     android:layout_width="match_parent"
                     android:layout_height="?attr/actionBarSize"
                     android:background="@color/primary"
                     android:paddingLeft="10dp"
                     android:paddingRight="10dp"
                     android:gravity="center"
                     android:theme="@style/ToolbarDarkOverflow">
                     <android.support.v7.widget.SearchView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:id="@+id/search_view1"
                         app:queryHint="Search..."/>
              </android.support.v7.widget.Toolbar>
        </me.henrytao.smoothappbarlayout.SmoothAppBarLayout>
    </android.support.design.widget.CoordinatorLayout>

Problem:

The first FrameLayout is a container for a Fragment with Recyclerview. The Recyclerview has a Header with the height of 2*toolbar height because i use a second toolbar below the first.

When scrolling the Recyclerview the first Toolbar scrolls like it should out of the Screen. But the second Toolbar scrolls out of the screen too and then starts flickering on top of the screen while scrolling. Normal behvior should be that the second Toolbar stays on Top of the Screen. (Quick return pattern)

Like i said with an older Version of your Library there doesn't exist this Problem.

Hi,

The Smooth app bar has a scroll problem when the row height of the recyclerview items are animated. The problems appears for the Enter Always scroll-mode, where the appbar exits completely and only enters when recyclerview is scrolled to the top.

I have created a branch with sample code which illustrates the problem (more on this below): https://github.com/arberg/smooth-app-bar-layout/tree/debug_appbar_scroll_on_layout_change

I can reproduce the problem like this:

• Expand the height of the top row in onClickListener by animating from normal small size to eg. 2x screen size. I set update layoutHeight and run requestLayout on each frame.
• After expansion I scroll down to bottom part of top row, so appbar scrolls completely out of view.
• Shrink the top row again
• Scoll up to top: Problem: Now appbar does not appear immediately but I have to scroll further, to make appbar appear.

The problem can also be reproduced in another way, which perhaps illustrates the root cause. Instead of animating the rows I just expand immediately onBind. If the expanded state is cached in adapter, then the appbar behaves correctly. If the expanded state is not cached in adapter, so that when an expanded view is reused it will still be expanded, then it causes problems.

• Expand top row, in onclicklistener
• Scroll down until the top viewholder is reused and an expanded row comes into view
• click expanded row to shrink it
• scroll up to top again Problem: Again appbar does not appear immediatly after reating top row.

Sample code is here https://github.com/arberg/smooth-app-bar-layout/tree/debug_appbar_scroll_on_layout_change

In SimpleAdapter set ENABLE_ANIMATION = true; ENABLE_CACHED_STATE = true; to get 1. mentioned animated behavior.

Set both to false, to get the second mentioned behavior.

PS: I changed build.gradle a bit for minSdk for animation and debugVariant so I could debug. PPS: Click 'Enter Always' to and follow guide above to reproduce problems. For |enterAlwaysCollapsed quick return, then the problem is visible also then reaching top row.

Best Alex

I am not able to scroll smoothly, please help me out, this is my layout

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingRight="10dp"
    android:id="@+id/toolbar"
    android:background="#1e5fa3">
    <!--a61d20-->
    <TextView
        android:id="@+id/toolTitle"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:paddingRight="50dp"
        android:text="Sample"
        android:textAlignment="center"
        android:textColor="#ffffff"
        android:textSize="18sp" />
    <!--<ImageView-->
    <!--android:layout_width="40dp"-->
    <!--android:layout_height="40dp"-->
    <!--android:id="@+id/userPro"-->
    <!--android:src="@drawable/profile64"-->
    <!--android:layout_gravity="end"/>-->
</android.support.v7.widget.Toolbar>

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/scrollLL"
    android:clipToPadding="true"
    android:layout_below="@+id/toolbar">


<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/mainRL"
    android:layout_below="@+id/scrollLL">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:id="@+id/llImage"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:orientation="horizontal">
        <!--<ImageView-->
            <!--android:layout_width="300dp"-->
            <!--android:layout_height="350dp"-->
            <!--android:id="@+id/productImage"-->
            <!--android:src="@drawable/pic1"-->
            <!--android:scaleType="centerCrop"/>-->
        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="400dp"
            android:id="@+id/pager"/>

        <!--<android.support.v4.view.ViewPager-->
            <!--android:id="@+id/pager"-->
            <!--android:layout_width="300dp"-->
            <!--android:layout_height="350dp"-->
            <!--android:scaleType="centerCrop"/>-->

        <!--<me.relex.circleindicator.CircleIndicator-->
            <!--android:id="@+id/indicator"-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content"-->
            <!--app:ci_drawable="@color/white"-->
            <!--android:layout_marginTop="160dp"-->
            <!--android:layout_alignBaseline="@+id/pager"/>-->

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/llImage"
        android:orientation="vertical"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:id="@+id/lldetails">

        <TextView
            android:id="@+id/productName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold"
            android:text="Product Name" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="5dp"
            android:visibility="gone">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/BrandName"
                android:paddingRight="5dp"
                android:paddingLeft="5dp"
                android:text="Brand Name : "/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/prodBrand"
                android:paddingRight="5dp"
                android:paddingLeft="5dp"
                android:text="Denim"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="5dp">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/avail"
                android:text="Availability: " />

            <TextView
                android:id="@+id/txtAvailable"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingBottom="@dimen/songs_count_padding_bottom"
                android:text="IN STOCK" />


            <TextView
                android:id="@+id/sku"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingBottom="@dimen/songs_count_padding_bottom"
                android:text="SKU Code: "
                android:layout_marginLeft="25dp"/>

            <TextView
                android:id="@+id/txtSkuCode"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingBottom="@dimen/songs_count_padding_bottom"
                android:text="SKU Code" />


        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginLeft="5dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/Rate1"
                android:text="\u20B9. "
                android:textSize="18dp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/Rate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingBottom="@dimen/songs_count_padding_bottom"
                android:text="125"
                android:layout_toRightOf="@+id/Rate1"
                android:textSize="18dp"
                android:textStyle="bold"/>


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/Rate2"
                android:layout_toRightOf="@+id/Rate"
                android:layout_marginLeft="20dp"
                android:textSize="18dp"
                android:text="\u20B9. "/>

            <TextView
                android:id="@+id/DiscRate"
                android:layout_width="wrap_content"
                android:gravity="end"
                android:text="30"
                android:layout_toRightOf="@+id/Rate2"
                android:layout_height="wrap_content"
                android:paddingBottom="@dimen/songs_count_padding_bottom"
                android:textSize="18dp"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp">
            <Spinner
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/rtqty"
                android:layout_marginTop="5dp"
                android:layout_marginRight="150dp"
                android:background="@drawable/spinner_border"
                android:spinnerMode="dropdown"
                android:layout_below="@+id/PrdName"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="10dp"
            android:layout_marginLeft="5dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Quantity: "/>
            <Button
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:id="@+id/btnminus"
                android:text="-"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textStyle="bold"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:background="@drawable/roundedbutton"/>

            <EditText
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:id="@+id/getvalueCount"
                android:text="10"
                android:background="@drawable/bordereditetxt"
                android:layout_marginLeft="5dp"
                android:textAlignment="center"
                android:inputType="number"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:layout_marginRight="5dp"
                android:layout_marginTop="2dp"/>


            <Button
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:id="@+id/btnplus"
                android:text="+"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textStyle="bold"
                android:background="@drawable/roundedbutton"/>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="end"
                android:layout_marginTop="3dp"
                android:layout_marginBottom="3dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp">
                <ImageView
                    android:id="@+id/wishlist"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/heart30" />

            </LinearLayout>



        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="30dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp">

            <ImageView
                android:id="@+id/subscribeimage"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:src="@drawable/cart100" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:id="@+id/subc"
                android:layout_marginLeft="10dp"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:text="Subscribe" />



            <!--<TextView-->
                <!--android:layout_width="0dp"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_weight="1"-->
                <!--android:id="@+id/wish"-->
                <!--android:text="Wishlist"-->
                <!--android:layout_marginRight="10dp"-->
                <!--android:textAppearance="?android:attr/textAppearanceMedium"-->
                <!--android:textAlignment="textEnd" />-->



        </LinearLayout>



    </LinearLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/content2"
        android:layout_below="@+id/lldetails"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Product Description:"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/prdDecp"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="5dp"
                android:textSize="10dp"
                android:text="Test about product"/>

        </LinearLayout>


        </RelativeLayout>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/content3"
        android:layout_below="@+id/content2"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="30dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/headerRating"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Ratings and Review"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/addReview"
                android:text="+ Review"
                android:textAlignment="textEnd"/>


        </LinearLayout>

        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/RRcycleReview"
            android:scrollbars="vertical"
            android:layout_below="@+id/headerRating"
            android:layout_marginTop="10dp">

        </android.support.v7.widget.RecyclerView>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/NoReview"
            android:text="No Reviews yet"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:layout_marginTop="3dp"
            android:visibility="gone"
            android:layout_below="@+id/headerRating"/>

    </RelativeLayout>

</RelativeLayout>
</android.support.v4.widget.NestedScrollView>

<ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/prgBar"
    android:layout_centerHorizontal="true"
    android:layout_centerInParent="true"/>

<!--<LinearLayout-->
    <!--android:layout_width="match_parent"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:layout_below="@+id/toolbar"-->
    <!--android:gravity="bottom"-->
    <!--android:layout_alignParentBottom="true"-->
    <!--android:layout_centerHorizontal="true"-->
    <!--android:layout_centerVertical="true"-->
    <!--android:layout_marginLeft="20dp"-->
    <!--android:layout_marginRight="20dp">-->

    <!--<TextView-->
        <!--android:layout_width="0dp"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_weight="1"-->
        <!--android:id="@+id/subc"-->
        <!--android:text="Subscribe"-->
        <!--android:textAlignment="center"-->
        <!--android:background="@color/colorAccent"/>-->

    <!--<TextView-->
        <!--android:layout_width="0dp"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_weight="1"-->
        <!--android:id="@+id/wish"-->
        <!--android:text="Wishlist"-->
        <!--android:textAlignment="center"-->
        <!--android:background="@color/colorAccent"/>-->

<!--</LinearLayout>-->

Hi, i made collapsable layout, put frame in it and recycler below it. scrolling it up to collapse the frame is fine, but scrolling down isnt smooth. kindly help.

`

<EditText

    android:id="@+id/location_id"
    android:hint="Enter location"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textPersonName"
    android:text="chandigarh" />

<Button
    android:id="@+id/loc_button"
    android:textSize="10sp"
    android:text="Enter"
    android:textStyle="italic"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>


<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinate"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbarlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <FrameLayout
                android:id="@+id/frame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                app:layout_collapseMode="parallax"
                ></FrameLayout>

            <!--<android.support.v7.widget.Toolbar-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--app:layout_collapseMode="pin"></android.support.v7.widget.Toolbar>-->

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

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycle"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

`

I imitate SmoothViewPagerParallaxExitUntilCollapsedActivity interface, overall structure of this project is viewpager + fragemment structure, but when I RecyclerView exist head when sliding to the top To be placed at the top, now in your control will slide out, what reason be?

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    **<!--

Demand: this is the head, and as it slides up to the top you can't slide it out and now it's going to go out-->

    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/head_Sliding_set_top"
        android:layout_width="match_parent"
        android:layout_height="50dp">

    </LinearLayout>**

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

<me.henrytao.smoothappbarlayout.widget.NestedScrollView
    android:id="@+id/nested_scroll_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp"
        android:visibility="visible">

        <include
            android:id="@+id/item_pager_header_spacing"
            layout="@layout/item_pager_header_spacing" />

        <include
            android:id="@+id/item_header_view_pager_parallax_spacing"
            layout="@layout/item_header_view_pager_parallax_spacing" />

        <TextView
            android:id="@+id/text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="@string/text_long" />
    </LinearLayout>
</me.henrytao.smoothappbarlayout.widget.NestedScrollView>

1. my file xlm

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:tools="http://schemas.android.com/tools">

<!--<include layout="@layout/content_scrolling"/>-->
<!--<include layout="@layout/app_bar_layout_profile" />-->
<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    />
<me.henrytao.smoothappbarlayout.SmoothAppBarLayout
    android:id="@+id/smooth_app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height">
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <!--app:layout_scrollFlags="scroll|exitUntilCollapsed"-->
        <ImageView
            android:id="@+id/iv_background"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/cheese_5" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin" />

        <me.henrytao.smoothappbarlayout.SmoothCollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="left|center_vertical"
            android:minHeight="?attr/actionBarSize"
            app:sctl_avatar_id="@+id/avatar"
            app:sctl_collapsed_avatarSize="35dp"
            app:sctl_collapsed_offsetX="?attr/actionBarSize"
            app:sctl_collapsed_offsetY="0dp"
            app:sctl_collapsed_subtitleTextSize="13dp"
            app:sctl_collapsed_titleTextSize="15dp"
            app:sctl_expanded_avatarSize="50dp"
            app:sctl_expanded_offsetX="5dp"
            app:sctl_expanded_offsetY="5dp"
            app:sctl_expanded_subtitleTextSize="15dp"
            app:sctl_expanded_titleTextSize="17dp"

            app:sctl_subtitle_id="@+id/subtitle"
            app:sctl_title_id="@+id/title">

            <de.hdodenhof.circleimageview.CircleImageView
                android:id="@+id/avatar"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_gravity="center_vertical"
                android:src="@drawable/avata"
                app:civ_border_color="@android:color/white"
                app:civ_border_overlay="false"
                app:civ_border_width="1dp"

                />


            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="10dp"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:singleLine="true"
                    android:text="Võ Hoàng Tú"
                    android:textColor="@android:color/white"
                    android:textSize="17sp" />

                <TextView
                    android:id="@+id/subtitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:singleLine="true"
                    android:text="[email protected]"
                    android:textColor="@android:color/white"
                    android:textSize="13sp" />
            </LinearLayout>
        </me.henrytao.smoothappbarlayout.SmoothCollapsingToolbarLayout>
    </android.support.design.widget.CollapsingToolbarLayout>
    </me.henrytao.smoothappbarlayout.SmoothAppBarLayout>

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

2. file java RecyclerView recycler_view =(RecyclerView)findViewById(R.id.recycler_view); LinearLayoutManager layoutManage = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);

3. using : compile "me.henrytao:smooth-app-bar-layout:24.1.0.0"

FATAL EXCEPTION: main Process: com.jiujia.cn, PID: 13632 java.lang.RuntimeException: Unable to start activity ComponentInfo{com.jiujia.cn/com.jiujia.cn.postReward.activity.OrderInfoAty}: android.view.InflateException: Binary XML file line #42: Binary XML file line #42: Error inflating class android.support.design.widget.CollapsingToolbarLayout at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2708) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2769) at android.app.ActivityThread.-wrap12(ActivityThread.java) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1516) at android.os.Handler.dispatchMessage(Handler.java:102) at android.os.Looper.loop(Looper.java:160) at android.app.ActivityThread.main(ActivityThread.java:6248) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:898) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:788) Caused by: android.view.InflateException: Binary XML file line #42: Binary XML file line #42: Error inflating class android.support.design.widget.CollapsingToolbarLayout Caused by: android.view.InflateException: Binary XML file line #42: Error inflating class android.support.design.widget.CollapsingToolbarLayout Caused by: java.lang.reflect.InvocationTargetException at java.lang.reflect.Constructor.newInstance0(Native Method) at java.lang.reflect.Constructor.newInstance(Constructor.java:430) at android.view.LayoutInflater.createView(LayoutInflater.java:652) at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:812) at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:752) at android.view.LayoutInflater.rInflate(LayoutInflater.java:883) at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:846) at android.view.LayoutInflater.rInflate(LayoutInflater.java:886) at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:846) at android.view.LayoutInflater.inflate(LayoutInflater.java:522) at android.view.LayoutInflater.inflate(LayoutInflater.java:430) at android.view.LayoutInflater.inflate(LayoutInflater.java:377) at android.support.v7.app.AppCompatDelegateImplV9.setContentView(AppCompatDelegateImplV9.java:292) at android.support.v7.app.AppCompatActivity.setContentView(AppCompatActivity.java:140) at com.jiujia.cn.postReward.activity.OrderInfoAty.onCreate(OrderInfoAty.java:52) at android.app.Activity.performCreate(Activity.java:6754) at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1119) at cn.jiguang.a.a.d.a.a.d.callActivityOnCreate(Unknown Source) at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2661) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2769) at android.app.ActivityThread.-wrap12(ActivityThread.java) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1516) at android.os.Handler.dispatchMessage(Handler.java:102) at android.os.Looper.loop(Looper.java:160) at android.app.ActivityThread.main(ActivityThread.java:6248) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:898) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:788) Caused by: java.lang.UnsupportedOperationException: Failed to resolve attribute at index 8: TypedValue{t=0x2/d=0x7f01016d a=-1} at android.content.res.TypedArray.getDrawable(TypedArray.java:927) at android.support.design.widget.CollapsingToolbarLayout.(CollapsingToolbarLayout.java:214) at android.support.design.widget.CollapsingToolbarLayout.(CollapsingToolbarLayout.java:143) at java.lang.reflect.Constructor.newInstance0(Native Method)  at java.lang.reflect.Constructor.newInstance(Constructor.java:430)  at android.view.LayoutInflater.createView(LayoutInflater.java:652)  at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:812)  at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:752)  at android.view.LayoutInflater.rInflate(LayoutInflater.java:883)  at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:846)  at android.view.LayoutInflater.rInflate(LayoutInflater.java:886)  at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:846)  at android.view.LayoutInflater.inflate(LayoutInflater.java:522)  at android.view.LayoutInflater.inflate(LayoutInflater.java:430)  at android.view.LayoutInflater.inflate(LayoutInflater.java:377)  at android.support.v7.app.AppCompatDelegateImplV9.setContentView(AppCompatDelegateImplV9.java:292)  at android.support.v7.app.AppCompatActivity.setContentView(AppCompatActivity.java:140)  at com.jiujia.cn.postReward.activity.OrderInfoAty.onCreate(OrderInfoAty.java:52)  at android.app.Activity.performCreate(Activity.java:6754)  at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1119)  at cn.jiguang.a.a.d.a.a.d.callActivityOnCreate(Unknown Source)  at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2661)  at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2769)  at android.app.ActivityThread.-wrap12(ActivityThread.java)  at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1516)  at android.os.Handler.dispatchMessage(Handler.java:102)  at android.os.Looper.loop(Looper.java:160)  at android.app.ActivityThread.main(ActivityThread.java:6248)  at java.lang.reflect.Method.invoke(Native Method)  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:898)  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:788)