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进度条颜色与滑块颜色的实例代码，希望对大家有所帮助