title: Using Floating Action Button With Tabs
body: <p>I am using floating action button with slidingtablayout, but when i use fab in fragments every tab will have its own fab, and transition looks bad like this video from google design 
  <a href="http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsNVRkV3FZMktvMWc/components-buttons-fab-behavior_06_xhdpi_009.webm" rel="nofollow">http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsNVRkV3FZMktvMWc/components-buttons-fab-behavior_06_xhdpi_009.webm</a>
  When i use fab in the viewpager it shrinks fragments like in the link 
  <a href="https://drive.google.com/file/d/0By6vpKpg_w4tcEJQUUlRazd0VEk/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/0By6vpKpg_w4tcEJQUUlRazd0VEk/view?usp=sharing</a></p>
  
  <p>Here is my code activity_main.xml</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity"&gt;
  
  &lt;com.smooth.www.smooth.SlidingTabLayout
      android:id="@+id/tabs"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:elevation="2dp"
      android:background="@color/ColorPrimary"/&gt;
  
  &lt;android.support.v4.view.ViewPager
      android:id="@+id/pager"
  
      android:layout_height="match_parent"
      android:layout_width="match_parent"
      android:layout_weight="1"
      /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>and one of my tabs</p>
  
  <pre><code>&lt;android.support.design.widget.CoordinatorLayout
  android:layout_height="wrap_content"
  android:layout_width="match_parent"
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:background="#f0f0f0"
  &gt;
  &lt;android.support.v4.widget.SwipeRefreshLayout
      android:id="@+id/tab_main_swipe_refresh_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      &gt;
  &lt;android.support.v7.widget.RecyclerView
      android:layout_height="wrap_content"
      android:layout_width="match_parent"
      android:id="@+id/main_recycler"
      /&gt;
  &lt;/android.support.v4.widget.SwipeRefreshLayout&gt;
  
  
  
  &lt;android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:fabSize="normal"
      android:id="@+id/main_fab"
      android:layout_gravity="bottom|right"
      android:layout_margin="16dp"
      android:transitionName="@string/fab_transition_name"
      android:src="@drawable/fab_image"
      app:layout_anchor="@id/main_recycler"
      app:layout_anchorGravity="bottom|right|end"
      /&gt;
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>what can i do to for transitions to look good??</p>