[转]android使用shape stroke描边只保留底部
生活随笔
收集整理的這篇文章主要介紹了
[转]android使用shape stroke描边只保留底部
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
?
? ? ? ?在項(xiàng)目中遇到這種情況:由于一些原因,自己需要用LinearLayout的垂直布局做出ListView的那種效果,但是ListView是自帶了分割線的,而且頂部底部都是沒(méi)有分割線的,每個(gè)item中間都是1dp寬度的分割線。我一開始是想到LinearLayout中的每個(gè)item用shape文件設(shè)置一個(gè)background,于是寫了如下的shape:
?
<shape xmlns:android="http://schemas.android.com/apk/res/android"><strokeandroid:color="#B4B4B4"android:width="1dp"/><solidandroid:color="@android:color/transparent"/></shape>? ? ? ?但是看了這個(gè)shape,估計(jì)大家都能想象出來(lái)效果肯定不對(duì),因?yàn)樯弦粋€(gè)item有1dp的底邊,下一個(gè)item也有1dp的底邊,這樣item之間的分割線就有2dp了,很難看,也不是我們要的效果。如下圖效果所示:
?
? ? ? ?所以要解決的問(wèn)題就是,如何只保留底邊的stroke呢。經(jīng)過(guò)一番修改實(shí)驗(yàn),使用layer-list可以解決這個(gè)問(wèn)題,很簡(jiǎn)單,如下代碼所示:
?
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:top="-2dp"android:right="-2dp"android:left="-2dp"><shape><solid android:color="@android:color/transparent"/><strokeandroid:width="1dp"android:color="#B4B4B4"/></shape></item></layer-list> 貌似 這個(gè)也可以: <layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 連框顏色值 -->
<item>
??? <shape>
??????? <solid android:color="#CCCCCC" />
??? </shape>
</item>
<!-- 主體背景顏色值 -->
<item
??? <!-- 此處定義只有上下兩邊有邊框 高度為1像素-->
??? android:bottom="1dp"
??? android:top="1dp">
??? <!--邊框里面背景顏色 白色-->
??? <shape>
??????? <solid android:color="#ffffff" />
??? </shape>
</item>
</layer-list>
? ? ? ?關(guān)鍵注意看<item>標(biāo)簽的屬性,把top、right、left設(shè)置成了-2dp,而shape stroke的寬度只有1dp,這樣上右左邊線都沒(méi)了,只有底邊會(huì)保留。(可能有人會(huì)問(wèn)為什么不把top、right、left設(shè)置成-1dp,我也試過(guò)了,貌似是stroke的時(shí)候,自動(dòng)會(huì)在描邊的外部再多1dp的margin,仔細(xì)看上圖也能看出來(lái),所以這里要多設(shè)置1dp才能完全去除對(duì)應(yīng)邊上的stroke。你可以自己去試試)
?
? ? ? ?最終效果如下圖所示:
? ? ? ?最后一個(gè)item的background就不設(shè)置就OK,實(shí)際運(yùn)行效果也完全一樣!這樣就大功告成了!
轉(zhuǎn)載于:https://www.cnblogs.com/wangzehuaw/p/4503466.html
總結(jié)
以上是生活随笔為你收集整理的[转]android使用shape stroke描边只保留底部的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 实现数组类(C++ 拷贝构造函数、拷贝函
- 下一篇: Zepto源码分析-架构