首页 > 其他 > 详细

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

时间:2015-03-25 16:41:39      阅读:438      评论:0      收藏:0      [点我收藏+]

转:http://blog.csdn.net/hongjinqun/article/details/30221201

效果图:

技术分享

源码地址: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"

技术分享

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"

技术分享

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

原文:http://www.cnblogs.com/li-fei/p/4365928.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!