Android自定义SeekBar，基础但是要比大多数文章更综合一点，有一些常见的问题解决

最新推荐文章于 2024-08-12 04:04:54 发布

VieLei

最新推荐文章于 2024-08-12 04:04:54 发布

阅读量4.1k

点赞数 9

分类专栏： android

本文链接：https://blog.csdn.net/s10461/article/details/80676258

版权

android 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

网上的自定义SeekBar的文章有很多，很多都是千篇一律。当然我也是从网上学来的，但是按照网上大多数文章来做以后会遇到一些问题，还需要再次百度、再次百度才能解决。写这篇的文章的目的也是为了，让大多数人搜索到这里一次可能就足够了

拿我们UI给的一张图来说

这里写图片描述

从图上看，UI的要求有以下几个：

1 . 进度条有两种状态，总进度和进度的颜色分别有两种
2 . 进度条的起始点有圆角
3 . thumb(滑块)的效果有两种，未按下和按下。

这也是一个最最基础的Seekbar自定义，不涉及修改代码，只是修改布局文件就能实现的一个效果。

那么如何实现这个简单的效果？

1.seekbar在布局文件中的属性配置

<SeekBar
    android:layout_width="500px" ---seekbar总宽度
    android:layout_height="wrap_content" ---这里一般设置为wrap_content即可
    android:thumb="@drawable/thum_circle_blue" ---滑块的自定义文件
    android:progressDrawable="@drawable/layer_progress"  ---进度条的自定义文件
    android:maxHeight="4dp" ---通过这两个属性设置进度条的高度
    android:minHeight="4dp" ---通过这两个属性设置进度条的高度
    android:splitTrack="false" ---设置滑块的背景透明
    android:background="@null" ---取消滑块的点击效果
    />

2.滑块样式自定义文件

其实就是一个drawable，这个drawable也是完全可以用到我们常用的按钮的效果中，默认、按下、获取焦点时显示不同的文件内容

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/pic_thumb_pressed" android:state_enabled="true" android:state_pressed="true"/> --按下
    <item android:drawable="@drawable/pic_thumb_pressed" android:state_selected="true"/> --选中
    <item android:drawable="@drawable/pic_thumb_pressed" android:state_focused="true"/> --获取焦点
    <item android:drawable="@drawable/pic_thumb_default"/> ---默认效果
</selector>

pic_thumb_default, pic_thumb_pressed 就是默认和按下是滑块的两个图片，找UI切一下图就行了

3.进度条自定义文件

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item> ----对背景的控制，没有进度时
        <shape>
            <corners android:radius="2dp" /> --圆角
            <solid android:color="#ffffff"/> --颜色
        </shape>
    </item>
    <item> --- 这个目前来说不知道什么用，也可以去掉这一部分
        <clip>
            <shape>
                <corners android:radius="2dp" />
                <solid android:color="#ffffff" />
            </shape>
        </clip>
    </item>
    <item> --- 对进度条的控制
        <clip>
            <shape>
                <corners android:radius="2dp" /> --圆角
                <solid android:color="#4084ff" /> --颜色
            </shape>
        </clip>
    </item>
</layer-list>