巧用用layer list做乙個卡片背景

2022-04-29 11:18:16 字數 3159 閱讀 9502

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

?>

<

layer-list

xmlns:android

="">

<

item

>

<

shape

android:shape

="rectangle"

android:dither

="true"

>

<

corners

android:radius

="2dp"

/>

<

stroke

android:width

="2dp"

android:color

="#ccc"

/>

shape

>

item

>

<

item

android:top

="0dp"

android:bottom

="2dp"

>

<

shape

android:shape

="rectangle"

android:dither

="true"

>

<

corners

android:radius

="2dp"

/>

<

solid

android:color

="@android:color/white"

/>

shape

>

item

>

layer-list

>

我們注意到上面的檔案中有item和shape,shape就不多說了就是乙個規則的影象。其中item用了bottom、top來指定上下的內邊距,最終帶來了如下的效果:

我們來一步一步的理解這是怎麼做出來的:

1.首先畫乙個只有描邊的shape:

2.接下來我們需要讓底部顯示出灰色的描邊,其餘的地方都應該是白色的,所以寫乙個白色的shape,並且底部內邊界是2dp。這裡的bottom就是底部的內邊距。

<

item

android:bottom

="2dp"

>

<

shape

android:shape

="rectangle"

android:dither

="true"

>

<

corners

android:radius

="2dp"

/>

<

solid

android:color

="@android:color/white"

/>

shape

>

item

>

3.最終組合起來,產生最終的效果:

用layer list做乙個卡片背景

我們注意到上面的檔案中有item和shape,shape就不多說了就是乙個規則的影象。其中item用了bottom top來指定上下的內邊距,最終帶來了如下的效果 我們來一步一步的理解這是怎麼做出來的 1.首先畫乙個只有描邊的shape 2.接下來我們需要讓底部顯示出灰色的描邊,其餘的地方都應該是白...

做乙個programmer,而不做乙個coder

programmer是程式的思考者,而coder只是乙個執行者 勞心者製人,勞力者制於人 如果專案不緊的情況下,應該從需求做起,最好能夠窮盡所有的需求,遇到與別人模組互動的情況,規定好與別人互動的介面。然後才是開始設計,抓住需求當中的名詞,想想是否設計成為類,然後根據測試用例,來設計框架結構,至少要...

做乙個心靈富翁

你是否想過 怎樣的人生才是真的有價值?怎樣的生活才算自在而沒有遺憾?得到與失去 付出與收受 快樂與傷心 成功與失敗 我們又該如何看待其中的必然與不必然?親愛的,人生真的很複雜,複雜到我們窮其一生也難以解開奧秘 既然解不開,我們何妨單純看待呢!只要尋找一種屬於自己的簡單的幸福。簡單的幸福裡,也能有真實...