当前位置: 首页 > 编程笔记 >

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

郭永怡
2023-03-14
本文向大家介绍Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码,包括了Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码的使用技巧和注意事项,需要的朋友参考一下

遇到个动态改变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进度条颜色与滑块颜色的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 我想更改搜索栏的进度颜色和拇指颜色。我使用drawable更改进度颜色,但进度厚度已更改。有没有办法改变拇指和进度的颜色。 形象 我想像图像上的第二个一样改变默认的搜索栏的颜色。

  • 问题内容: 我一直在寻找有关如何执行此操作的答案,但似乎无法弄清楚(甚至在查看jQuery UI主题文档时也是如此)。当我从左向右移动滑块时,我希望滑块旋钮左侧的部分变为橙色(而不是默认的灰色)。 jQuery主题卷生成了以下CSS。大概.ui-widget- header背景色可以控制它,但是似乎没有。也不向其他任何类别添加背景色。知道如何解决此问题,以便在水平滑动时获得不同的颜色吗? JQUE

  • 本文向大家介绍WPF Slider滑动条的颜色修改方法,包括了WPF Slider滑动条的颜色修改方法的使用技巧和注意事项,需要的朋友参考一下 效果如下: 鄙人虽然开发WPF有些时间,但之前一直是一些简单Template和Style改改之类的工作,并没有深入研究过。此次为了完成工作,首先也是网上搜了半天,没有找到合适的代码直接拷贝(搜索能力待提高),干脆就直接静下心来琢磨琢磨。 一开始在界面上就放

  • 本文向大家介绍Android中颜色选择器和改变字体颜色的实例教程,包括了Android中颜色选择器和改变字体颜色的实例教程的使用技巧和注意事项,需要的朋友参考一下 1.构建一张七彩图: 我们经常看到这种样子的颜色选择器吧.. 然后其实右边的亮度选择是: 这样我们的代码就可以进行啦...   其他屏幕事件什么的就不贴代码啦... 2.ColorPicker颜色选择器改变字体颜色实例: (1)测试界面

  • 本文向大家介绍Android实现多段颜色进度条效果,包括了Android实现多段颜色进度条效果的使用技巧和注意事项,需要的朋友参考一下 多段颜色的进度条实现思路,供大家参考,具体内容如下 这个进度条其实相对简单. 这里可以把需要绘制的简单分为两个部分 1.灰色背景部分 2.多段颜色的进度部分 考虑到实际绘制中,分段部分不太容易根据进度值进行动态绘制. 故把多段颜色部分作为背景进行绘制,实际的灰色部

  • 嘿,我正在尝试改变状态栏的颜色,使其与动作栏的颜色相同(可能是透明的)。在Android Lolipop上,这不是问题,但在Kitkat上,它看起来像这张图片 我尝试了许多其他的解决方案,但仍然没有解决它。 以下是V19XML样式