循环进度使用浮动操作按钮

Question

我正在研究新的材料设计,我遇到了一些问题.

我想知道你们中的一些人是否知道如何使用这样的浮动操作按钮进行进度条 https://dribbble.com/shots/1644982-Animated-circle-loader-FAB-with-integration-gif

Android L上有api吗？

谢谢

Answer 1

我发现了一个lib,它看起来非常简单

https://github.com/ckurtm/FabButton

Answer 2

这对我有用,我使用了相对布局,并且都安装在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 3

您可以使用它： https: //github.com/DmitryMalkovich/circular-with-floating-action-button 将循环进度与浮动操作按钮集成。该解决方案不是自定义 fab，它只是您的 fab 的一个简单容器，因此您可以像以前一样设计样式！

<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>

Answer 4

我建议使用 Jorge Costillo 的浮动操作按钮。从我也尝试过的公认答案来看，它比库尔特的答案要好。

Kurt 的不支持矢量绘图（srcCompat 属性）、图像大小问题、不支持 fab-mini、材质图标指南不匹配。

Costillo 的 FAB 也更像是标准 Android FAB 的包装。