自定义SeekBar的外观

1.在res\drawable文件夹,新建XML文件以配置SeekBar的外观,该文件的根节点需要选择为layer-list

2.在XML文件中,添加2个<item>子节点,且分别配置android:id属性值为@android:id/background和@android:id/progress,例如:

 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:id="@android:id/background" ></item>
      <item android:id="@android:id/progress" ></item>
 </layer-list>

3.在res\values文件夹下,新建XML文件以配置SeekBar的背景和进度的颜色,例如:

    <resources>
      <color name="seek_bar_background">#C9D5DE</color>
      <color name="seek_bar_progress">#186BA3</color>   
    </resources>

4.在SeekBar的外观的配置文件中,background的<item>节点添加<color>子节点,并应用背景颜色,例如:

 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:id="@android:id/background">
        <color android:color="@color/seek_bar_background"/>
      </item>
      <item android:id="@android:id/progress"></item>
 </layer-list>

5.在SeekBar的外观的配置文件中,progress的<item>节点添加<clip>子节点,并在该节点下再添加<color>子节点以应用进度的颜色,例如:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:id="@android:id/background">
        <color android:color="@color/seek_bar_background"/>
      </item>
      
      <item android:id="@android:id/progress">
        <clip>
          <color android:color="@color/seek_bar_progress"/>
        </clip>
      </item>
 </layer-list>

6.在使用SeekBar的布局文件中,为<SeekBar>节点配置android:progressDrawable属性,取值为@drawable/配置文件,例如:

    <SeekBar
      android:progressDrawable="@drawable/shape_seek_bar"
    />

7.为<SeekBar>节点配置android:minHeightandroid:maxHeight属性,以决定进度条的高度,例如:

    <SeekBar
      android:minHeight="2dp"
      android:maxHeight="2dp"
    />

8.为<SeekBar>节点配置android:thumb属性,以配置SeekBar上可拖拽的圆点的图形,例如:

    <SeekBar
      android:thumb="@drawable/ic_seek_bar_thumb"
    />

9.为<SeekBar>节点配置android:thumbOffset属性,以配置SeekBar上可拖拽的圆点的偏移量,例如:

    <SeekBar
      android:thumbOffset="10dp"
    />

以上为SeekBar配置背景和进度的颜色的作法,是从ProgressBar控件上继承得到的,所以,也适用于配置ProgreeBar!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值