Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)

本文已更新
并且增加 圆环进度条 和 移动数字进度条 
而且会持续更新
感兴趣请移步:https://www.jianshu.com/p/0956123fcef9

前段时间公司项目需要一个带节点的进度条,
本来想偷个懒从网上找一个,
结果找了几个都不满意。

要不然就是用遮罩原理,
要不然就是用图片拼接,
这样的话缺点很明显,
实现方式Low就先不说,
颜色、节点尺寸、节点数量全都不可控,
要不然就是不能控制精准进度。

于是我就自己写了一个,
完全用Canvas画出来的,
所以颜色、节点数量、尺寸全都是可随意控制的,
还顺手加上了监听。

老规矩,
先上效果:


Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)_第1张图片
节点进度条

下面开启干货模式。

第一步:
把NounProgressBar拷贝到你的项目中,
如果想要监听的话就一块拷贝进来


Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)_第2张图片
NounProgressBar

由于是自定义View,
所以会用到一些自定义属性,
所以连带arrts.xml一起拷贝进来


Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)_第3张图片
arrts.xml

准备工作完成,
下面就开始使用吧。

第二步:
在Layout中使用NounProgressBar。



    ps:不会导入自定义属性的同学请看源码或自行百度,
        这个知识点不在本贴中详细说明。

第三步:
Java代码中的使用。

// 设置进度
noun_progress.setProgress(75);

// 设置进度条的监听器
noun_progress.setProgressListener(new OnProgressListener() {
    @Override
    public void onProgress(NounProgressBar progressBar, int progress) {
        // 显示进度
        tv_value.setText("监听:" + progress + "/" + progressBar.getProgressMax());
    }
});

// 利用属性动画控制进度条
ObjectAnimator.ofFloat(noun_progress, "progress", 1, 25).setDuration(250).start();

至此就差不多了,
欢迎大家伙儿共同探讨。

尘少老规矩,附源码:
https://download.csdn.net/download/bamboy_/10328600

但是现在CSDN下载资源强制需要积分,
不想花积分的同学可以加QQ群:569614530,
群里艾特尘少就可以找到我。

也可以克隆我的Git仓库,
还有其他各种酷炫效果收入囊中:
https://github.com/Bamboy120315/bamboy.git
手机扫码下载App一睹为快:

Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)_第4张图片
手机扫码一睹为快

你可能感兴趣的:(Bamboy节点进度条 完全自定义 颜色节点均可控(附源码))