LayerDrawable,系统将会按这些Drawable对象的数组顺序来绘制它们,索引最大的Drawable对象将会被绘制在最上面
定义LayerDrawable对象的XML文件的根元素为<layer-list.../>,该元素可以包含多个<item.../>元素
下面是一个例子,定义一个seekbar和一个imageview
seekbar的效果是拖动的部分和背景部分是两个不同的图片构成
下面定制seekbar的外观,指定一个progressDrawable属性,该属性可改变seekbar的外观
在Res->drawable-mdpi文件夹下定义如下Drawable资源,my_bar.xml
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
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
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>
基本上,我们不费一行代码的功夫,就完成了如下的效果