SeekBar

SeekBar

       从sdk中可以得知，它是ProgressBar的扩展，它比进度条多了一个功能就是可拖动性，这样用户就可以控制进度条，比如播放电影，用户可以通过拖动SeekBar进行快进与快退.

      要实现其拖动的控制，就需要对事件进行监听，Android系统提供了一个监听接口SeekBar.OnSeekBarChangeListener,要实现其监听功能只要实现其接口即可。在SeekBar中我们需要监听的主要有如下三个事件

• 数值的改变（onProgressChanged）.
• 开始拖动(onStartTrackingTouch).
• 停止拖动(onStopTrackingTouch).

      SeekBar的使用跟Button之类的基本没什么区别，下面先说下其属性

• android:max   设置值的大小 .
• android:thumb="@drawable/"   显示的那个可拖动图标，如果没有设置该参数则为系统默认,如果自己需要重新定义，则将自己需要的图标存放在资源目录 /res/drawable下，然后调用即可.
• android:thumbOffset   拖动图标的偏量值,可以让拖动图标超过bar的长度.
• android:progress    设置seekbar当前的默认值，范围0到max之间.
• android:secondaryProgress 用过的迅雷的都知道拖动图标随着当前的播放时间的走动而走动，同时我们也注意到了也有个缓冲看到的进度条，这个属性就是用来设置默认显示的值为多少,范围为0到max.
• android:progressDrawable 当我们不想使用系统默认的SeekBar时可以自己定义一个,这个资源文件就是用来调用我们自己定义的Seekbar图标的一般是在drawable下建立一个.xml文件s用layer-list来组织这些图标.

     下图是一个自定义的SeekBar

   

     

     实现SeekBar代码：

    

[xhtml] view plain copy print ?

1. <SeekBar  
2.         android:id="@+id/seek_bar"  
3.         android:layout_width="fill_parent"  
4.         android:layout_height="wrap_content"  
5.                 android:progressDrawable="@drawable/myseekbar_drawable" 
6.                 android:thumb="@drawable/my_seek_thumb" /> 

<SeekBar android:id="@+id/seek_bar" android:layout_width="fill_parent" android:layout_height="wrap_content" android:progressDrawable="@drawable/myseekbar_drawable" android:thumb="@drawable/my_seek_thumb" />

     myseekbar_drawable文件

    

[xhtml] view plain copy print ?

1. <?xml version="1.0" encoding="UTF-8"?> 
2. <layer-list 
3.   xmlns:android="http://schemas.android.com/apk/res/android"> 
4.     <item  
5.         android:id="@android:id/background"  
6.         android:drawable="@drawable/seek_bg" /><!--最下层图片 实例中蓝色部分--> 
7.     <item  
8.         android:id="@android:id/secondaryProgress"  
9.         android:drawable="@drawable/seek_pro" /><!--显示第二进度的那个 实例中绿色部分--> 
10.     <item  
11.         android:id="@android:id/progress"  
12.         android:drawable="@drawable/seek_bar" /><!--显示当前进度的图片就是该实例中上面白色部分--> 
13. </layer-list>