Android LayerDrawable超详细讲解
1. 前言
Android LayerDrawble 包含一个Drawable数组,系统将会按照这些Drawable对象的数组顺序来绘制他们,索引最大的 Drawable 对象将会被绘制在最上面。
LayerDrawable对象的xml文件的根元素是
layer-list可以进一步扩展对shape和selector的使用,对layer-list可以这样简单的来理解,使用它可以将多个图片叠加起来,可以将用shape和selector实现的效果叠加起来
2. 实例
该控件比较使用比较简单,我们直接通过例子来演示
activity_main.xml ,有三个ImageView 对象:
<?xml version="1.0" encoding="utf-8"?>
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:orientation="vertical"> android:layout_marginTop="10dp" android:layout_width="150dp" android:layout_height="150dp" android:background="@drawable/layer_test" /> android:layout_marginTop="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/layer_icon" /> android:layout_marginTop="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/layer_icon2" />
1. 第一个 ImageView 我们定义好 宽度和高度 150dp, 看看里面的内容:
<?xml version="1.0" encoding="utf-8"?>
说说 item的4个属性,作用同控件中的margin属性
我们定义的ImageView的宽高150dp ,
第一个item 矩形框 在最底层,铺满整个宽高
第二个item为圆形,距离ImageView容器的top bottom left right 边距离为 15dp
注意:圆形定义的
第三个item为矩形,距离ImageView容器的top bottom left right 边距离为 45dp
效果图:
2. 第2个ImageView,不定义宽高,让里面图片去填充显示:
<?xml version="1.0" encoding="utf-8"?>
第一个item为矩形,宽高为 50dp
第二个item也为矩形, 宽高为80dp 那么根据显示规则,后面的item显示在上面,所以整个ImageView的宽高变为 80dp了
第三个item为圆形,通过第一和第二个显示规则,此时的ImageView的宽高为80dp, 然后距离ImageView容器的top bottom left right 边距离15dp 绘制出来
效果图:
3. 第三种,通过层视图显示阴影效果
<?xml version="1.0" encoding="utf-8"?>
android:width="100dp" android:height="20dp">
效果图:
到此这篇关于Android LayerDrawable超详细讲解的文章就介绍到这了,更多相关Android LayerDrawable内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
- .NET Core系列之MemoryCache 初识
- 007手机一键Root(安机网一键Root) v3.0 官方最新版 一键ROOT您的Android手机
- 12306密码被盗了怎么办?12306密码外泄解决方法
- 12个字的qq网名
- 150M迷你型无线路由器怎么设置?
- 192.168.1.1打不开怎么办?路由器192.168.1.1打不开的原因以及解决办法
- 2011年电子报合订本 电子报 编辑部 中文 PDF版 [84M]
- 2015年1月15日小米新旗舰发布会现场图文直播
- 2016.3.1vivo Xplay5新品发布会现场视频直播 优酷直播
- 2016华为P9发布会视频直播地址 4月15日华为P9国行发布会直播