Android 使用<layer-list>实现微信聊天输入框功能_网络技术

Android 使用<layer-list>实现微信聊天输入框功能

发布时间 - 2026-01-11 00:59:49 点击率：次

LayerDrawable

<layer-list> 标签可是设置LayerDrawable，一种有层次的Drawable叠加效果，<layer-list> 可以包含多个 <item>标签，

每个 <item>代表一个Drawable。<item>可以通过left、right、top、bottom设置左右上下的偏移量，<item>可以应用一个图片，也可以是一个shape

我们来模仿实现微信的聊天输入框：

先设置绿色的背景：

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
   <shape android:shape="rectangle">
    <solid android:color="@android:color/holo_green_light" />
   </shape>
  </item>
 </layer-list>

再叠加一层白色，留出侧面绿色线条的高度：

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
   <shape android:shape="rectangle">
    <solid android:color="@android:color/holo_green_light" />
   </shape>
  </item>
  <item android:bottom="8dp">
   <shape android:shape="rectangle">
    <solid android:color="@android:color/white" />
   </shape>
  </item>
 </layer-list>

再铺上一层白色，覆盖已经设置好的背景，留出底部和侧面的线条，中间的一层其实就是为了留出两边的绿色线框的高度：

<?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
   <shape android:shape="rectangle">
    <solid android:color="@android:color/holo_green_light" />
   </shape>
  </item>
  <item android:bottom="8dp">
   <shape android:shape="rectangle">
    <solid android:color="@android:color/white" />
   </shape>
  </item>
  <item
   android:bottom="1dp"
   android:left="1dp"
   android:right="1dp"
   android:shape="rectangle">
   <shape>
    <solid android:color="@android:color/white" />
   </shape>
  </item>
 </layer-list>

以上所述是小编给大家介绍的Android 使用<layer-list>实现微信聊天输入框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android # layer-list # 输入框 # Android实现微信右侧顶部下拉对话框 # Android仿微信和QQ多图合并框架（类似群头像）的实现方法 # android仿支付宝、微信密码输入框效果 # Android 类似微信登录输入框效果 # Android 仿微信朋友圈点赞和评论弹出框功能 # Android仿QQ、微信聊天界面长按提示框效果 # Android中自定义对话框(Dialog)的实例代码 # Android实现点击AlertDialog上按钮时不关闭对话框的方法 # Android中AlertDialog各种对话框的用法实例详解 # Android开发实现模仿微信小窗口功能【Dialog对话框风格窗口】 # 小编 # 是一个 # 多个 # 在此 # 可以通过 # 给大家 # 所述 # 给我留言 # 感谢大家 # 上一层 # 疑问请 # 有任何 # 偏移量 # bottom # shape # brush # java # class # br

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：解析初级建站主机：共享主机与VPS主机有何区别？

下一篇：使用 DeepSeek 生成符合工业标准的 API 文档

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：解析初级建站主机：共享主机与VPS主机有何区别？

下一篇：使用 DeepSeek 生成符合工业标准的 API 文档

Android 使用&lt;layer-list&gt;实现微信聊天输入框功能

Android 使用<layer-list>实现微信聊天输入框功能