Android 控件自定Seekbar样式

路过独木桥！！

于 2021-09-26 17:48:28 发布

阅读量274

点赞数

分类专栏： Android 播客文章标签： android

本文链接：https://blog.csdn.net/wq892373445/article/details/120493832

版权

Android 播客专栏收录该内容

30 篇文章 3 订阅

订阅专栏

本文解析了如何在Android应用中使用SeekBar组件，展示了如何定制进度条样式，包括自定义形状和进度条背景。重点介绍了shape_point_circular和seekbar_bg的XML布局实现。

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

效果图
在这里插入图片描述
xml布局文件

 <SeekBar
        android:id="@+id/iv_music_progress"
        android:layout_width="380dp"
        android:layout_marginLeft="110dp"
        android:maxHeight="9dp"
        android:minHeight="9dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/size_30_dp"
        android:progress="100"
        android:thumbOffset="0dip"
        android:thumb="@drawable/shape_point_circular"
        android:progressDrawable="@drawable/seekbar_bg" />

shape_point_circular

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#ffffff" />
    <corners android:radius="10dp"/>
    <size
        android:height="20dp"
        android:width="20dp"/>

</shape>

seekbar_bg

<?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>
            <corners android:radius="5dp"/>
            <solid android:color="#000000"/>
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <solid android:color="#DCEE47"/>
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <solid android:color="#AFE94A" />
            </shape>
        </clip>
    </item>
</layer-list>