Android Drawable Resource学习(四)、LayerDrawable

一、创建LayerDrawable和使用

一个LayerDrawable是一个可以管理一组drawable对象的drawable。在LayerDrawable的drawable资源按照列表的顺序绘制,列表的最后一个drawable绘制在最上层。

它所包含的一组drawable资源用多个元素表示,一个元素代表一个drawable资源。

文件位置:
res/drawable/filename.xml
文件名最为资源ID
编译数据类型:
指向LayerDrawable的指针
资源引用
In Java:  R.drawable.filename
In XML:  @[package:]drawable/filename

语法:

[java]  view plain copy
  1. "1.0" encoding="utf-8"?>  
  2.     xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.     
  4.         android:drawable="@[package:]drawable/drawable_resource"  
  5.         android:id="@[+][package:]id/resource_name"  
  6.         android:top="dimension"  
  7.         android:right="dimension"  
  8.         android:bottom="dimension"  
  9.         android:left="dimension" />  
  10.   

元素:
必须的。 并且要作为根节点。 包含一个或者多个元素

属性:

xmlns:android
字符串。  必须的。 定义xml文件的命名空间,必须是  "http://schemas.android.com/apk/res/android"
定义一个drawable放置在layer drawable中,具体的位置有它的。 必须是的子元素(这个不太理解)。可接受做为子元素

属性:

android:drawable
Drawable资源。必须的。引用的drawable资源
android:id
资源ID。一个为这个item定义的唯一的资源ID。 使用:"@+id/name".这样的方式。可以检索或修改这个drawable通过下面的方式: View.findViewById() or Activity.findViewById().
android:top
Integer。与top的距离,单位像素
android:right
Integer。与right的距离,单位像素
android:bottom
Integer。与bottom的距离,单位像素
android:left

Integer。与left的距离,单位像素

在默认的情况下,所有的drawable item都会缩放到合适的大小来适应视图。因此,在一个layer-list中定义不同的位置可能会增加视图的尺寸和被自动缩放。为了避免被缩放,可以再节点里加上元素来指定一个drawable,并且定义一些不会被拉伸的gravity属性,例如center。
举个例子,下面在item里面定义一个drawable,图片就会自动缩放以适应视图的大小。
 android:drawable="@drawable/image" />
为了避免缩放,可以使用的子元素来指定drawable资源

   android:src="@drawable/image"
          android:gravity="center" />

例子:在xml文件中定义layerDrawable,然后使用



    
    
    
    
    
    


    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/layers" />

在代码中定义然后使用

[java]  view plain copy
  1. @Override  
  2.     public void onCreate(Bundle savedInstanceState) {  
  3.         super.onCreate(savedInstanceState);  
  4.         setContentView(R.layout.activity_main);  
  5.         Bitmap bitmap=BitmapFactory.decodeResource(getResources(), R.drawable.black_lotus);  
  6.         Drawable[] drawables=new Drawable[3];  
  7. //        drawables[0]=new PaintDrawable(Color.BLACK);  
  8. //        drawables[1]=new PaintDrawable(Color.BLUE);  
  9.         drawables[0]=new BitmapDrawable(bitmap);  
  10.         drawables[1]=new BitmapDrawable(bitmap);  
  11.         drawables[2]=new BitmapDrawable(bitmap);  
  12.         LayerDrawable layer=new LayerDrawable(drawables);  
  13.         layer.setLayerInset(0202000);  
  14.         layer.setLayerInset(1404000);  
  15.         layer.setLayerInset(2606000);  
  16.         ImageView imageView=(ImageView)findViewById(R.id.imgView);  
  17.         imageView.setImageDrawable(layer);  
  18.     }  
[java]  view plain copy
  1.         android:id="@+id/imgView"  
  2.         android:layout_width="wrap_content"  
  3.         android:layout_height="wrap_content"/>  


再举一个例子: 
要用2张图片叠加起来,看上去形成一张图片 

 

首先创建一个drawalbe/login_head.xml的文件,内容如下:

  1. xml version="1.0" encoding="UTF-8"?>  
  2. <layer-list  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     <item android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />  
  5.     <item android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />  
  6. layer-list>  

然后就可以使用这个组合的图片了,比如在ImageView中显示: 
android:background="@drawable/login_head" 
android:layout_width="wrap_content" android:layout_height="wrap_content" /> 

使用java代码: 
如何使多个Drawable叠加(合成图片)? 
大家可能知道Bitmap的叠加处理在Android平台中可以通过Canvas一层一层的画就行了,而Drawable中如何处理呢? 除了使用BitmapDrawable的getBitmap方法将Drawable转换为Bitmap外,今天Android123给大家说下好用简单的LayerDrawable类,LayerDrawable顾名思义就是层图形对象。下面直接用一个简单的代码表示: 

 
  1. Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);     
  2.     Drawable[] array = new Drawable[3];     
  3.      array[0] = new PaintDrawable(Color.BLACK); //黑色     
  4.      array[1] = new PaintDrawable(Color.WHITE); //白色        
  5.      array[2] = new BitmapDrawable(bm); //位图资源             
  6.     LayerDrawable ld = new LayerDrawable(array); //参数为上面的Drawable数组     
  7.     ld.setLayerInset(11111);  //第一个参数1代表数组的第二个元素,为白色     
  8.     ld.setLayerInset(22222); //第一个参数2代表数组的第三个元素,为位图资源     
  9.     mImageView.setImageDrawable(ld);   
 
  1. Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.cwj);    
  2.     Drawable[] array = new Drawable[3];    
  3.      array[0] = new PaintDrawable(Color.BLACK); //黑色     
  4.      array[1] = new PaintDrawable(Color.WHITE); //白色        
  5.      array[2] = new BitmapDrawable(bm); //位图资源             
  6.     LayerDrawable ld = new LayerDrawable(array); //参数为上面的Drawable数组     
  7.     ld.setLayerInset(11111);  //第一个参数1代表数组的第二个元素,为白色     
  8.     ld.setLayerInset(22222); //第一个参数2代表数组的第三个元素,为位图资源     
  9.     mImageView.setImageDrawable(ld);   

上面的方法中LayerDrawable是关键,Android开发网提示setLayerInset方法原型为public void setLayerInset (int index, int l, int t, int r, int b) 其中第一个参数为层的索引号,后面的四个参数分别为left、top、right和bottom。对于简单的图片合成我们可以将第一和第二层的PaintDrawable换成BitmapDrawable即可实现简单的图片合成。


你可能感兴趣的:(android应用)