【安卓】4.修改SeekBar样式进度条样式（保姆级图文+附示例）

最新推荐文章于 2024-05-07 18:00:19 发布

发现你走远了

最新推荐文章于 2024-05-07 18:00:19 发布

阅读量1.7k

点赞数 1

分类专栏：安卓学习文章标签： android java apache

本文链接：https://blog.csdn.net/u011027547/article/details/122382884

版权

安卓学习专栏收录该内容

50 篇文章 37 订阅

订阅专栏

欢迎关注『安卓』系列，持续更新中
欢迎关注『安卓』系列，持续更新中
【1.修改按钮样式之圆角按钮+按钮图标（保姆级图文+附示例+api例程）】
【2.修改app名、图标、主题风格（保姆级图文+附示例+api例程）】
【3.修改列表增加下划线样式（保姆级图文+附示例）】
【4.修改SeekBar样式进度条样式（保姆级图文+附示例）】
【5.关于音乐播放器的按钮动态效果修改】
【更多内容敬请期待】

需要用到的图片文件给你打包好了，直接下载 https://download.csdn.net/download/u011027547/74908220

需要用到的图片文件辛苦的给你打包好了，直接下载 https://download.csdn.net/download/u011027547/74908220

seekbar_thumb_normal.jpg
seekbar_thumb_pressed.jpg
thumb.png

API说明：

android:thumb="@drawable/thumb"
android:thumb=“参数1”

参数1 滑块的图片，也就是笑脸

android:progressDrawable="@drawable/sb_bar"
android:progressDrawable=“参数2”

参数2 进度条的样式文件

android:splitTrack=“false”
android:splitTrack=“参数3”

参数3 透明效果出现父布局背景颜色，就是去掉笑脸在进度条上的透明空间

举个栗子（下图来自博主周木水）下面的红线就是我们的笑脸
在这里插入图片描述

进度条样式文件sb_bar.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="#FFFFD042" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#FFFFFFFF" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#FF96E85D" />
            </shape>
        </clip>
    </item>
</layer-list>

基本例程

修改前

<SeekBar
            android:id="@+id/sb"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

在这里插入图片描述

修改后

        <SeekBar
            android:id="@+id/sb"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:thumb="@drawable/thumb"
            android:progressDrawable="@drawable/sb_bar"
            android:splitTrack="false"
            />