Pfthb

https://github.com/antoniolg/MaterializeYourApp

I basically followed the code in the link above but I still couldn't make the status bar above the collapsed toolbar imageview.

One thing I found would work is to put <item name="android:windowTranslucentStatus">true</item> in the style. But that would make the toolbar and status bar overlap.

CollapsedToolbarImage ExpandedToolbarImage

Basically I want the status bar in the first image to be like the second. And I guess the statusbar is already translucent. This is partially what I put in the style.

<item name="android:windowIsTranslucent">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>

Another problem is that I set the collapsed title text programmatically but it is also not showing up.

I also have tried putting around some fitSystemWindow="true" but it still doesn't work. Below is the xml file.

<?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=".ScrollingActivity">

<android.support.design.widget.AppBarLayout
 android:id="@+id/up_app_bar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:fitsSystemWindows="true">

 <android.support.design.widget.CollapsingToolbarLayout
 android:id="@+id/up_ctoolbar"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:fitsSystemWindows="false"
 app:collapsedTitleGravity="center"
 app:contentScrim="@android:color/transparent"
 app:expandedTitleGravity="center"
 app:layout_behavior="@string/title_activity_scrolling"
 app:layout_scrollFlags="scroll|exitUntilCollapsed"
 app:titleEnabled="true"
 app:toolbarId="@+id/up_toolbar">

 <ImageView
 android:id="@+id/header"
 android:layout_width="match_parent"
 android:layout_height="@dimen/header_height"
 android:background="@drawable/nav_background"
 android:fitsSystemWindows="true"
 android:scaleType="centerCrop"
 app:layout_collapseMode="parallax" />

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

 <android.support.constraint.ConstraintLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <ImageButton
 android:id="@+id/up_back"
 android:layout_width="60dp"
 android:layout_height="60dp"
 android:background="@android:color/transparent"
 android:visibility="visible"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:srcCompat="@drawable/ic_back_white" />

 <ImageButton
 android:id="@+id/up_search"
 android:layout_width="60dp"
 android:layout_height="60dp"
 android:background="@android:color/transparent"
 android:visibility="visible"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:srcCompat="@drawable/ic_search_white" />
 </android.support.constraint.ConstraintLayout>
 </android.support.v7.widget.Toolbar>

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

<include layout="@layout/user_profile_content"
 app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

You should add below code to your AppBarLayout block

 android:background="@android:color/transparent"
 android:elevation="0dp"
 android:shadowColor="@android:color/transparent"
 android:stateListAnimator="@null"

It should help you fix the issue