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

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

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

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

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

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

分三層實(shí)現(xiàn)，這里假設(shè)activity的背景是白色，第一層也（就是最底層）是綠色；第二次是白色，但是距離底部有一段小偏移，目的是為了做出文本框兩邊的小勾；第三層也是白色，但是它距離底部和左右兩邊都有一定距離。通過(guò)三層配合，即可實(shí)現(xiàn)這種效果，巧妙之處大家可以細(xì)細(xì)體會(huì)。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)]法一個(gè)xml drawable同時(shí)用在各種不同顏色的背景下。

以上所述是小編給大家介紹的Android實(shí)現(xiàn)類似微信的文本輸入框效果，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

Android Handler主線程和一般線程通信的應(yīng)用分析
本篇文章小編為大家介紹，Android Handler主線程和一般線程通信的應(yīng)用分析。需要的朋友參考下
2013-04-04
Android時(shí)光軸實(shí)現(xiàn)淘寶物流信息瀏覽效果
這篇文章主要為大家詳細(xì)介紹了Android時(shí)光軸實(shí)現(xiàn)淘寶物流信息瀏覽效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
Android開發(fā)教程之ContentProvider數(shù)據(jù)存儲(chǔ)
這篇文章主要介紹了Android開發(fā)教程之ContentProvider數(shù)據(jù)存儲(chǔ)的相關(guān)資料,需要的朋友可以參考下
2016-12-12
Android設(shè)備藍(lán)牙連接掃描槍獲取掃描內(nèi)容
這篇文章主要為大家詳細(xì)介紹了Android設(shè)備藍(lán)牙連接掃描槍獲取掃描內(nèi)容，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
Android自定義View九宮格手勢(shì)密碼解鎖
這篇文章主要為大家詳細(xì)介紹了Android自定義View九宮格手勢(shì)密碼解鎖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
Android實(shí)現(xiàn)探探圖片滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)探探圖片滑動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
Android給scrollView截圖超過(guò)屏幕大小形成長(zhǎng)圖
這篇文章主要為大家詳細(xì)介紹了Android給scrollView截圖超過(guò)屏幕大小形成長(zhǎng)圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
Android開發(fā)中RecyclerView組件使用的一些進(jìn)階技講解
RecyclerView是Android 5.0以來(lái)新加入的一個(gè)組件,基本上全面優(yōu)于ListView,這里我們將來(lái)關(guān)注Android開發(fā)中RecyclerView組件使用的一些進(jìn)階技講解:
2016-06-06
AndroidStudio工程打包aab文件
本文主要介紹了AndroidStudio工程打包aab文件，文中通過(guò)圖文的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-07-07
Android MessageQueue消息隊(duì)列主要作用詳解
Android 消息機(jī)制主要指的是 Handler 的運(yùn)行機(jī)制及其所依賴的 MessageQueue 和 Looper 的工作過(guò)程，Handler、MessageQueue、Looper組成一個(gè)相互聯(lián)系的整體。本文先從 MessageQueue 的源碼來(lái)說(shuō)明其實(shí)現(xiàn)原理
2023-02-02