類似微信的文字輸入框

2021-08-31 23:37:54 字數 1069 閱讀 6806

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下:

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

<?xml version="1.0" encoding="utf-8"

?>

xmlns:android="" >

android:shape="rectangle" >

android:color="#0ac39e" />

shape>

item>

android:bottom="6dp">

android:shape="rectangle" >

android:color="#ffffff" />

shape>

item>

android:bottom="1dp"

android:left="1dp"

android:right="1dp">

android:shape="rectangle" >

android:color="#ffffff" />

shape>

item>

layer-list>

然後,將xml設定為文字框的背景即可。需要注意的是,這種方式沒法乙個xml drawable同時用在各種不同顏色的背景下。

給我老師的人工智慧教程打call!

類似微信的文字輸入框

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 是綠色 第二次是白色,但是距離底部有一段小偏移,目的...

類似微信的文字輸入框

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 是綠色 第二次是白色,但是距離底部有一段小偏移,目的...

微信小程式建立輸入框

一 相關知識 二 實現 輸入框型 placeholder style 指定 placeholder 的樣式,所以裡面的color設定的是輸入框的背景色。placeholder 輸入框為空時佔位符,我理解的是要提示輸入的內容。type input 的型別 文字 數字 身份證 帶小數點的數字。maxle...