使用 circular-progress-button 实现环形进度按钮
效果图：
源码地址：https://github.com/dmytrodanylyk/circular-progress-button
使用说明：
Usage
Declare button inside your layout XML file:
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"
Progress state 50
CircularProgressButton.setProgress(50)
Complete state 100
CircularProgressButton.setProgress(-1)
- To change text
app:textError="@string/Error" - To change background color
app:colorError="@color/red"
Error state -1
CircularProgressButton.setProgress(-1)
- To change text
app:textComplete="@string/Complete" - To change background color
app:colorComplete="@color/green"
You can set rounded corners
app:cornerRadius="48dp"
You can use icons for complete & error states
app:iconComplete="@drawable/ic_action_accept"
app:iconError="@drawable/ic_action_cancel"
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！