快捷導(dǎo)航

Android 使用<layer-list>實(shí)現(xiàn)微信聊天輸入框功能

更新時(shí)間：2017年05月05日 15:54:43 作者：vincent1245637641

<layer-list> 標(biāo)簽可以設(shè)置LayerDrawable，一種有層次的Drawable疊加效果，<layer-list> 可以包含多個(gè) <item>標(biāo)簽。這篇文章主要介紹了Android 使用<layer-list>實(shí)現(xiàn)微信聊天輸入框,需要的朋友可以參考下

LayerDrawable

<layer-list> 標(biāo)簽可是設(shè)置LayerDrawable，一種有層次的Drawable疊加效果，<layer-list> 可以包含多個(gè) <item>標(biāo)簽，

每個(gè) <item>代表一個(gè)Drawable。<item>可以通過(guò)left、right、top、bottom設(shè)置左右上下的偏移量，<item>可以應(yīng)用一個(gè)圖片，也可以是一個(gè)shape

我們來(lái)模仿實(shí)現(xiàn)微信的聊天輸入框：

先設(shè)置綠色的背景：

 <?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>

再疊加一層白色，留出側(cè)面綠色線條的高度：

 <?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>

再鋪上一層白色，覆蓋已經(jīng)設(shè)置好的背景，留出底部和側(cè)面的線條，中間的一層其實(shí)就是為了留出兩邊的綠色線框的高度：

<?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>實(shí)現(xiàn)微信聊天輸入框，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

flutter 怎么實(shí)現(xiàn)app整體灰色效果
Flutter 是 Google 開(kāi)源的 UI 工具包，幫助開(kāi)發(fā)者通過(guò)一套代碼庫(kù)高效構(gòu)建多平臺(tái)精美應(yīng)用，支持移動(dòng)、Web、桌面和嵌入式平臺(tái)。這篇文章給大家介紹flutter 怎么實(shí)現(xiàn)app整體灰色效果，感興趣的朋友一起看看吧
2020-04-04
Android開(kāi)發(fā)graphics?bufferqueue整體流程
這篇文章主要為大家介紹了Android開(kāi)發(fā)graphics?bufferqueue整體流程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
使用科大訊飛語(yǔ)音SDK實(shí)現(xiàn)文字在線合成語(yǔ)音
這篇文章主要介紹了使用科大訊飛語(yǔ)音SDK實(shí)現(xiàn)文字在線合成語(yǔ)音的相關(guān)資料,需要的朋友可以參考下
2015-12-12
Android實(shí)現(xiàn)錄音方法（仿微信語(yǔ)音、麥克風(fēng)錄音、發(fā)送語(yǔ)音、解決5.0以上BUG）
大家平時(shí)在使用微信qq聊天時(shí)經(jīng)常會(huì)發(fā)送語(yǔ)音功能，今天小編給大家?guī)?lái)了基于android實(shí)現(xiàn)錄音的方法仿微信語(yǔ)音、麥克風(fēng)錄音、發(fā)送語(yǔ)音、解決5.0以上BUG，需要的朋友參考下吧
2018-04-04
Android函數(shù)抽取殼的實(shí)現(xiàn)代碼
很早之前就想寫(xiě)這類(lèi)的殼，最近終于把它做出來(lái)了，取名為dpt，下面把代碼分享出來(lái)，對(duì)Android函數(shù)抽取殼的實(shí)現(xiàn)代碼感興趣的朋友一起看看吧
2022-01-01
Android 菜單欄DIY實(shí)現(xiàn)效果詳解
這篇文章主要為大家介紹了Android 菜單欄DIY實(shí)現(xiàn)效果詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
Android中SoundPool的使用步驟實(shí)例
今天小編就為大家分享一篇關(guān)于Android中SoundPool的使用步驟實(shí)例，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-03-03
關(guān)于Android 6.0權(quán)限的動(dòng)態(tài)適配詳解
Android 6.0版本(Api 23)推出了很多新的特性, 大幅提升了用戶體驗(yàn), 同時(shí)也為程序員帶來(lái)新的負(fù)擔(dān). 動(dòng)態(tài)權(quán)限管理就是這樣, 一方面讓用戶更加容易的控制自己的隱私, 一方面需要重新適配應(yīng)用權(quán)限，本文介紹了關(guān)于Android 6.0權(quán)限動(dòng)態(tài)適配的相關(guān)資料，需要的朋友可以參考下。
2017-11-11
Android Jetpack架構(gòu)中ViewModel接口暴露的不合理探究
這篇文章主要介紹了Android Jetpack架構(gòu)組件 ViewModel詳解，ViewModel類(lèi)讓數(shù)據(jù)可在發(fā)生屏幕旋轉(zhuǎn)等配置更改后繼續(xù)存在，ViewModel類(lèi)旨在以注重生命周期的方式存儲(chǔ)和管理界面相關(guān)的數(shù)據(jù)。感興趣可以來(lái)學(xué)習(xí)一下
2022-07-07
月下載量上千次Android實(shí)現(xiàn)二維碼生成器app源碼分享
既然是二維碼生成器那么我們?nèi)绾沃谱鞫S碼呢？這篇文章為大家分享了月下載量上千次Android實(shí)現(xiàn)二維碼生成器app源碼，希望大家喜歡
2015-12-12