使用xml自定义seekBar样式

最新推荐文章于 2021-05-27 04:16:37 发布

变胖变强大

最新推荐文章于 2021-05-27 04:16:37 发布

阅读量1.1k

点赞数

分类专栏： android 文章标签： android seekBar 自定义样式

本文链接：https://blog.csdn.net/Coco_Wonderful/article/details/29203443

版权

android 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Android中通过XML自定义 SeekBar 的样式，包括改变其背景、进度条颜色等，以实现独特的视觉效果。

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

seekBar背景：

<span style="font-family:Comic Sans MS;font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 背景 -->
    <item
        android:id="@android:id/background"
        android:paddingBottom="3px"
        android:paddingTop="3px">
        <shape>
            <!-- 角度 -->
            <corners android:radius="10dip" />

            <!-- 边框 -->
            <stroke
                android:width="0.5dp"
                android:color="#7c7d7c" />

            <!-- 填充颜色渐变 -->
            <gradient
                android:angle="270"
                android:centerColor="#00dddedf"
                android:centerY="0.45"
                android:endColor="#00dddedf"
                android:startColor="#00dddedf" />
        </shape>
    </item>
    
    <!-- 进度 -->
    <item
        android:id="@android:id/progress"
        android:paddingBottom="3px"
        android:paddingTop="3px">
        <clip>
            <shape>
                <stroke
                    android:width="0.5dp"
                    android:color="#7c7d7c" />

                <corners android:radius="10dip" />

                <gradient
                    android:angle="270"
                    android:centerColor="#e7e8ed"
                    android:centerY="0.45"
                    android:endColor="#f3f5f7"
                    android:startColor="#dbdfe4" />
            </shape>
        </clip>
    </item>

</layer-list>
</span>

滑块样式：

<span style="font-family:Comic Sans MS;font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
    <!-- 按下状态 -->  
    <item android:state_pressed="true" android:drawable="@drawable/thumb_select" />  
  
    <!-- 普通无焦点状态 -->  
    <item android:state_focused="false" android:state_pressed="false"  
        android:drawable="@drawable/thumb_bg" />  
</selector></span>

seekBar属性：

<span style="font-family:Comic Sans MS;font-size:14px;"><SeekBar
            android:id="@+id/seekBar1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:max="9"
            android:maxWidth="300dp"
            android:minWidth="300dp"
            android:maxHeight="20dp"
            android:minHeight="20dp"
            android:paddingLeft="4dp"
            android:paddingRight="4dp"
            android:progressDrawable="@drawable/seekbar_define_color_style"
            android:thumb="@drawable/thumb_background" /></span>