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

7 篇文章 0 订阅
6 篇文章 0 订阅
	本文已更新
	并且增加 圆环进度条 和 移动数字进度条 
	而且会持续更新
	感兴趣请移步:https://blog.csdn.net/bamboy_/article/details/88871740

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

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

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

老规矩,
先上效果:
节点进度条

下面开启干货模式。

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

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

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

第二步:
在Layout中使用NounProgressBar。

<!-- 节点进度条 -->
<com.bamboy.nounprogress.NounProgressBar
    android:id="@+id/noun_progress"
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:layout_centerHorizontal="true"
    app:colorFinished="#2BBC69"
    app:colorUnfinished="#DDDDDD"
    app:heightNoun="50"
    app:heightProgress="25"
    app:nounCount="5"
    app:progressMax="100" />
	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一睹为快:
手机扫码一睹为快

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值