原帖地址:http://gitonway.blog.163.com/blog/static/236894038201453010165775/
※效果
※
简介
显示进度的按钮,可用于数据的提交,系统登录等,动画效果很棒,提高用户体验。
※
代码
1.按钮的几种状态
- 初始状态 [0]
- 加载中 [1-99]
- 加载成功 [100]
- 加载失败 [-1]
通过调用此方法改变
CircularProgressButton.setProgress(int value)
2.修改进度条样式
- 修改加载进度的颜色
app:colorIndicator="@color/blue"
- 修改加载进度的背景色
app:colorIndicatorBackground="@color/grey"
- 修改中间圆形的颜色
app:colorProgress="@color/white"
3.其他属性
- 失败时的文字
app:textError="@string/Error"
- 失败时的背景色
app:colorError="@color/red"
- 成功时的文字
app:textComplete="@string/Complete"
- 成功时的背景色
app:colorComplete="@color/green"
- 设置按钮圆角
app:cornerRadius="48dp"
- 设置成功时的图标
app:iconComplete="@drawable/ic_action_accept"
- 设置失败时的图标
app:iconError="@drawable/ic_action_cancel"
※
注意事项
一行放置一个以上的按钮时需要注意一下,因为按钮点击后变为进度框时视图的宽度要发生改变,所以位置可能发生变化,需要注意下你的布局,可以放到按比例分开的线性布局,或放相对布局中定义宽度让它始终居中
※
项目地址