Android学习之layer-list

最新推荐文章于 2025-05-19 21:04:02 发布
原创 最新推荐文章于 2025-05-19 21:04:02 发布 · 682 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android

本文详细介绍了Android中Layer-List的概念及应用，包括如何利用Layer-List创建特殊Drawable资源，实现单双侧边线、阴影效果及图片层叠等功能。同时探讨了Layer-List在RadioGroup选择器中的扩展使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

layer-list

layer是层，list是列表，那么layer-list是层列表的意思。其实layer-list是用来创建LayerDrawablede，LayerDrawable是DrawableResource的一种，所以layer-list创建出来的是图层列表，也就是一个drawable图形

作用：

layer-list是用来创建图层列表，通过它能创建出一些特殊的drawable。
比如：

下图的AlertDialog中，我们只需要设置button的顶部边线，以及左侧button的右边线，这种时候我们无法直接使用shape，因为直接使用shape绘制出来的是四个边框，如果让美工切图也可以，但是不灵活，而且会增加App的体积。这种情况下，layer-list是最佳选择。
这里写图片描述

原理
layer-list的大致原理类似RelativeLayout（或者FrameLayout），也是一层层的叠加，后添加的会覆盖先添加的。在layer-list中可以通过控制后添加的图层距离最底部图层额上下左右的四个边距等属性，得到不同的效果

上面实例图中，AlertDialog 底部的 ok按钮 的背景就是用layer-list实现的。该layer-list 中，底层使用一个填充色为蓝色 的shape，上层使用一个填充色为白色的shape ，然后控制上层距离最底层的顶部边距为1dp , 这样在视觉上就形成了一个 具有蓝色顶部边线的白色背景。具体代码继续往下看。

例子：
因 layer-list 创建出来的也是 drawable 资源，所以，同 shape selector 一样，都是定义在 res 中的 drawable 文件夹中，也是一个 xml 文件。使用的时候，同shape selector , 布局文件中使用 @drawable/ xxx 引用, 代码中使用 R.drawable.xxx 引用。

layer-list 中不同的图层使用 item 节点来定义。

（1）单一边线：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape>
            <solid android:color="#02a0ef"/>
        </shape>
    </item>

    <item android:top="1dp">
        <shape>
            <solid android:color="#fff"/>
        </shape>
    </item>

</layer-list>


 <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:text="Hello World!"
        android:background="@drawable/singleline"
        android:gravity="center"
        />

效果：
这里写图片描述

（2）双边线：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape>
            <solid android:color="#02a0ef"/>
        </shape>
    </item>

    <item android:top="1dp"
        android:bottom="1dp"
        >
        <shape>
            <solid android:color="#fff"/>
        </shape>
    </item>

</layer-list>

效果：
这里写图片描述

（3）阴影：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--底层的左边距离上层左边3dp, 底层的顶部，距离上层的顶部6dp -->
   <item  android:left="3dp"
          android:top="6dp"
       >
       <shape>
            <solid   android:color="#b4b5b6"/>
       </shape>

   </item>

    <item android:bottom="6dp"
        android:right="3dp"
        >
        <shape>
            <solid android:color="#fff"/>
        </shape>

    </item>


</layer-list>



 <TextView
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:text="Hello World!"
        android:layout_marginTop="10dp"
        android:background="@drawable/yinying"
        android:gravity="center"

效果：
这里写图片描述

（4）图片层叠：
图片层叠的时候，有两种效果，一种是缩放后层叠，一种是不缩放的层叠。默认是缩放效果
1.带缩放的：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <bitmap android:src="@drawable/angrybirds"/>
    </item>
    <item android:left="35dp"
        android:top="35dp">
        <bitmap android:src="@drawable/angrybirds"/>

    </item>

    <item android:left="70dp"
        android:top="70dp"
        >

        <bitmap android:src="@drawable/angrybirds"/>
    </item>

</layer-list>

或者：
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--这种方式拿到的是带有缩放的效果，即便给item 设置了gravity 并且从模拟器上看到的效果是不缩放的，但是真机上依旧是缩放的效果-->
    <item>
        <bitmap android:src="@drawable/angrybirds"/>
    </item>
    <item android:left="35dp"
        android:top="35dp">
        <bitmap android:src="@drawable/angrybirds"/>

    </item>

    <item android:left="70dp"
        android:top="70dp"
        >

        <bitmap android:src="@drawable/angrybirds"/>
    </item>

</layer-list>


 <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/suofang2"
        />

效果：
这里写图片描述

2.不带缩放的：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap android:src="@drawable/angrybirds"
            android:gravity="center"
            />

    </item>

    <item  android:left="35dp"
        android:top="35dp"
        >
        <bitmap android:src="@drawable/angrybirds"
            android:gravity="center"
            />

    </item>

    <item android:left="70dp"
        android:top="70dp">
        <bitmap android:src="@drawable/angrybirds"
            android:gravity="center"
            />

    </item>

</layer-list>

效果：
这里写图片描述

注意：
A. 不缩放的时候，必须在 item 节点中使用 bitmap 节点，并给 bitmap 设置 gravity=center ;
B. 虽然在实现缩放效果的时候，可以直接使用 item 中的 drawable属性，但实现不缩放的效果时，如果还用drawable 属性，即便给item 设置了gravity =center ，在真机上的效果依旧是缩放的。（但模拟器是不缩放的）

（5）叠加旋转：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate android:fromDegrees="-20"
            android:pivotX="0"
            android:pivotY="0">
            <bitmap android:src="@drawable/kapian"/>
        </rotate>

    </item>

    <item>
        <rotate android:fromDegrees="20"
            android:pivotY="0"
            android:pivotX="0">

            <bitmap android:src="@drawable/kapian"/>
        </rotate>

    </item>

    <item>
        <rotate
            android:fromDegrees="40"
            android:pivotX="0"
            android:pivotY="0"
            >
            <bitmap android:src="@drawable/kapian"/>
        </rotate>
    </item>

</layer-list>

效果：
这里写图片描述

旋转的时候，只需要给出 起始的角度（ fromdegress ）即可。

layer-list的扩展使用

现实选择器的效果：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_checked="true">
        <layer-list>
            <item>
                <shape>
                    <solid android:color="#f00"/>
                </shape>
            </item>
            <item android:bottom="4dp">
            <shape>
                <solid android:color="#fff"/>
            </shape>
            </item>
        </layer-list>
    </item>

    <item>
        <layer-list>
            <item>
                <shape>
                    <solid android:color="#f00"/>
                </shape>
            </item>
            <item android:bottom="2dp">
                <shape>
                    <solid android:color="#fff"/>
                </shape>
            </item>
        </layer-list>
    </item>

</selector>



 <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:id="@+id/rg"
        >
        <RadioButton
            android:layout_width="0dp"
            android:id="@+id/rg1"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/selcet"
            android:checked="true"
            android:gravity="center"
            android:padding="10dp"
            android:text="第一个"
            android:button="@null"
            />
        <RadioButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/rg2"
            android:layout_weight="1"
            android:background="@drawable/selcet"
            android:checked="true"
            android:gravity="center"
            android:padding="10dp"
            android:text="第二个"
            android:button="@null"
            />
        <RadioButton
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/rg3"
            android:background="@drawable/selcet"
            android:checked="true"
            android:gravity="center"
            android:padding="10dp"
            android:text="第三个"
            android:button="@null"
            />

    </RadioGroup>

效果:
这里写图片描述

注意：
在 RadioGroup 中，是通过 RadioButton 的 id 来控制是否选中。
所以，如果需要设置某一个 RadioButton 为默认选中，就必须给该 RadioButton 设置 id ；
如果不设置 id ，导致的结果就是该 RadioButton 会一直处于选中状态！！！

Android 自定义控件canvas- Layer图层
码蛋蛋
08-21 1983
Android layer图层是什么？从字面上看android中的layer就是图层的意思，一般用于android中自定义控件的绘制中。从字面上意思看很像photoshop中的图层概念，也就是说大于1张图层以上重叠的图层组，从而可以创建一个复杂的图层，photoshop里面一张漂亮的画都是由多张图层来完成的。在android中layer是跟canvs配合使用，创建一个图层可以使用canvas.sav
Android中layer-list基本使用详解
01-20
在Android开发中，`layer-list` 是一个非常实用的资源类型，它允许开发者将多个 `Drawable` 对象组合成一个单一的图形，并按照指定的顺序进行叠加。这在创建复杂的自定义视图背景或者需要分层展示效果时非常有用。...
Android layer-list（1）
Zhang Phil
06-20 1656
 Android layer-list（1） Android layer-list，顾名思义，实现列表组合后形成的图层，写一个例子。 activity_main.xml文件： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schema
代码写 layerlist
最新发布
chuyouyinghe的专栏
05-19 90
LayerList是Android开发中一种强大的资源类型，允许在单一drawable资源内叠加多个图形，适用于创建复合背景或图标。使用步骤包括在XML中定义LayerList，通过<layer-list>标签嵌套<item>元素来指定各层图形及其属性，如颜色、形状和偏移量。此外，也可以在代码中动态创建LayerList，使用LayerDrawable类并设置各层的边界和大小。使用LayerList时需注意资源ID的正确性、性能优化（避免层数过多）以及API兼容性。通过合理使用LayerList，开发者可以
Android当中layer-list使用
12-30 620
http://blog.csdn.net/xiaochun91103/article/details/7438471 最近的项目中需要用到多个图层堆叠到一块儿，就研究了一下android中的layer-list。android中的layer-list就是用来多个图层堆叠显示的。 在drawable文件夹下创建一个xml文件。比如：background.xml xmlns:android=
Android-Layer list
adlc17416的博客
07-25 166
Android-Layer list 学习自： KEEGAN小钢 原文链接 : (https://keeganlee.me/post/android/20150909) 使用layer-list 可以将多个 drawable 按照顺序层叠在一起显示。 1.我们可以通过 layer-list 和 selector 来实现下图效果 该图通过使用一个红色背景层和一个白色背景层实现，白色背...
Android开发layer-list
聪哥的专栏
03-22 431
它的用处可以在drawable上进行多图拼接，比如启动页，不想图片被拉伸就这么做。还有做某些线突出来。
Android Layer-list编写实战（代码）
03-16
摘要:Java源码,Android,Android源码　Android Layer-list编写实战（代码），从一个Android编程实例包中摘出来的代码，层列表的运用Demo，同样是面向Android新手，有兴趣的请下载源码吧。
Android样式的开发:layer-list实例详解
01-04
上图Tab的背景效果，和带阴影的圆角矩形，是怎么实现的呢？大部分的人会让美工切图，用点九图做背景。但是，如果只提供一张图，会怎么样呢...如果去查看android的res源码资源，也会发现，像这种Tab的背景点九图，也根据
Android layer-list
windownew11的专栏
07-21 684
layer-list可以将多个图片按照顺序层叠起来。 首先创建一个drawalbe/login_head.xml的文件，内容如下： xml version="1.0" encoding="UTF-8"?>  layer-list    xmlns:android="http://schemas.android.com/apk/res/android">      item androi
android中layer-list标签
Widsom的博客
10-31 3470
android中layer-list标签layer-list是一个层级嵌套的标签，可以嵌套多个item标签。在item中可以嵌套多种类型的标签，如shape，bitmap,color等，这些标签对应的都是Drawable的子类。item标签有width,height,gravity,left,right,bottom,top…属性，控制item中子标签显示的位置。item的子标签和对应的Drawab
layer-list -- layer-list的基本使用介绍
热门推荐
CnPeng
12-06 3万+
1. layer-list 是啥？有啥作用？点击查看 安卓官方开发指南中关于layerlsit的说明(1). layer-list 是啥？简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource 的一种，
android layer-list
weixin_41722852的博客
07-01 840
文章目录layer-list 简介创建layer-list例子0.明确目标1.在drawable文件夹创建xml2.创建layer-list3.创建itemitem中的其他属性item本身的属性 layer-list 简介 简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。图层顺序由上到下依次覆盖,一个图层就创建一个item 创建layer-list例子 0.明确目标 我们要创建一个APP闪屏的背景,效果大概是这样 1.在drawable文件夹创建xml 2.
Android layer-list
YingheNi的博客
07-08 340
layer-list 作用：将多个图片或效果按照item编写顺序叠加（写在最下面的item会覆盖在最上面）   一、使用图片 bitmap android:src=”@drawable/img1”//引入图像 android:gravity=”center”//图像位置 /> android:top=”10dp” android:left=”10dp” an
Android图形层叠 – Layer-list
zqilli的博客
01-12 7059
1 概述 1.1 编写目的 学习Android图形层叠layer-list相关的知识，记录下来，方便后续学习及查询。 2 Layer-list图形 Android上layer-list有layer-list和item两种属性，其中layer-list为一级属性，item为子属性。基本结构如下图： 2.1 Layer-list属性 Layer-list共包含以下属性：
android 图层妙用之 layer-list的基本使用介绍
weixin_42602900的博客
09-18 7591
1. layer-list 是啥？有啥作用？ 点击查看 安卓官方开发指南中关于layerlsit的说明 (1). layer-list 是啥？ 简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource 的一种， 所以，layer-list 创建出来的是 图层列表，也就是一个drawable 图形。 (2).
Android layer-list 使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
10-12 827
在了解layer-list 之前需要知道shape 如果不清楚可以看shape 介绍 shape 画的背景图 都是单一的一个，有时候遇到二个的，这个时候就需要使用layer-list layer-list 里面的各个item 都是重叠的，我们可以使用left ，right ，top，bottom 使得重叠错开， 下面呢先画一个多圆环重叠的图像 代码如下 <?xml ve...
Android资源六：层列表layer-list
zk的博客
04-23 565
参考：https://blog.csdn.net/north1989/article/details/53485729 layer-list简介： 简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource...
Android中的标签layer-list
王伟的博客
05-09 857
layer-list 的大致原理类似 RelativeLayout（或者FrameLayout） ，也是一层层的叠加 ，后添加的会覆盖先添加的。在 layer-list 中可以通过 控制后添加图层距离最底部图层的 左上右下的四个边距等属性，得到不同的显示效果。 因 layer-list 创建出来的也是 drawable 资源，所以，同 shape selector 一样，都是定义在 res 中的 ...
Android源码学习：深入Layer-list实践
资源摘要信息:"应用源码之Layer-listSample.zip是一个包含Android平台上的Layer-list样例代码的压缩包文件，适用于那些希望深入了解Android开发和层叠列表（Layer-list）实现的开发者。此资源为学习目的而提供，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值