初学Android 使用Drawable资源之使用LayerDrawable资源十四

最新推荐文章于 2025-04-20 14:53:54 发布

原创最新推荐文章于 2025-04-20 14:53:54 发布 · 436 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了Android中LayerDrawable的使用，它按照Drawable对象的数组顺序进行绘制，索引最高的在最上层。通过实例展示了如何定义LayerDrawable XML文件，并应用于SeekBar的进度条外观定制，从而改变Seekbar的视觉效果。

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

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

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

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

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

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

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

<?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

<?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

<?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>