Android之SeekBar总结（一）

 2015-04-24

SeekBar:

一种特殊的进度条，包含一个滑块用于调节进度值。

API 中目录结构如下：

包含几种特殊的属性：

   1： max:设置进度条的最大值 。对应方法：setMax(int max); max=100,代表它的取值范围是0-100,共101个值;

2： progress： 设置默认的进度值 对应有方法： setProgress(int progress);

3：secondaryProgresss : 设置默认缓冲值 对应的方法 setSecondaryProgress(int  secondaryProgresss );

以上的方法和成员都是继承自ProgressBar；而SeekBar自带的特殊属性如下:

4：thumb : 滑块属性，应该对应是一个drawable资源；

5：progressDrawable,表示SeekBar的背景图片

6：SeekBar类包含一个setOnSeekBarChangeListener的方法。当用户使用seekBar的时候会触动该方法，一般用于设置监听事件

SeekBar.OnSeekBarChangeListener：是一个public static interface 。包含有三个方法：

用户在使用时必须实现该接口中的方法，或者使用匿名内部类。

二：用户自定义的SeekBar样式：

当前的SeekBar不能满足用户需求的时候，我们可以自定义SeekBar来实现各自想要的功能和视觉体验。

简单的自定义：在xml中自定义,可以实现不同的背景图和滑块，让SeekBar 的UI体验更好。

复杂的自定义：用java代码重写MySeekBar代码extends SeekBar;可以给MySeekBar添加一些控件和功能。

先看看简单的实现：

自定义SeekBar的滑块定义为：android:thumb="@drawable/thumb_bar"。

这时需要在res/drawable文件下自定义一个thumb_bar.xml

它调用的thumb_bar.xml的内容如下

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

    <!-- 焦点状态 -->

    <item android:state_focused="true"

        android:drawable="@drawable/thumb_up" />

    <!-- 默认状态 -->

    <item android:drawable="@drawable/thumb_up" />  

</selector>

//注释：以上代码来源网上

注意图中的Selector 标记和状态标记。通过Selector可以在不同状态中选择不同的图片，比如当用户按下时，用A照片，不按时用B照片。

自定义SeekBar背景图的实现：android:progressDrawable="@drawable/bg_bar"。

与自定义的滑块实现机制差不多：都是在属性中引用一个XML文件，然后在xml文件中自定义图片。

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

    <!-- 第二进度图 -->

    <item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bar_dn" />

    <!-- 进度度 -->

    <item android:id="@+android:id/progress" android:drawable="@drawable/bar_up" />

</layer-list>

===============================================================

标记的作用：layer-list:layer-list可以将多个图片按照顺序层叠起来。其中的Item有两个重要的xml属性：android：id 和 android：drawable属性。

//注释：图片资源；来源网络

最终结果显示如下：