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

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

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

用shape进度条与滑块

SeekBar设置

代码里动态设置setProgressDrawable与setThumb

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip" />
<gradient
android: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" />
<gradient
android: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" />
<gradient
android:startColor="@color/gray_cc"
android:centerColor="@color/gray_cc"
android:centerY="0.75"
android:endColor="@color/gray_cc"
android:angle="270"/>
</shape>
</clip>
</item>
</layer-list>

然后画滑块:

<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();
//因为画背景图时候第二进度背景图没有画,所以直接为1
Drawable 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 滑块、seekbar 滑块大小设置、seekbar滑块带文字、seekbar去掉滑块、seekbar 滑块位置,以便于您获取更多的相关知识。

时间: 2025-01-24 09:51:31

Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码_Android的相关文章

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

遇到个动态改变SeekBar进度条颜色与滑块颜色的需求,有的是根据不同进度改变成不同颜色. 对于这个怎么做呢?大家都知道设置下progressDrawable与thumb即可,但是这样设置好就是确定的了,要动态更改需要在代码里实现. 用shape进度条与滑块 SeekBar设置 代码里动态设置setProgressDrawable与setThumb 画图形,大家都比较熟悉,background是背景图,secondaryProgress第二进度条,progress进度条: <layer-list

Android动态自定义圆形进度条

效果图: A.绘制圆环,圆弧,文本 //1.画圆环 //原点坐标 float circleX = width / 2; float circleY = width / 2; //半径 float radius = width / 2 - roundWidth / 2; //设置画笔的属性 paint.setColor(roundColor); paint.setStrokeWidth(roundWidth); paint.setStyle(Paint.Style.STROKE); canvas.

Android 从底部弹出Dialog(横向满屏)的实例代码_Android

项目中经常需要底部弹出框,这里我整理一下其中我用的比较顺手的一个方式(底部弹出一个横向满屏的dialog). 效果图如下所示(只显示关键部分): 步骤如下所示: 1.定义一个dialog的布局(lay_share.xml) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/androi

Android使用ViewDragHelper实现QQ6.X最新版本侧滑界面效果实例代码_Android

(一).前言: 这两天QQ进行了重大更新(6.X)尤其在UI风格上面由之前的蓝色换成了白色居多了,侧滑效果也发生了一些变化,那我们今天来模仿实现一个QQ6.X版本的侧滑界面效果.今天我们还是采用神器ViewDragHelper来实现. 本次实例具体代码已经上传到下面的项目中,欢迎各位去star和fork一下. https://github.com/jiangqqlmj/DragHelper4QQ FastDev4Android框架项目地址:https://github.com/jiangqqlm

Android 实现闪屏页和右上角的倒计时跳转实例代码_Android

以前编程的时候,遇到倒计时的功能时,经常自己去写,但其实Android已经帮封装好了一个倒计时类CountDownTimer,其实是将后台线程的创建和Handler队列封装成为了一个方便的类调用. 闪屏页用到了handler和CountDownTimer类,还需配置一下Activity的主题,这里是:android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 全屏主题的意思. 给大家展示下效果图: 代码如下所示: package

Android中自定义水平进度条样式之黑色虚线_Android

以下内容给大家介绍Android中自定义水平进度条样式之黑色虚线,对代码实现方法感兴趣的朋友一起学习吧. 布局layout中使用: <ProgressBar android:id="@+id/progress_bar" style="?android:attr/progressBarStyleHorizontal" <!--必须设置为水平--> android:progressDrawable="@drawable/myprogress&

Android编程实现自定义进度条颜色的方法_Android

本文实例讲述了Android编程实现自定义进度条颜色的方法.分享给大家供大家参考,具体如下: android 自定义进度条颜色 先看图 基于产品经理各种自定义需求,经过查阅了解,下面是自己对android自定义进度条的学习过程! 这个没法了只能看源码了,还好下载了源码, sources\base\core\res\res\  下应有尽有,修改进度条颜色只能找progress ,因为是改变样式,首先找styles.xml 找到xml后,进去找到 <style name="Widget.Pro

Android学习笔记(24):进度条组件ProgressBar及其子类

ProgressBar作为进度条组件使用,它还派生了SeekBar(拖动条)和RatingBar(星级评分条).   ProgressBar支持的XML属性: Attribute Name Related Method Description style   设置ProgressBar指定风格 android:indeterminate   设置为true时,进度条不显示进度 android:indeterminateBehavior   indeterminate模式下,当进度条达到最大值时的

android-如何去除seekbar进度条的滑块

问题描述 如何去除seekbar进度条的滑块 安卓实现seekbar进度条中的拖动滑块隐藏不显示................. 解决方案 点击右键属性-高级-显示即可 解决方案二: 如果你仅仅想用进度条,那就用progressbar,如果你想要拖拽,试试修改其thumb熟悉,直接改成透明不知道能不能获取焦点了,没试过. 解决方案三: android:thumb="@null"试试