title: Common background image for Actionbar (Toolbar) and statusbar
body: <p>I need to design something like this with Transparent Toolbar</p>
  
  <p><a href="https://i.stack.imgur.com/ri75A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ri75A.png" alt="this"></a></p>
  
  <p>But I am getting something like this</p>
  
  <p><a href="https://i.stack.imgur.com/K9kht.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K9kht.png" alt="this"></a></p>
  
  <p>Design is like</p>
  
  <ul>
  <li>transparent statusbar and actionbar with background image</li>
  <li>actionbar must be below the statusbar</li>
  </ul>
  
  <p>This is my code</p>
  
  <p><strong>App Theme</strong></p>
  
  <pre><code>  &lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
      &lt;!-- Customize your theme here. --&gt;
      &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
      &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
      &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>v21</p>
  
  <pre><code> &lt;style name="AppTheme.TransparentStatusBar" parent="AppTheme"&gt;
  &lt;item name="android:windowTranslucentStatus"&gt;true&lt;/item&gt;
  &lt;item name="android:windowTranslucentNavigation"&gt;true&lt;/item&gt;
  &lt;item name="android:statusBarColor"&gt;@android:color/transparent&lt;/item&gt;
  &lt;item name="android:navigationBarColor"&gt;@android:color/transparent&lt;/item&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>XML</strong></p>
  
  <pre><code>&lt;android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"
  tools:openDrawer="start"&gt;
  
  &lt;include
      layout="@layout/app_bar_home"
      android:layout_width="match_parent"
      android:layout_height="match_parent" /&gt;
  
  &lt;android.support.design.widget.NavigationView
      android:id="@+id/nav_view"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:layout_gravity="start"
      android:fitsSystemWindows="true"
      app:headerLayout="@layout/nav_header_home"
      app:menu="@menu/activity_home_drawer" /&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;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"
  
  tools:context="activities.HomeActivity"&gt;
  
  &lt;android.support.design.widget.AppBarLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="@color/float_transparent"
      android:theme="@style/AppTheme.AppBarOverlay"&gt;
  
      &lt;android.support.v7.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          android:background="@color/float_transparent"
          app:popupTheme="@style/AppTheme.PopupOverlay" /&gt;
  
  &lt;/android.support.design.widget.AppBarLayout&gt;
  
  &lt;include layout="@layout/content_home" /&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;android.support.v4.widget.NestedScrollView 
      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"
  
      tools:context="activities.HomeActivity"
      tools:showIn="@layout/app_bar_home"&gt;
     &lt;!-- app:layout_behavior="@string/appbar_scrolling_view_behavior"--&gt;
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"&gt;
      &lt;ImageView
          android:layout_width="match_parent"
          android:layout_height="300dp"
          android:scaleType="fitXY"
          android:src="@drawable/home_top_image"
         /&gt;
      &lt;/LinearLayout&gt;
  &lt;/android.support.v4.widget.NestedScrollView&gt;
  </code></pre>
  
  <p>I already tried several answers . but none of those worked.
  And also added this</p>
  
  <pre><code> if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.KITKAT) {
          Window w = getWindow(); // in Activity's onCreate() for instance
          w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
      }
  </code></pre>
  
  <p>But I am getting an overlapped toolbar like this</p>
  
  <p><a href="https://i.stack.imgur.com/gt1v8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gt1v8.png" alt="enter image description here"></a></p>
  
  <p>This is not what I want. Please help..</p>