title: CollapsingToolbarLayout and floating action button position inside CollapsingToolbarLayout
body: <p>I am referring to <a href="https://github.com/chrisbanes/cheesesquare" rel="nofollow noreferrer">Cheesesquare app.</a> I have slightly different design requirement at the moment..</p>
  
  <p>Something like this (ignore the part below image and name)</p>
  
  <p><a href="https://i.stack.imgur.com/7McYB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7McYB.png" alt="enter image description here"></a></p>
  
  <p>I want floating action button on right bottom corner of circular image and Name of the person below it (which will be CollapsingToolbarLayout title).</p>
  
  <p>So far, I am able to achieve this - </p>
  
  <p><a href="https://i.stack.imgur.com/3A1QK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3A1QK.png" alt="enter image description here"></a></p>
  
  <p>Problem in this layout is, I am not able to pull down the title below image and I can't re-position floating action button.. </p>
  
  <p>This is the layout I am using (slightly modified from cheesesquare app) </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:custom="http://schemas.android.com/apk/res-auto"                                                 
  android:id="@+id/main_content"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"&gt;
  
  &lt;android.support.design.widget.AppBarLayout
      android:id="@+id/appbar"
      android:layout_width="match_parent"
      android:layout_height="@dimen/detail_backdrop_height"
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
      android:fitsSystemWindows="true"&gt;
  
      &lt;android.support.design.widget.CollapsingToolbarLayout
          android:id="@+id/collapsing_toolbar"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:gravity="bottom"
          app:layout_scrollFlags="scroll|exitUntilCollapsed"
          android:fitsSystemWindows="true"
          app:contentScrim="?attr/colorPrimary"
          app:expandedTitleMarginStart="48dp"
          app:expandedTitleTextAppearance="@style/HeaderTitleStyle"
          app:expandedTitleMarginEnd="64dp"&gt;
  
  
        &lt;FrameLayout
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      app:layout_collapseMode="parallax"
                      android:fitsSystemWindows="true"&gt;
  
            &lt;ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/imgProfileUserImage"
                android:adjustViewBounds="true"
                android:scaleType="fitXY"
                android:src="@drawable/cheese_1"
                android:alpha="0.35" /&gt;
  
  
          &lt;Cheesesquare.Utils.CircleImageView
                  android:layout_width="180dp"
                  android:layout_height="180.0dp"
                  android:id="@+id/imgProfileCircleImage"
                  android:src="@drawable/cheese_2"
                  custom:border="true"
                  custom:border_color="#d5d5d5"
                  custom:border_width="4dp"
                  custom:shadow="true"
                  android:layout_gravity="center"
                  android:minHeight="80dp"
                  android:minWidth="80dp" /&gt;
  
  
  
        &lt;/FrameLayout&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:layout_collapseMode="pin" /&gt;
  
      &lt;/android.support.design.widget.CollapsingToolbarLayout&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;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          android:paddingTop="24dp"&gt;
  
          &lt;android.support.v7.widget.CardView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_margin="@dimen/card_margin"&gt;
  
              &lt;LinearLayout
                  style="@style/Widget.CardContent"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="Info"
                      android:textAppearance="@style/TextAppearance.AppCompat.Title" /&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="@string/cheese_ipsum" /&gt;
  
              &lt;/LinearLayout&gt;
  
          &lt;/android.support.v7.widget.CardView&gt;
  
          &lt;android.support.v7.widget.CardView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginBottom="@dimen/card_margin"
              android:layout_marginLeft="@dimen/card_margin"
              android:layout_marginRight="@dimen/card_margin"&gt;
  
              &lt;LinearLayout
                  style="@style/Widget.CardContent"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="Friends"
                      android:textAppearance="@style/TextAppearance.AppCompat.Title" /&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="@string/cheese_ipsum" /&gt;
  
              &lt;/LinearLayout&gt;
  
          &lt;/android.support.v7.widget.CardView&gt;
  
          &lt;android.support.v7.widget.CardView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginBottom="@dimen/card_margin"
              android:layout_marginLeft="@dimen/card_margin"
              android:layout_marginRight="@dimen/card_margin"&gt;
  
              &lt;LinearLayout
                  style="@style/Widget.CardContent"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="Related"
                      android:textAppearance="@style/TextAppearance.AppCompat.Title" /&gt;
  
                  &lt;TextView
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:text="@string/cheese_ipsum" /&gt;
  
              &lt;/LinearLayout&gt;
  
          &lt;/android.support.v7.widget.CardView&gt;
  
      &lt;/LinearLayout&gt;
  
  &lt;/android.support.v4.widget.NestedScrollView&gt;
  
          &lt;android.support.design.widget.FloatingActionButton
                android:layout_height="wrap_content"
                android:id="@+id/uploadPhotoButton"
                android:layout_width="wrap_content"
                app:layout_anchor="@id/appbar"
                app:layout_anchorGravity="bottom|right|end"
                android:src="@drawable/ic_discuss"
                android:layout_margin="@dimen/fab_margin"
                android:clickable="true"/&gt;
  </code></pre>
  
  <p></p>
  
  <p>Little help would be appreciated :-) </p>
  
  <p><strong><em>Update</em></strong></p>
  
  <ol>
  <li>I managed to center the text and make it look like the required user interface.. The only thing remaining is to set the circular ImageView as an anchor of FAB and then make it disappear as soon as CollapsingToolbarLayout goes off..</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/hQATa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hQATa.png" alt="enter image description here"></a></p>