手机版
你好,游客 登录 注册
背景:
阅读新闻

Android教程:LayerDrawable层叠样式layer-list

[日期:2012-05-06] 来源:Linux社区  作者:Linux [字体: ]
layer-list可以将多个图片按照顺序层叠起来。
语法:在drawalbe/drawable-layer.xml中
  1. <layer-list xmlns:Android="http://schemas.android.com/apk/res/android">   
  2.     <item android:drawable="@android:color/white" />   
  3.     <item android:drawable="@drawable/logo_overlay" />   
  4. </layer-list>  
 
  1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  2.     <item android:drawable="@android:color/white" />  
  3.     <item android:drawable="@drawable/logo_overlay" />  
  4. </layer-list>  
使用方式像其他图片一样:
如在样式中引用:
  1. <resources>   
  2.     <style name="LookupTheme" parent="@android:style/Theme.Light.NoTitleBar">   
  3.         <item name="android:windowBackground">@drawable/drawable-layer</item>   
  4.     </style>   
  5. </resources>  
 
  1. <resources>  
  2.     <style name="LookupTheme" parent="@android:style/Theme.Light.NoTitleBar">  
  3.         <item name="android:windowBackground">@drawable/drawable-layer</item>  
  4.     </style>  
  5. </resources>  
Java代码中引用:
((ImageView) findViewById(R.id.imageview)).setImageDrawable(getResources().getDrawable(R.drawable.drawable-layer)

在代码中实现:
  1. Resources resources = getResources();    
  2. Drawable[] layers = new Drawable[2];    
  3. layers[0] = r.getDrawable(R.drawable.white);    
  4. layers[1] = r.getDrawable(R.drawable.logo_overlay);    
  5. LayerDrawable layerDrawable = new LayerDrawable(layers)   
  6. ((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);   
 
  1. Resources resources = getResources();   
  2. Drawable[] layers = new Drawable[2];   
  3. layers[0] = r.getDrawable(R.drawable.white);   
  4. layers[1] = r.getDrawable(R.drawable.logo_overlay);   
  5. LayerDrawable layerDrawable = new LayerDrawable(layers)  
  6. ((ImageView) findViewById(R.id.imageview)).setImageDrawable(layerDrawable);   

再举一个例子:
要用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>  
 
  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中显示:
<ImageView android:id="@+id/faceImg" 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相关信息见Android 专题页面 http://www.linuxidc.com/topicnews.aspx?tid=11

linux
相关资讯       Android编程入门 
本文评论   查看全部评论 (1)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 1 楼
* 客栈 发表于 2012/8/18 10:55:39
很好