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

 更新时间:2017年05月05日 15:54:43   作者:vincent1245637641  
<layer-list> 标签可以设置LayerDrawable,一种有层次的Drawable叠加效果,<layer-list> 可以包含多个 <item>标签。这篇文章主要介绍了Android 使用<layer-list>实现微信聊天输入框,需要的朋友可以参考下

 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>实现微信聊天输入框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • flutter 怎么实现app整体灰色效果

    flutter 怎么实现app整体灰色效果

    Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。这篇文章给大家介绍flutter 怎么实现app整体灰色效果,感兴趣的朋友一起看看吧
    2020-04-04
  • Android开发graphics bufferqueue整体流程

    Android开发graphics bufferqueue整体流程

    这篇文章主要为大家介绍了Android开发graphics bufferqueue整体流程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 使用科大讯飞语音SDK实现文字在线合成语音

    使用科大讯飞语音SDK实现文字在线合成语音

    这篇文章主要介绍了使用科大讯飞语音SDK实现文字在线合成语音 的相关资料,需要的朋友可以参考下
    2015-12-12
  • Android实现录音方法(仿微信语音、麦克风录音、发送语音、解决5.0以上BUG)

    Android实现录音方法(仿微信语音、麦克风录音、发送语音、解决5.0以上BUG)

    大家平时在使用微信qq聊天时经常会发送语音功能,今天小编给大家带来了基于android实现录音的方法仿微信语音、麦克风录音、发送语音、解决5.0以上BUG,需要的朋友参考下吧
    2018-04-04
  • Android函数抽取壳的实现代码

    Android函数抽取壳的实现代码

    很早之前就想写这类的壳,最近终于把它做出来了,取名为dpt,下面把代码分享出来,对Android函数抽取壳的实现代码感兴趣的朋友一起看看吧
    2022-01-01
  • Android 菜单栏DIY实现效果详解

    Android 菜单栏DIY实现效果详解

    这篇文章主要为大家介绍了Android 菜单栏DIY实现效果详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Android中SoundPool的使用步骤实例

    Android中SoundPool的使用步骤实例

    今天小编就为大家分享一篇关于Android中SoundPool的使用步骤实例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • 关于Android 6.0权限的动态适配详解

    关于Android 6.0权限的动态适配详解

    Android 6.0版本(Api 23)推出了很多新的特性, 大幅提升了用户体验, 同时也为程序员带来新的负担. 动态权限管理就是这样, 一方面让用户更加容易的控制自己的隐私, 一方面需要重新适配应用权限,本文介绍了关于Android 6.0权限动态适配的相关资料,需要的朋友可以参考下。
    2017-11-11
  • Android Jetpack架构中ViewModel接口暴露的不合理探究

    Android Jetpack架构中ViewModel接口暴露的不合理探究

    这篇文章主要介绍了Android Jetpack架构组件 ViewModel详解,ViewModel类让数据可在发生屏幕旋转等配置更改后继续存在,ViewModel类旨在以注重生命周期的方式存储和管理界面相关的数据。感兴趣可以来学习一下
    2022-07-07
  • 月下载量上千次Android实现二维码生成器app源码分享

    月下载量上千次Android实现二维码生成器app源码分享

    既然是二维码生成器那么我们如何制作二维码呢?这篇文章为大家分享了月下载量上千次Android实现二维码生成器app源码,希望大家喜欢
    2015-12-12

最新评论