Android自定义进度条

在Android中的控件种类已经足够我们使用，但是有时候大家需要根据美工的设计来改变一些控件的颜色，式样，以及背景图片

最近正好有这方面的需要，用了很久时间，找到了改变基本颜色以及图片的方法
下面以SeekBar为例，为大家描述一下我的做法

首先在layout文件夹中的main.xml内容如下

 xmlversion="1.0"encoding="utf-8"?>
 <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"android:layout_width="fill_parent"
     android:layout_height="fill_parent">

      <SeekBarandroid:id="@+id/seek"android:layout_width="300px"
         android:layout_height="wrap_content"android:max="100"
         android:progress="50"android:progressDrawable="@drawable/seekbar_img"
         android:thumb="@drawable/thumb"/>
 LinearLayout>

很简单，只有一个SeekBar控件，注意它的 android:progressDrawable="@drawable/seekbar_img" 以及android:thumb="@drawable/thumb" 它们分别对应的是 进度条的图片以及拖动滑块的图片，这里的图片也可以是我们自定义的drawable中的xml文件，可以理解成这两个属性应该如何显示的意思,而@drawable/seekbar_img和@drawable/thumb它们分别对应着 drawable 文件夹中的文件seekbar_img.xml和thumb.xml，它们表示着如何去显示进度条与滑块

当初我想的是在网上找SeekBar的原始样式文件是如何定义，这样就可以照搬代码，修改一些我需要的图片以及颜色和大小就行了，于是就开始搜索,这里要用到的是Android的系统源码，具体下载办法网上很多，需要用到cygwin,大家可以参考http://tech.it168.com/a2009/0529/579/000000579026.shtml



下好源代以后，可以在 C:\cygwin\home\android\frameworks\base\core\res\res\drawable 这个路径下找到很多图片与android的原始控件样式（即xml文件)
找一下，哈哈，好东西可不少，以后要改样式全靠它们了
我们可以在这是里面找到seek_thumb.xml，内容如下

 xmlversion="1.0"encoding="utf-8"?>

 <selectorxmlns:android="http://schemas.android.com/apk/res/android">

      <itemandroid:state_pressed="true"
           android:state_window_focused="true"
           android:drawable="@drawable/seek_thumb_pressed"/>

      <itemandroid:state_focused="true"
           android:state_window_focused="true"
           android:drawable="@drawable/seek_thumb_selected"/>

      <itemandroid:state_selected="true"
           android:state_window_focused="true"
           android:drawable="@drawable/seek_thumb_selected"/>

      <itemandroid:drawable="@drawable/seek_thumb_normal"/>

 selector>

它定义的是seekbar的滑块样式，内容很简单，大家应该看得懂，分别对应着按下，选中，以及获得焦点时滑块的图片


另外，我们还可以找到 progress_horizontal.xml,内容如下

 xmlversion="1.0"encoding="utf-8"?>

      <itemandroid:id="@+android:id/background"android:drawable="@drawable/bg"/>

      <itemandroid:id="@+android:id/SecondaryProgress"
         android:drawable="@drawable/bg"/>

      <itemandroid:id="@+android:id/progress"android:drawable="@drawable/bg2"/>
 layer-list>

thumb.xml

 xmlversion="1.0"encoding="UTF-8"?>
 <selectorxmlns:android="http://schemas.android.com/apk/res/android">

      <itemandroid:state_pressed="true"android:drawable="@drawable/bg3"/>


      <itemandroid:state_focused="false"android:state_pressed="false"
         android:drawable="@drawable/bg4"/>
 selector>