使用Drawable资源之使用LayerDrawable资源

LayerDrawable,系统将会按这些Drawable对象的数组顺序来绘制它们,索引最大的Drawable对象将会被绘制在最上面

定义LayerDrawable对象的XML文件的根元素为<layer-list.../>,该元素可以包含多个<item.../>元素

下面是一个例子,定义一个seekbar和一个imageview

seekbar的效果是拖动的部分和背景部分是两个不同的图片构成

下面定制seekbar的外观,指定一个progressDrawable属性,该属性可改变seekbar的外观

在Res->drawable-mdpi文件夹下定义如下Drawable资源,my_bar.xml

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <!-- 定义轨道背景 -->  
4.     <item android:id="@android:id/background"  
5.           android:drawable="@drawable/grow"/>  
6.     <!-- 定义轨道上已完成部分的外观 -->  
7.     <item android:id="@android:id/progress"  
8.           android:drawable="@drawable/ok"/>  
9. </layer-list>  

再定义另一个资源文件,用来定义imageview的外观,layout_logo.xml

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item>  
4.         <bitmap android:src="@drawable/icon" android:gravity="center"/>  
5.     </item>  
6.     <item android:top="25dp" android:left="25dp">  
7.         <bitmap android:src="@drawable/icon" android:gravity="center"/>  
8.     </item>  
9.     <item android:top="50dp" android:left="50dp">  
10.         <bitmap android:src="@drawable/icon" android:gravity="center"/>  
11.     </item>  
12. </layer-list>  

下面是主界面main.xml

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <SeekBar  
8.         android:id="@+id/seekBar1"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="wrap_content"  
11.         android:max="100"  
12.         android:progressDrawable="@drawable/my_bar"  
13.         style="@android:style/Widget.ProgressBar.Horizontal"  
14.          />  
15.   
16.     <ImageView  
17.         android:id="@+id/imageView1"  
18.         android:layout_width="wrap_content"  
19.         android:layout_height="wrap_content"  
20.         android:src="@drawable/layout_logo" />  
21.   
22. </LinearLayout>  

基本上,我们不费一行代码的功夫,就完成了如下的效果