title: Putting content below AppBarLayout in a CoordinatorLayout
body: <p>I'm very new to Android and I intended to post this to the <a href="https://groups.google.com/forum/#!forum/android-developers" rel="noreferrer">Android Developers - Google Groups</a> but they seem to say that newbies need to post to Stack Overflow. So I'm here.</p>
  
  <p>I downloaded the most recent version of <strong><em>Android Studio 1.4.1</em></strong> yesterday, and I followed the instructions on <a href="http://developer.android.com/training/basics/firstapp/index.html" rel="noreferrer">Building Your First App</a>. I did everything up to <a href="http://developer.android.com/training/basics/firstapp/starting-activity.html" rel="noreferrer">Starting Another Activity</a>. It seems these instructions are a bit old i.e. for a previous version of the SDK, because they do not reference <code>CoordinatorLayout</code> and <code>AppBarLayout</code> though they appear in the code if you follow the steps. Obviously, I did make minor changes in the code to get this app to work, but not completely. </p>
  
  <p><strong>My Problem:</strong> If you look at the images at the bottom of <a href="http://developer.android.com/training/basics/firstapp/starting-activity.html" rel="noreferrer">Starting Another Activity</a> you will see that both of them have the title <strong>My First App</strong>. In my modifications of the code, I could not get this title on both the images/screens. <em>(I should mention that I want to use the more recent version of <code>AppBarLayout</code> and <code>CoordinatorLayout</code>)</em></p>
  
  <p>Let's focus on the first screen, the <code>activity_my.xml</code> is</p>
  
  <pre><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"
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent"
  android:layout_height="match_parent" 
  android:fitsSystemWindows="true"
  tools:context=".MyActivity"&gt;
  
  &lt;include layout="@layout/content_my" /&gt;
  
  &lt;android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab"
      android:layout_width="wrap_content"     
      android:layout_height="wrap_content"
      android:layout_gravity="bottom|end" 
      android:layout_margin="@dimen/fab_margin"
      android:src="@android:drawable/ic_dialog_email" /&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>As mentioned at the bottom of <a href="http://developer.android.com/training/basics/firstapp/building-ui.html" rel="noreferrer">Building a Simple User Interface</a> the <code>content_my.xml</code> looks like: </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" &gt;
  
  &lt;EditText android:id="@+id/edit_message"
      android:layout_weight="1"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:hint="@string/edit_message" /&gt;
  
  &lt;Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/button_send"
      android:onClick="sendMessage"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Is there anyway, I can add the <code>AppBarLayout</code> to the <code>activity_my.xml</code>. I have tried something like: </p>
  
  <pre><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"
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent"
  android:layout_height="match_parent" 
  android:fitsSystemWindows="true"
  tools:context=".MyActivity"&gt;
  
  &lt;android.support.design.widget.AppBarLayout 
      android:layout_height="wrap_content"
      android:layout_width="match_parent" 
      android:theme="@style/AppTheme.AppBarOverlay"&gt;
  
      &lt;android.support.v7.widget.Toolbar 
          android:id="@+id/toolbar"
          android:layout_width="match_parent" 
          android:layout_height="wrap_content"
          android:background="?attr/colorPrimary" 
          app:popupTheme="@style/AppTheme.PopupOverlay" /&gt;
  
  &lt;/android.support.design.widget.AppBarLayout&gt;
  
  
  &lt;include layout="@layout/content_my" /&gt;
  
  &lt;android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab"
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"
      android:layout_gravity="bottom|end" 
      android:layout_margin="@dimen/fab_margin"
      android:src="@android:drawable/ic_dialog_email" /&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>The problem with this is that the content in <code>content_my.xml</code> goes behind the <code>Toolbar</code> of <code>AppBarLayout</code>  rather than below it. Any ideas how to fix this issue?</p>