Android seekbar样式介绍

最新推荐文章于 2021-07-22 12:06:25 发布

原创最新推荐文章于 2021-07-22 12:06:25 发布 · 523 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#seekbar样式自定义seekba

android基础专栏收录该内容

135 篇文章

订阅专栏

转载请标明出处：http://blog.youkuaiyun.com/u013598111/article/details/50009833，本文出自：【JunTao_sun】

<span style="font-size:18px;"><SeekBar
        android:id="@+id/seekbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:maxHeight="4dp" 
         android:minHeight="4dp" 
        android:progressDrawable="@drawable/player_white"
        android:thumb="@drawable/player_white" />
</span>

thumb 属性是引用图片资源 seekbar的按钮

progressDrawable 引用res下的drawable自定义样式，样式里的<item 属性分三种可用：

1.android:id="@+android:id/background" seekbar未到达区域

2.android:id="@+android:id/secondaryProgress" 好想可以忽略用1 3属性即可

3.android:id="@+android:id/progress" clip端，seekbar进度

第一种不引用图片进度样式：

<span style="font-size:18px;"><?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="#aa51495e" />

            <corners android:radius="10dp" />
        </shape>
    </item>
    <item android:id="@+android:id/progress">
        <clip>
            <shape>
                <solid android:color="#ffffffff" />

                <corners android:radius="10dp" />
            </shape>
        </clip>
    </item>

</layer-list></span>

第二种可以引入图片样式做背景和剪切：

<span style="font-size:18px;"><?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:drawable="@drawable/seekbar_background">
    </item>
    <item android:id="@+android:id/progress">
        <scale
            android:drawable="@drawable/seekbar_white_progress"
            android:scaleWidth="100%" >
           
           
<!--             <clip -->  
<!--             android:drawable="@drawable/setting_bright_seekbar_progress" -->
<!--             /> -->

        </scale>
    </item>

</layer-list></span>

上面的<scale 可以换成<clip 里的，效果一样。

thumb 属性也可以引用选择器资源，按下和正常下的图片切换：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/seekbar_normal" />
    <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/seekbar_pressed" />
    <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/seekbarb_pressed" />
    <item android:drawable="@drawable/seekbar_normal" />  
</selector></span>