LayerDrawable层叠样式layer-list

简介:

原文:http://gundumw100.iteye.com/blog/896923

layer-list可以将多个图片按照顺序层叠起来。 
语法:在drawalbe/drawable-layer.xml中 

Java代码   收藏代码
  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>  

使用方式像其他图片一样: 
如在样式中引用: 
Java代码   收藏代码
  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) 

在代码中实现: 
Java代码   收藏代码
  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的文件,内容如下: 
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中显示: 
<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顾名思义就是层图形对象。下面直接用一个简单的代码表示: 

Java代码   收藏代码
  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即可实现简单的图片合成。

相关文章
|
网络协议 Linux iOS开发
推荐:实现RTSP/RTMP/HLS/HTTP协议的轻量级流媒体框架,支持大并发连接请求
推荐:实现RTSP/RTMP/HLS/HTTP协议的轻量级流媒体框架,支持大并发连接请求
689 1
mix-blend-mode 利用混合模式让文字智能适配背景颜色
这篇文章介绍了CSS3属性mix-blend-mode的使用方法,该属性能够实现文字智能适配背景颜色的效果,其中包括文字镂空效果。文章详细解释了该属性的混合模式计算方式以及各种属性值的效果。
328 0
mix-blend-mode 利用混合模式让文字智能适配背景颜色
|
自然语言处理 测试技术 计算机视觉
OpenVI-感知理解系列之GAP骨骼点动作识别 ICCV23顶会论文深入解读
本文介绍了ICCV23中稿论文 GAP: Generative Action Description Prompts for Skeleton-based Action Recognition
1698 2
|
9天前
|
缓存 安全 API
android studio Gradle 打包任务配置
本文详解Android Studio中AGP自动生成的Gradle打包任务机制,涵盖`build.gradle`核心配置:签名管理、多渠道构建、APK/AAB输出命名,以及CI/CD集成技巧。系统梳理打包流程,提供安全、高效、可追溯的发布实践方案。(238字)
186 0
|
存储 JavaScript 开发者
探索鸿蒙新世界:ArkUI框架实战指南,解锁HarmonyOS应用UI设计的无限可能!
【10月更文挑战第19天】ArkUI框架是华为鸿蒙系统中用于开发用户界面的核心工具,支持ArkTS和eTS两种开发语言。本文介绍了ArkUI的基本概念、组件使用、布局管理和状态管理,通过示例代码帮助开发者轻松构建美观、高效的跨设备UI。
1055 3
|
前端开发 JavaScript 安全
Promise/A+ 规范详解:打造健壮异步代码的必备知识(上)
Promise/A+ 规范详解:打造健壮异步代码的必备知识(上)
Promise/A+ 规范详解:打造健壮异步代码的必备知识(上)
|
消息中间件 物联网 关系型数据库
MQTT常见问题之消息对列mqtt的历史数据查看失败如何解决
MQTT(Message Queuing Telemetry Transport)是一个轻量级的、基于发布/订阅模式的消息协议,广泛用于物联网(IoT)中设备间的通信。以下是MQTT使用过程中可能遇到的一些常见问题及其答案的汇总:
|
Android开发
android毛玻璃效果
android毛玻璃效果
382 0
|
域名解析 网络协议 网络安全
网络 | 排错五大步骤,没有解决不了的网络故障准达信息准达信息
网络 | 排错五大步骤,没有解决不了的网络故障准达信息准达信息
571 0
|
前端开发 API Android开发
Android侧滑踩坑记(仿IOS侧滑finish页面基于Slidr库)
Android侧滑踩坑记(仿IOS侧滑finish页面基于Slidr库)
773 0