Circular Progress with a floating action button [closed]

Question

I`m studing the new material design and I'm having some problems.

I would like to know if some of you know how can I do a progress bar with the floating action button like this https://dribbble.com/shots/1644982-Animated-circle-loader-FAB-with-integration-gif

Is there any api on Android L for this?

Thanks

Answer 1

This worked for me, I used a Relative-layout and fitted both in the center of the Relative-Layout.

... <RelativeLayout     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_gravity="bottom|right"     android:layout_margin="16dp"     app:layout_anchor="@id/my_recycler_view"     app:layout_anchorGravity="bottom|right|end"     >      <ProgressBar         android:id="@+id/fabProgress"         style="?android:attr/progressBarStyleLarge"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_centerHorizontal="true"         android:layout_centerInParent="true"         android:indeterminateTint="@color/colorPrimary"         />      <android.support.design.widget.FloatingActionButton         android:id="@+id/newReportButton"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:src="@android:drawable/ic_dialog_email"         app:fabSize="normal"         android:layout_centerInParent="true"         />  </RelativeLayout> ... 

Answer 2

You can use it: https://github.com/DmitryMalkovich/circular-with-floating-action-button to integrate circular progress with floating action button. The solution is not a custom fab, it is only a simple container for your our fab, so you can style as before!

<com.dmitrymalkovich.android.ProgressFloatingActionButton     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_margin="@dimen/fab_margin"     android:clickable="true">      <android.support.design.widget.FloatingActionButton         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:src="@drawable/ic_backup_black_24dp" />      <ProgressBar         style="@style/Widget.AppCompat.ProgressBar"         android:layout_width="wrap_content"         android:layout_height="wrap_content" />  </com.dmitrymalkovich.android.ProgressFloatingActionButton>