開發中遇到單/多邊框的UI，簡單的可以自己寫shape圖，復雜的一般都讓設計配合制作9patch圖了。
今天不說需要切圖的情況，只聊簡單的單/多邊框，主要是實現思路。
效果很簡單：
就以上圖為例介紹，只有上邊框，邊框紅色、寬1dp，其余為白色。
思路一
代碼實現：
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!--下層畫布，紅色--> <item> <shape> <solid android:color="#f10606" /> </shape> </item> <!--下層畫布，白色，向下移1dp--> <item android:top="1dp"> <shape> <solid android:color="#ffffff" /> </shape> </item></layer-list>
其中 <item> 標簽的 left 、 top 、 right 、 bottom 屬性可以理解為 view 的 marginXX ，這樣接下來的思路二也就順理成章了。
思路二
margin有正值，也有負值，所以...
代碼實現：
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!--下層畫布，全白色--> <item> <shape> <solid android:color="#ffffff" /> </shape> </item> <!--上層畫布，紅色邊框，寬度1dp；左、右、下設置margin--> <item android:bottom="-1dp" android:left="-1dp" android:right="-1dp" android:top="0dp"> <shape> <stroke android:width="1dp" android:color="#f10606" /> </shape> </item></layer-list>
單邊框就這樣了，同理，那二邊框、三邊框也就簡單了。
按需自取。
坑？
你以為到則里就結束了？圖樣圖森炮！
跑一下上邊思路二的代碼看看效果
神馬情況， stroke 里 width 的值和 item 里 left 等的值轉化為像素的比例還不一樣？并且不同手機分辨率效果也不同，分辨率越高越容易出現。
當然，思路二里把 item 里 left 等的負值絕對值設置比 width 大的多一些就闊以了；另外，思路一是沒這個問題的。
至于原因嘛，太晚了，睡一覺再研究吧。
更多shape使用請移步這里：
android shape的使用詳解以及常用效果（漸變色、分割線、邊框、半透明陰影效果等）
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
