title: android: how to add a button with text inside collapsing toolbar
body: <p>How to achieve the following layout. I could achieve without the add button. But how to add the ADD buttom and add button should disappear along with parallax of the image when scrolled up.</p>
  
  <p>What i found is floating action buttons dont have facility to add text. I have to use button only.</p>
  
  <p><a href="https://i.stack.imgur.com/FwJ74.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FwJ74.png" alt="enter image description here"></a></p>
  
  <p>My xml layout without the add button:</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"
      android:id="@+id/drawer_layoutplace1"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"&gt;
  
      &lt;android.support.design.widget.CoordinatorLayout
          android:id="@+id/coordinatorLayout"
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
  
          &lt;android.support.design.widget.AppBarLayout
              android:id="@+id/appBarLayout"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:fitsSystemWindows="true"&gt;
  
              &lt;android.support.design.widget.CollapsingToolbarLayout
                  android:id="@+id/collapsing_toolbar"
                  android:layout_width="match_parent"
                  android:layout_height="150dip"
                  android:fitsSystemWindows="true"
                  app:contentScrim="?attr/colorPrimary"
                  app:expandedTitleMarginBottom="20dp"
                  app:expandedTitleMarginEnd="64dp"
                  app:expandedTitleMarginStart="48dp"
                  app:layout_scrollFlags="scroll|exitUntilCollapsed"&gt;
  
                  &lt;ImageView
                      android:id="@+id/header"
                      android:layout_width="match_parent"
                      android:layout_height="match_parent"
                      app:layout_collapseMode="parallax" /&gt;
  
                  &lt;android.support.v7.widget.Toolbar
                      android:id="@+id/toolbar"
                      android:layout_width="match_parent"
                      android:layout_height="?attr/actionBarSize"
                      app:layout_collapseMode="pin"
                      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /&gt;
  
  
              &lt;/android.support.design.widget.CollapsingToolbarLayout&gt;
  
          &lt;/android.support.design.widget.AppBarLayout&gt;
  
          &lt;FrameLayout
              android:id="@+id/framelayout"
              android:layout_width="match_parent"
              android:layout_height="50dp"
              android:layout_gravity="bottom"
  
              app:layout_anchor="@+id/appBarLayout"
              app:layout_anchorGravity="bottom"
              app:layout_collapseMode="none"&gt;
  
              &lt;android.support.design.widget.TabLayout
                  android:id="@+id/tabLayout"
                  android:layout_width="match_parent"
                  android:layout_height="50dp"
                  android:background="#ffffff"
                  android:gravity="bottom"
                  android:textAllCaps="false"
                  android:theme="@style/MyCustomTabLayout"
                  app:tabGravity="center"
                  app:tabIndicatorColor="#574ec1"
                  app:tabIndicatorHeight="2dp"
                  app:tabMode="scrollable"
                  app:tabSelectedTextColor="#574ec1"
                  app:tabTextColor="#8A000000" /&gt;
  
          &lt;/FrameLayout&gt;
  
          &lt;android.support.v4.view.ViewPager
              android:id="@+id/viewPager"
              android:layout_width="match_parent"
              android:layout_height="fill_parent"
              android:paddingBottom="56dp"
              android:layout_marginTop="50dp"
  
              app:layout_behavior="@string/appbar_scrolling_view_behavior" /&gt;
  
      &lt;/android.support.design.widget.CoordinatorLayout&gt;
  
      &lt;android.support.design.widget.NavigationView
          android:id="@+id/navigation_viewplace1"
          android:layout_height="match_parent"
          android:layout_width="wrap_content"
          android:layout_gravity="start"
          android:fitsSystemWindows="false"
          app:itemTextColor="#8A000000"
          app:itemIconTint="#8A000000"
          app:menu="@menu/drawer_view" /&gt;
  &lt;/android.support.v4.widget.DrawerLayout&gt;
  </code></pre>
  
  <p>Also the text: "UDUPI SRIKRISHNA TEMPLE" which appears in double lines. is that possible.</p>
  
  <p>I add title using</p>
  
  <pre><code>collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
          collapsingToolbar.setTitle("Udupi Sri krishna Temple");
  </code></pre>
  
  <p>But the title shows only partially and shows ...</p>
  
  <p>Instead i want it to be shown in multiple lines. is it possible</p>