標籤雲

搜尋此網誌

2012/10/15

利用 shape 做出類似 border 的效果

為元件加上框線
這件事之前困擾了我小小一會兒
因為並沒有一個可以直接設定的屬性

但是知道了這個方法後
就再也不是問題了

馬上就來分享一下做法
重點當然就是利用 drawable 裡的 xml 去定義 shape 物件
把框線給畫出來

code 如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景 -->
    <solid 
        android:color="@android:color/transparent"/>
    <!-- 圓角 -->
    <corners 
        android:radius="3dp" />
    <!-- 框線 -->
    <stroke 
        android:color="@color/transLiteGray" 
        android:width="1px" />
</shape>

這樣就可以畫出一個沒有背景、3dp 圓角、1px 粗的框線
當然裡面的屬性可以依照需要自己做調整

至於套用也很簡單
就把它設定到 android:background 屬性就好嚕

沒有留言: