LayerDrawable,系统将会按这些Drawable对象的数组顺序来绘制它们,索引最大的Drawable对象将会被绘制在最上面
根元素：<layer-list…/>
子元素：<item…/>
下面是一个例子,定义一个seekbar和一个imageview.seekbar的效果是拖动的部分和背景部分是两个不同的图片构成下面定制seekbar的外观,指定一个progressDrawable属性,该属性可改变seekbar的外观
在Res->drawable-mdpi文件夹下定义如下Drawable资源,my_bar.xml
1
2
3
4
5
6
7
8
9
| <?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/grow"/>
<!-- 定义轨道上已完成部分的外观 -->
<item android:id="@android:id/progress"
android:drawable="@drawable/ok"/>
</layer-list>
|
再定义另一个资源文件,用来定义imageview的外观,layout_logo.xml
1
2
3
4
5
6
7
8
9
10
11
12
| <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<bitmap android:src="@drawable/icon" android:gravity="center"/>
</item>
<item android:top="25dp" android:left="25dp">
<bitmap android:src="@drawable/icon" android:gravity="center"/>
</item>
<item android:top="50dp" android:left="50dp">
<bitmap android:src="@drawable/icon" android:gravity="center"/>
</item>
</layer-list>
|
下面是主界面main.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<SeekBar
android:id="@+id/seekBar1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:max="100"
android:progressDrawable="@drawable/my_bar"
style="@android:style/Widget.ProgressBar.Horizontal"
/>
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/layout_logo" />
</LinearLayout>
|
基本上,我们不费一行代码的功夫,就完成了如下的效果
注意：
在item里面定义一个drawable，图片就会自动缩放以适应视图的大小
1
| <item android:drawable="@drawable/image" />
|
为了避免缩放，可以使用的子元素来指定drawable资源
1
2
3
4
| <item>
<bitmap android:src="@drawable/image"
android:gravity="center" />
</item>
|
上一篇：Canvas与Paint的基本使用
下一篇：ShapeDrawable
