使用 circular-progress-button 实现环形进度按钮

最新推荐文章于 2024-02-10 10:35:41 发布

置顶 hongjinqun

最新推荐文章于 2024-02-10 10:35:41 发布

阅读量8.8k

点赞数 4

分类专栏：开源项目推荐

本文链接：https://blog.csdn.net/hongjinqun/article/details/30221201

版权

开源项目推荐专栏收录该内容

2 篇文章 0 订阅

订阅专栏

效果图：

源码地址：https://github.com/dmytrodanylyk/circular-progress-button

使用说明：

Usage

Declare button inside your layout XML file:

<com.dd.CircularProgressButton
    android:id="@+id/btnWithText"
    android:layout_width="196dp"
    android:layout_height="64dp"
    android:layout_marginTop="16dp"
    android:textColor="@color/white"
    android:textSize="18sp"
    app:textComplete="@string/Complete"
    app:textError="@string/Error"
    app:textIdle="@string/Upload" />

Button state depends on progress:

normal state [0]
progress state [1-99]
success state [100]
error state [-1]

To change progress use CircularProgressButton.setProgress(int value) method.

Idle state

CircularProgressButton.setProgress(0)

To change text app:textIdle="@string/Upload"
To change background color app:colorIdle="@color/green"

Progress state 1

CircularProgressButton.setProgress(1) will automatically morph button from idle (square shape) state to progress (circle shape) state.

To change indicator color app:colorIndicator="@color/blue"
To change indicator background color app:colorIndicatorBackground="@color/grey"
To change circle background color app:colorProgress="@color/white"