anroid seekbar 自定义风格

最新推荐文章于 2018-08-24 15:16:28 发布

原创最新推荐文章于 2018-08-24 15:16:28 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #SeekBar

Android 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了在Android应用中使用SeekBar时如何通过颜色和图片实现自定义样式，包括颜色实现、图片实现方法及XML文件配置示例，并提供源代码下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用seekbar的时候，需要实现OnSeekBarChangeListener的下面三个接口

	@Override
	public void onProgressChanged(SeekBar seekBar, int progress,
			boolean fromUser) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void onStartTrackingTouch(SeekBar seekBar) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void onStopTrackingTouch(SeekBar seekBar) {
		// TODO Auto-generated method stub
		
	}

每个接口都是干什么的，这个不多说，字面上可以理解；

原始的seekbar有点难看，一般在应用中我们要使用自定义画面的seekbar

有两种方法，区别在于进度条的实现

颜色实现
图片实现

1. 颜色实现方式

在/res/drawable/目录下定义xml文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#ff51495e"/>
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
            	<solid android:color="#ffeb3305"/>
        	</shape>    
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
            	<solid android:color="#ff200be1"/>
        	</shape>
        </clip>
    </item>
</layer-list>

效果如下

2. 图片方式实现

同样在/res/drawable/目录下定义xml文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background" android:drawable="@drawable/bak">
    </item>
    <item android:id="@android:id/progress">
        <scale android:drawable="@drawable/front" android:scaleWidth="100%"/>
    </item>
</layer-list>

效果