如何在图片上传过程中创建类似whatsApp的CircularProgressBar？

Question

如何创建如下所示的CircularProgressBar，您可以通过点击十字图像来停止进度条。

Answer 1

您可以使用此库CircleProgress。它很容易使用。这是阶段：

添加此gradle文件

compile 'com.github.lzyzsd:circleprogress:1.1.0@aar'

这是xml文件

<com.github.lzyzsd.circleprogress.DonutProgress
        android:layout_marginLeft="50dp"
        android:id="@+id/donut_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:donut_progress="30"/>

有关详细信息，请访问here

Answer 2

在布局中创建进度条标记：

<ProgressBar
   android:id="@+id/progressBar"
   style="?android:attr/progressBarStyleHorizontal"
   android:layout_width="100dp"
   android:layout_height="100dp"
   android:max="100"
   android:progress="0"
   android:progressDrawable="@drawable/circular" />

并创建一个circular.xml drawable：

<shape
    android:innerRadiusRatio="2"
    android:shape="ring"
    android:thickness="2sp" >
<solid android:color="@color/colorPrimary" />
</shape>

for API＆gt; = 21将android:useLevel="true"添加到circular.xml中的shape标记。

然后在您的活动中，您只需根据当前进度设置progressBar进度，对于取消按钮，您只需添加一个按钮即可取消您喜欢的位置。