Android SeekBar 自定义背景图片和滑块图片

最新推荐文章于 2024-07-05 11:34:34 发布

42nf

最新推荐文章于 2024-07-05 11:34:34 发布

阅读量3.4k

点赞数

分类专栏： android 文章标签： SeekBar 自定义背景图片

本文链接：https://blog.csdn.net/qq_29364417/article/details/122307360

版权

android 专栏收录该内容

78 篇文章 3 订阅

订阅专栏

本文介绍了如何在Android中自定义SeekBar的样式，包括去除滑块点击效果、设置滑块背景高度、调整进度条颜色等。通过XML布局和drawable资源文件，详细展示了如何创建一个带有自定义背景和滑动 thumb 图标的SeekBar，并给出了最终实现效果。

摘要由CSDN通过智能技术生成

1.布局

<!-- 说明：android:background="@null" 去除 滑块的点击效果，android:splitTrack="false" 去除滑块的白色背景,android:maxHeight="8dp" 可以控制背景的高度，跟layout_height 是有区别的 -->
<SeekBar
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:max="4"
     android:progress="2"
     android:maxHeight="8dp"
     android:splitTrack="false"
     android:background="@null"
     android:progressDrawable="@drawable/progressbar_pd"
     android:thumb="@drawable/progressbar_thumb"/>

2.progressbar_pd.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">
        <!--如果用图片，只能使用 .9 图片 -->
        <nine-patch android:src="@drawable/progressbar_bg" />

          <!--  <shape>
                <corners android:radius="2dp"/>
                <solid android:color="#cccccc" />
            </shape>  -->
    </item>
    <!-- 第二条进度条颜色 一般用不到这个 -->
    <item
        android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="2dp"/>
                <solid android:color="#ff0000" />
            </shape>
        </clip>
    </item>
    <!-- 进度条 常用 -->
    <item
        android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="2dp"/>
                <solid android:color="#0000ff" />
            </shape>
        </clip>
    </item>
</layer-list>

3. progressbar_thumb.png 图片