Android AppBarLayout
<p><a href="https://i.stack.imgur.com/Uohbn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uohbn.png" alt="This is what I want"></a></p>

<p><a href="https://i.stack.imgur.com/dJaA6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dJaA6.png" alt="This is what it looks like"></a></p>

<p><a href="https://i.stack.imgur.com/Uohbn.png" rel="nofollow noreferrer">1</a> is what I want to archive, but what it looks like atm is <a href="https://i.stack.imgur.com/dJaA6.png" rel="nofollow noreferrer">2</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"
    android:orientation="vertical"
    android:fitsSystemWindows="true"&gt;

    &lt;android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:fitsSystemWindows="true"&gt;
        &lt;android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:title="Edit Profile"
            app:titleTextColor="@android:color/white" /&gt;
    &lt;/android.support.design.widget.AppBarLayout&gt;


    &lt;android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"&gt;
          .....
    &lt;/android.support.v4.widget.NestedScrollView&gt;

&lt;/android.support.design.widget.CoordinatorLayout&gt;</code></pre>
</div>
</div>
</p>

<p>I tried almost every solution on Stack Overflow,</p>

<p>e.g.</p>

<p><code>fitsSystemWindows="true"</code></p>

<p><code>&lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;true&lt;/item&gt;</code></p>

<p>and many more..</p>

<p>I don't think it should be this difficult.
Any suggestions or example projects are appreciated.</p>