title: Badge count on Floating action button
body: <p>I would like to show count badge <strong>in front of</strong> Floating Action Button in android. I used FrameLayout in order to achieve that. My code is here </p>
  
  <pre><code>   &lt;FrameLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignTop="@+id/send_button"
      android:layout_toLeftOf="@+id/send_button"
      android:layout_toStartOf="@+id/send_button"
      android:layout_gravity="end|bottom"
      android:id="@+id/frameLayout"&gt;
  
      &lt;android.support.design.widget.FloatingActionButton
          xmlns:app="http://schemas.android.com/apk/res-auto"
          android:id="@+id/listen_button"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          app:backgroundTint="#e3e3e3" /&gt;
  
     &lt;TextView
          android:id="@+id/textOne"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="10"
          android:textColor="#FFF"
          android:textSize="10sp"
          android:textStyle="bold"
          android:background="@drawable/badge_circle"
          android:layout_gravity="right|bottom"
          android:layout_alignBottom="@+id/frameLayout"
          android:layout_toLeftOf="@+id/frameLayout"
          android:layout_toStartOf="@+id/frameLayout" /&gt;
  
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>I get the count badge below the FAB, as shown below </p>
  
  <p><a href="https://i.stack.imgur.com/gJJdQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gJJdQ.png" alt="enter image description here"></a></p>
  
  <p>I need the count badge to be in front of the FAB.</p>