Android Material Design - How to change background color of Toolbar after CollapsingToolbarLayout is collapsed Android Material Design - How to change background color of Toolbar after CollapsingToolbarLayout is collapsed android android

Android Material Design - How to change background color of Toolbar after CollapsingToolbarLayout is collapsed


I think you're after app:contentScrim.

<android.support.design.widget.CollapsingToolbarLayout    ...    app:contentScrim="?attr/colorPrimary">    <!-- Toolbar and ImageView here --></android.support.design.widget.CollapsingToolbarLayout>


First remove

app:contentScrim="?attr/colorPrimary"> 

from CollapsingToolbarLayout

Add library

compile 'com.android.support:palette-v7:23.2.1'

And add below code in java code

    Bitmap bitmap = BitmapFactory.decodeResource(getApplicationContext().getResources(), R.drawable.ny);    Palette.generateAsync(bitmap,            new Palette.PaletteAsyncListener() {                @Override                public void onGenerated(Palette palette) {                    Palette.Swatch vibrant =                            palette.getVibrantSwatch();                    int mutedColor = palette.getVibrantSwatch().getRgb();                    if (vibrant != null) {                        // If we have a vibrant color                        // update the title TextView                        collapseToolbar.setBackgroundColor(mutedColor);                        //  mutedColor = palette.getMutedColor(R.attr.colorPrimary);                        collapseToolbar.setStatusBarScrimColor(palette.getDarkMutedColor(mutedColor));                        collapseToolbar.setContentScrimColor(palette.getMutedColor(mutedColor));                    }                }            });


Just use CollapsingToolbarLayout XML attribute contentScrim to set Toolbar background color when it's in collapsed mode.

app:contentScrim="YOUR_TOOLBAR_COLOR"

Here is an Example:

<android.support.design.widget.CollapsingToolbarLayout    android:id="@+id/collapsing_toolbar"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:fitsSystemWindows="true"    app:contentScrim="?attr/colorPrimary"    app:layout_scrollFlags="scroll|exitUntilCollapsed">    <ImageView        android:id="@+id/img_group_photo"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:fitsSystemWindows="true"        android:scaleType="centerCrop"        app:layout_collapseMode="parallax" />    <android.support.v7.widget.Toolbar        android:id="@+id/anim_toolbar"        android:layout_width="match_parent"        android:layout_height="?attr/actionBarSize"        app:layout_collapseMode="pin"        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /></android.support.design.widget.CollapsingToolbarLayout>

Hope this will help~