Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码

Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码,第1张

概述遇到个动态改变SeekBar进度条颜色与滑块颜色的需求,有的是根据不同进度改变成不同颜色。

遇到个动态改变Seekbar进度条颜色与滑块颜色的需求,有的是根据不同进度改变成不同颜色。

对于这个怎么做呢?大家都知道设置下progressDrawable与thumb即可,但是这样设置好就是确定的了,要动态更改需要在代码里实现。

用shape进度条与滑块

Seekbar设置

代码里动态设置setProgressDrawable与setThumb

画图形,大家都比较熟悉,background是背景图,secondaryProgress第二进度条,progress进度条:

<@R_288_3419@ xmlns:androID="http://schemas.androID.com/apk/res/androID"> <item androID:ID="@androID:ID/background"><shape><corners androID:radius="5dip" /><gradIEntandroID:startcolor="@color/gray_cc"androID:centercolor="@color/gray_cc"androID:centerY="0.75"androID:endcolor="@color/gray_cc"androID:angle="270"/></shape></item>< !-- 我的没有第二背景,故第二背景图没有画 --><item androID:ID="@androID:ID/secondaryProgress"><clip><shape><corners androID:radius="5dip" /><gradIEntandroID:startcolor="#80ffd300"androID:centercolor="#80ffb600"androID:centerY="0.75"androID:endcolor="#a0ffcb00"androID:angle="270"/></shape></clip></item><item androID:ID="@androID:ID/progress"><clip><shape><corners androID:radius="5dip" /><gradIEntandroID:startcolor="@color/gray_cc"androID:centercolor="@color/gray_cc"androID:centerY="0.75"androID:endcolor="@color/gray_cc"androID:angle="270"/></shape></clip></item></@R_288_3419@>

然后画滑块:

<selector xmlns:androID="http://schemas.androID.com/apk/res/androID"><item androID:drawable="@drawable/seekbar_thumb_gray" androID:state_focused="true" androID:state_pressed="true" /><item androID:drawable="@drawable/seekbar_thumb_gray" androID:state_focused="false" androID:state_pressed="false" /><item androID:drawable="@drawable/seekbar_thumb_gray" androID:state_focused="true" androID:state_pressed="false" /><item androID:drawable="@drawable/seekbar_thumb_gray" androID:state_focused="true" /></selector>

最后xml里设置:

androID:progressDrawable="@drawable/seekbar_light"androID:thumb="@drawable/seekbar_thumb"

这里提醒下滑块滑到0或者最大可能展示不完,滑块只展示一半;还有有的背景太高;所以这些需要设置一下即可:

androID:maxHeight="5dp"androID:minHeight="5dp"androID:paddingleft="10dp"androID:paddingRight="10dp"

上面maxHeight与minHeight可以让背景不那么高,更改值可以控制高度。

paddingleft与paddingRight最好是滑块的宽度一半,这样即可展示完全。

下面进入正题就是代码里动态设置颜色。

我们在代码里可以使用getProgressDrawable得到进度背景,所以可以以此来更改。

由于得到的是LayerDrawable,包含多个层次,当然上面我们只画了三个层次背景;不确定,可以循环进行得到ID进行判断:

//获取seerbar层次drawable对象LayerDrawable layerDrawable = (LayerDrawable) sb.getProgressDrawable();// 有多少个层次(最多三个)int layers = layerDrawable.getNumberOfLayers();Drawable[] drawables = new Drawable[layers];for (int i = 0; i < layers; i++) {switch (layerDrawable.getID(i)) {// 如果是seekbar背景case androID.R.ID.background:drawables[i] = layerDrawable.getDrawable(0);break;// 如果是拖动条第一进度case androID.R.ID.progress://这里为动态的颜色值drawables[i] = new PaintDrawable(progresscolor);drawables[i].setBounds(layerDrawable.getDrawable(0).getBounds());break;...}}sb.setProgressDrawable(new LayerDrawable(drawables));sb.setThumb(thumb);sb.invalIDate();

上面可以得到不同的背景,然后动态进行更改设置即可,上面代码可以完成最上面的图,因为背景不需要变化颜色,所以背景图不做变化,然后拿到进度条背景后我们采用的是PaintDrawable画颜色,当然你可以采用其他的构造一个背景Drawable,然后设置你需求的样式。滑块也可以是背景图片,或者给进度背景差一样可以使用getThumb到到背景重新设置即可。

我上篇文章提到过AndroID更改纯色背景图片颜色,不清楚的可以点我进去查看AndroID更改纯色背景图片颜色。

因为我们这里也是纯颜色,这就更好办,更简单:

//获取seerbar层次drawable对象LayerDrawable layerDrawable = (LayerDrawable) sb.getProgressDrawable();//因为画背景图时候第二进度背景图没有画,所以直接为1Drawable drawable = layerDrawable.getDrawable(1);drawable.setcolorFilter(progresscolor,PorterDuff.Mode.SRC);//获取滑块背景Drawable thumb = sb.getThumb();thumb.setcolorFilter(thumbcolor,PorterDuff.Mode.SRC);sb.invalIDate();

由上我们可以利用更改纯色方法改得到的背景颜色,当然前提是你们背景图也是纯色。

这样又可以愉快玩耍了。

注意

第一种方案可以画多种样式,主要看你的对Drawable的使用了,但是如果对背景图,如果进度左右两端有圆弧,动态画图时候需要格外设置圆弧,估计实现也不简单吧,不然背景图是没有圆弧的。

第二种方案对纯色的可以使用,对复杂多样式很难行得通。

以上所述是小编给大家介绍的AndroID 动态改变Seekbar进度条颜色与滑块颜色的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!

总结

以上是内存溢出为你收集整理的Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码全部内容,希望文章能够帮你解决Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147681.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存