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

目录

    • API说明:
    • 进度条样式文件sb_bar.xml
    • 基本例程
    • 总结


欢迎关注 『安卓』 系列,持续更新中
欢迎关注 『安卓』 系列,持续更新中
【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 透明效果出现父布局背景颜色,就是去掉笑脸在进度条上的透明空间

举个栗子 (下图来自博主 周木水)下面的红线就是我们的笑脸
【安卓】4.修改SeekBar样式进度条样式(保姆级图文+附示例)_第1张图片

进度条样式文件sb_bar.xml

【安卓】4.修改SeekBar样式进度条样式(保姆级图文+附示例)_第2张图片


<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" />

在这里插入图片描述

修改后

        <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"
            />

【安卓】4.修改SeekBar样式进度条样式(保姆级图文+附示例)_第3张图片


总结

大家喜欢的话,给个,点个关注!继续跟大家分享敲代码过程中遇到的问题!

版权声明:

发现你走远了@mzh原创作品,转载必须标注原文链接

Copyright 2022 mzh

Crated:2022-1-8

欢迎关注 『安卓』 系列,持续更新中
欢迎关注 『安卓』 系列,持续更新中
【更多内容敬请期待】


你可能感兴趣的:(安卓学习,android,java,apache)