Android开发经验谈安卓资源收集

Android可切换状态的Button

2018-11-19  本文已影响10人  益力多不多

Progress Button

近日,在某个网站上看到下图的一个动画效果,感觉挺不错的,所以来实现一下

93F0B7ECCE4558A01800893FBCD5BB42.gif

效果

GIF.gif

项目地址

https://github.com/KKaKa/ProgressButton

喜欢的给的star哦


D382565CA8F70B2543C25B1939EEC31F.jpg

这里做了部分改动,一般来说我们请求无法得知具体的进度,所以将进度条换成了无限转圈。

使用

通过setProgress(int progress)方法来改变状态。
progress == 0;//普通状态
progress == 50;//加载状态
progress == 100;//完场状态
progress == -1;//错误状态

自定义样式

字体及颜色

//文字内容
pb_normalText  
pb_completeText
pb_errorText
pb_progressText
//文字颜色
pb_normalTextColor
pb_completelTextColor
pb_errorTextColor

背景/加载圈颜色

pb_normalBackgroundColor
pb_errorBackgroundColor
pb_completeBackgroundColor
pb_progressColor
pb_progress_indicator_color
pb_progress_indicator_background_color

eg:改变完成状态按钮颜色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
        android:color="@color/pb_complete_background_dark"/>
    <item android:state_focused="true"
        android:color="@color/pb_complete_background_dark"/>
    <item android:state_enabled="false"
        android:color="@color/pb_background_not_enable"/>
    <item android:state_enabled="true"
        android:color="@color/pb_complete_background"/>
</selector>

同时,还支持完成/错误状态图片显示,通过设置

pb_iconError
pb_iconComplete

当存在图片时,会优先显示图片。

上一篇 下一篇

猜你喜欢

热点阅读