Fading the whole layout as scrolled up in collapsing bar layout android Fading the whole layout as scrolled up in collapsing bar layout android xml xml

Fading the whole layout as scrolled up in collapsing bar layout android


You can reduce the alpha of the RelativeLayout as you scroll up by hooking up an AppBarLayout.OnOffsetChangedListener to the AppBarLayout. Below is the code I used in my app.

appBar = (AppBarLayout) findViewById(R.id.app_bar_layout);appBar.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {        @Override        public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {            relativeLayoutToFadeOut.setAlpha(1.0f - Math.abs(verticalOffset / (float)                    appBarLayout.getTotalScrollRange()));        }    });


Please refer below code, for me its working fine..

 <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:id="@+id/view_profile_parent_layout"        android:background="@color/splash_bg_color"        tools:context=".Activity">        <android.support.design.widget.AppBarLayout            android:id="@+id/app_barLayout"            android:layout_width="match_parent"            android:layout_height="@dimen/view_profile_profile_app_bar_height"            android:elevation="@dimen/view_profile_app_bar_elevation"            android:theme="@style/ThemeOverlay.AppCompat.Light">            <android.support.design.widget.CollapsingToolbarLayout                android:id="@+id/collapsing_bar_layout"                android:layout_width="match_parent"                android:layout_height="match_parent"                app:contentScrim="?attr/colorPrimary"                app:titleEnabled="false"                android:fitsSystemWindows="true"                app:layout_scrollFlags="exitUntilCollapsed|scroll"                app:title="Collapsing Toolbar">                <RelativeLayout                    android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:layout_marginTop="?attr/actionBarSize">                <de.hdodenhof.circleimageview.CircleImageView                    xmlns:app="http://schemas.android.com/apk/res-auto"                    android:id="@+id/view_profile_imageView"                    android:layout_width="@dimen/view_profile_profile_width"                    android:layout_height="@dimen/view_profile_profile_height"                    android:src="@drawable/ic_profile_icon"                    android:layout_centerHorizontal="true"                    app:civ_border_width="@dimen/view_profile_profile_border_width"                    app:civ_border_color="@color/textPrimary"/>                <TextView                    android:id="@+id/view_profile_profile_name_textView"                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:layout_marginTop="@dimen/view_profile_profile_name_margin_top"                    android:layout_below="@id/view_profile_imageView"                    android:fontFamily="@font/roboto_regular"                    android:text=""                    android:textSize="@dimen/view_profile_profile_name_text_size"                    android:gravity="center"                    android:textColor="@color/white"/>                </RelativeLayout>                <android.support.v7.widget.Toolbar                    android:id="@+id/toolbar"                    app:layout_collapseMode="pin"                    android:layout_width="match_parent"                    android:layout_height="?attr/actionBarSize"                    android:elevation="@dimen/login_btn_elevation"                    app:popupTheme="@style/AppTheme.PopupOverlay"                    app:contentInsetLeft="0dp"                    app:contentInsetStart="0dp"                    android:contentInsetStart="0dp"                    android:contentInsetLeft="0dp">                </android.support.v7.widget.Toolbar>            </android.support.design.widget.CollapsingToolbarLayout>        </android.support.design.widget.AppBarLayout>