0

0

Android的drawable xml中layer-list怎么用 图层叠加

月夜之吻

月夜之吻

发布时间:2025-12-16 09:34:03

|

385人浏览过

|

来源于php中文网

原创

layer-list 是 android 中用于 xml 图层叠加的 drawable 容器,按声明顺序从下到上堆叠,支持 shape、color、bitmap 等类型,可通过 android:top/bottom/left/right 偏移和 gravity 精确定位各层,常用于圆角边框、角标、轻量阴影等场景。

android的drawable xml中layer-list怎么用 图层叠加

Android 的 layer-list 是一种在 XML 中实现图层叠加的简单而强大的方式,常用于组合多个 drawable(如颜色、形状、图片)来构建复杂 UI 元素,比如带边框的圆角背景、带阴影的按钮、状态指示器等。

layer-list 基本结构和原理

layer-list 本质是一个“从下到上”的堆叠容器:XML 中靠前的 item 在底层,靠后的 item 在顶层(类似 PS 的图层顺序)。每个 <item></item> 可以是 shapecolorbitmapselector 等任意 drawable 类型。

所有 item 默认铺满整个容器尺寸;可通过 android:topandroid:bottomandroid:leftandroid:right 设置偏移,实现错位或留白效果。

常见用法示例

1. 圆角背景 + 边框(最常用)

用两个 shape:底层是填充色(带圆角),上层是描边(同圆角,但 stroke 宽度 + 小尺寸偏移模拟“内边框”):

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <!-- 底层:灰色填充 -->
  <item>
    <shape android:shape="rectangle">
      <solid android:color="#E0E0E0" />
      <corners android:radius="8dp" />
    </shape>
  </item>
<p><!-- 上层:白色描边(向内缩进1dp,形成内边框效果)-->
<item android:top="1dp" android:bottom="1dp" 
android:left="1dp" android:right="1dp">
<shape android:shape="rectangle">
<solid android:color="#FFFFFF" />
<corners android:radius="7dp" />
</shape>
</item>
</layer-list>

2. 图标 + 角标(Badge)

把一张图标(bitmap)和一个红色圆形(shape)叠加,用 android:gravityandroid:top/right 定位角标:

FineVoice语音克隆
FineVoice语音克隆

免费在线语音克隆,1 分钟克隆你的声音,保留口音和所有细微差别。

下载
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <!-- 主图标 -->
  <item android:drawable="@drawable/ic_notification" />
<p><!-- 红色角标 -->
<item android:gravity="top|end" 
android:top="4dp" android:right="4dp">
<shape android:shape="oval">
<solid android:color="#FF5252" />
<size android:width="16dp" android:height="16dp" />
</shape>
</item>
</layer-list>

3. 模拟阴影(轻量级)

用深色矩形偏移后置于底层,再叠加主内容,适合静态控件(注意:不如 elevation 或 MaterialCardView 灵活):

  • 底层:黑色半透明矩形,向右下偏移
  • 中层:稍浅的灰色矩形(进一步模糊感,可选)
  • 顶层:实际内容(如白色圆角背景)

关键细节和注意事项

尺寸控制要统一:如果 layer-list 用作 View 背景,最终尺寸由最外层 item 决定(或由 View 自身宽高约束)。建议显式设置 <size></size> 或用 android:width/height 配合 android:gravity 精确布局。

gravity 影响定位逻辑:当 item 内部 drawable 尺寸小于容器时,android:gravity 控制其对齐方式(如 centerbottom|end),配合 top/bottom/left/right 可微调位置。

支持状态切换:可以把整个 layer-list 放进 selector 的不同 state 中,实现按压/禁用等视觉反馈(例如按压时改变某一层的颜色)。

调试小技巧

开发时可临时给每层加不同纯色(如 #FF0000、#00FF00、#0000FF),快速验证图层顺序和偏移是否符合预期。上线前再换回真实样式。

基本上就这些 —— 不复杂但容易忽略偏移和 gravity 的组合效果。多试几次,就能熟练做出各种实用复合背景。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1927

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2103

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1121

2024.11.28

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

416

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

588

2023.08.10

android开发三大框架
android开发三大框架

android开发三大框架是XUtil框架、volley框架、ImageLoader框架。本专题为大家提供android开发三大框架相关的各种文章、以及下载和课程。

312

2023.08.14

android是什么系统
android是什么系统

Android是一种功能强大、灵活可定制、应用丰富、多任务处理能力强、兼容性好、网络连接能力强的操作系统。本专题为大家提供android相关的文章、下载、课程内容,供大家免费下载体验。

1790

2023.08.22

android权限限制怎么解开
android权限限制怎么解开

android权限限制可以使用Root权限、第三方权限管理应用程序、ADB命令和Xposed框架解开。详细介绍:1、Root权限,通过获取Root权限,用户可以解锁所有权限,并对系统进行自定义和修改;2、第三方权限管理应用程序,用户可以轻松地控制和管理应用程序的权限;3、ADB命令,用户可以在设备上执行各种操作,包括解锁权限;4、Xposed框架,用户可以在不修改系统文件的情况下修改应用程序的行为和权限。

2081

2023.09.19

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

76

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 17.2万人学习

Java 教程
Java 教程

共578课时 | 65.5万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号