龙空技术网

Android Studio设置seekbar进度条颜色各种方式总结

灵思致远IT学苑 644

前言:

目前同学们对“进度条颜色设置”都比较着重,姐妹们都需要分析一些“进度条颜色设置”的相关知识。那么小编也在网上汇集了一些对于“进度条颜色设置””的相关知识,希望小伙伴们能喜欢,各位老铁们一起来了解一下吧!

一、简介:

这里设置seekbar的进度条颜色,对应的属性如下:

android:progressDrawable

这里设置seekbar的按钮图片,对应的属性如下:

android:thumb

举例如下:

//这里设置seekbar的进度条颜色

android:progressDrawable="@drawable/bg_seek_bar" / /这里是样式文件名或图片

//这里设置seekbar的按钮图片

android:thumb="@drawable/seek_bar_thumb"/> / /这里是图片

二、Android用代码设置SeekBar滑块和进度条颜色

seekbar0.getThumb().setColorFilter(Color.parseColor("#ff0000"), PorterDuff.Mode.SRC_ATOP);

seekbar0.getProgressDrawable().setColorFilter(Color.parseColor("#ff0000"));

三、用样式设置进度条颜色

设置同一种颜色的进度条。主要是把android:endColor="#376650"android:startColor="#376650"这两个属性设置成一样就可以。android:startColor起始颜色, android:endColor终止颜色。在drawable新建一个seekbar_style.xml,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="">

<item

android:id="@android:id/background"

android:paddingBottom="4dp"

android:paddingTop="4dp">

<shape>

<corners android:radius="50dp"/>

<solid android:color="#efefef"/>

</shape>

</item>

<item

android:id="@android:id/progress"

android:paddingBottom="4dp"

android:paddingTop="4dp">

<clip>

<shape>

<corners android:radius="50dp"/>

<gradient

android:angle="0"

android:endColor="#2896F0"

android:startColor="#2896F0"/>

</shape>

</clip>

</item>

2.设置不同种颜色的进度条。主要是把

android:endColor="#000000"

android:startColor="#fffffff"

这两个属性设置成不一样就可以。

在drawable新建一个seekbar_style.xml,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="">

<item

android:id="@android:id/background"

android:paddingBottom="4dp"

android:paddingTop="4dp">

<shape>

<corners android:radius="50dp"/>

<solid android:color="#efefef"/>

</shape>

</item>

<item

android:id="@android:id/progress"

android:paddingBottom="4dp"

android:paddingTop="4dp">

<clip>

<shape>

<corners android:radius="50dp"/>

<gradient

android:angle="0"

android:endColor="#000000"

android:startColor="#ffffff"/>

</shape>

</clip>

</item>

“颜色识别器”APP里面的调色板功能就采用这种渐变方式实现的,效果图如下:

调色板

标签: #进度条颜色设置