快捷導(dǎo)航

Android實現(xiàn)類似微信的文本輸入框效果

更新時間：2017年05月21日 20:05:47 投稿：mrr

本文給大家介紹一下微信的文本輸入框是如何實現(xiàn)的，其實那只是個普通的文本框設(shè)了一個特殊的背景而已。具體微信怎么實現(xiàn)的，大家可以反編譯下，這里介紹下如何實現(xiàn)這個背景

本文內(nèi)容比較簡單，給大家介紹一下微信的文本輸入框是如何實現(xiàn)的，其實那只是個普通的文本框設(shè)了一個特殊的背景而已。具體微信怎么實現(xiàn)的，大家可以反編譯下，這里介紹下如何實現(xiàn)這個背景。

可以先看下文章末尾的效果圖，里面的文本框是不是和微信的比較像啊，下面說下實現(xiàn)思想：

首先，這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話，那就只能用drawable來寫，這種drawable有點復(fù)雜，可以采用LayerList來實現(xiàn)，我的思想如下：

分三層實現(xiàn)，這里假設(shè)activity的背景是白色，第一層也（就是最底層）是綠色；第二次是白色，但是距離底部有一段小偏移，目的是為了做出文本框兩邊的小勾；第三層也是白色，但是它距離底部和左右兩邊都有一定距離。通過三層配合，即可實現(xiàn)這種效果，巧妙之處大家可以細細體會。xml如下：

<?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="#0ac39e" />
    </shape>
  </item>
  <item android:bottom="6dp">
    <shape android:shape="rectangle" >
      <solid android:color="#ffffff" />
    </shape>
  </item>
  <item
    android:bottom="1dp"
    android:left="1dp"
    android:right="1dp">
    <shape android:shape="rectangle" >
      <solid android:color="#ffffff" />
    </shape>
  </item>

</layer-list>然后，將xml設(shè)置為文本框的背景即可。需要注意的是，這種方式?jīng)]法一個xml drawable同時用在各種不同顏色的背景下。