(轉)Android 之自訂控制項樣式在drawable檔案夾下的XML實現

標籤：

Android自訂控制項樣式在drawable檔案夾下的XML中，在布局檔案中通過設定控制項的background屬性達到效果。

一、控制項常見狀態：     在XML檔案中用到了selector節點，selector可以理解為狀態切換器，不同的狀態下切換不同的樣式，各種狀態用Item節點表示，以下為一些常見的狀態（注意：statelist中第一個匹配目前狀態的item會被使用。因此，如果第一個item沒有任何狀態特性的話，那麼它將每次都被使用，這也是為什麼預設的值必須總是在最後，各種狀態可以交叉使用）：　　1、android:state_pressedboolean。　　“true”表示按下狀態使用（例如按鈕按下）；“false”表示非按下狀態使用。　　2、android:state_focusedboolean。　　“true”表示聚焦狀態使用（例如使用滾動球/d-pad聚焦button）；“false”表示非聚焦狀態使用。　　3、android:state_selectedboolean。　　“true”表示選中狀態使用（例如tab開啟）；“false”表示非選中狀態使用。　　4、android:state_checkableboolean。　　“true”表示可勾選狀態時使用；“false”表示非可勾選狀態使用。（只對能切換可勾選—非可勾選的構件有用。）　　5、android:state_checkedboolean。　　“true”表示勾選狀態使用；“false”表示非勾選狀態使用。　　6、android:state_enabledboolean。　　“true”表示可用狀態使用（能接收觸摸/點擊事件）；“false”表示不可用狀態使用。　　7、android:window_focusedboolean。　　“true”表示應用程式視窗有焦點時使用（應用程式在前台）；“false”表示無焦點時使用（例如notification欄拉下或對話方塊顯示）。  二、shape的屬性：        每個狀態（item）都對應著一個效果，shape是用來定義形狀的，以下為shape的一些常見屬性： 　　1、solid：　　　　實心，就是填充的意思 android:color指定填充的顏色 　　2、gradient：　　　　漸層 android:startColor和android:endColor分別為起始和結束顏色，android:angle是漸層角度，必須為45的整數倍。當angle=0時，漸層色　　　　是從左向 右。 然後逆時針方向轉，當angle=90時為從下往上。另外漸層預設的模式為android:type="linear"，即線性漸層，可以指定漸層為徑　　　　向漸層， android:type="radial"，放射狀漸層需要指定半徑android:gradientRadius="50"，也可一指定二者的綜合，掃描漸層 android: 　　　　　　type="sweep" 　　3、stroke：　　　　描邊 android:width="2dp" 描邊的寬度，android:color 描邊的顏色。 我們還可以把描邊弄成虛線的形式，設定方式為： 　　　　　　　　　　            android:dashWidth="5dp" android:dashGap="3dp" 其中android:dashWidth表示‘-‘這樣一個橫線的寬度，android:dashGap表示之間隔　　　　開的距離。 　　4、corners：　　　　圓角 android:radius為角的弧度，值越大角越圓。 我們還可以把四個角設定成不同的角度，方法為： android:topRightRadius="20dp" 右　　　　　　上角android:bottomLeftRadius="20dp" 右下角android:topLeftRadius="1dp" 左上方android:bottomRightRadius="0dp" 左下角 這裡　　　　有個地方需要注意，bottomLeftRadius是右下角，而不是左下角 　　5、panding：內邊矩　　　　下面是一個Button完整的定義：　　　　　　<?xml version="1.0" encoding="utf-8"?>　　　　　　<selector xmlns:android="http://schemas.android.com/apk/res/android">　　　　　　    <item android:state_pressed="true">　　　　　　　　<shape>            　　　　　　<gradient android:angle="270" android:endColor="#FFFFFF" android:startColor="#ff8c00" />            　　　　　　<stroke android:width="2dp" android:color="#dcdcdc" />            　　　　　　<corners android:radius="2dp" />            　　　　　　<padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />        　　　　　</shape>　　　　　　    </item>    　　　　　<item android:state_focused="true">　　　　　　　　<shape>            　　　　<gradient android:angle="270" android:endColor="#ffc2b7" android:startColor="#ffc2b7" />            　　　　<stroke android:width="2dp" android:color="#dcdcdc" />           　　　　 <corners android:radius="2dp" />            　　　　 <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />        　　　　</shape>　　　　　　</item>    　　　　<item>　　　　　　<shape>            　　　　<gradient android:angle="270" android:endColor="#ff9d77" android:startColor="#ff9d77" />            　　　　<stroke android:width="2dp" android:color="#fad3cf" />            　　　　<corners android:radius="2dp" />            　　　　<padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />        　　　</shape>　　　　　</item>　　　　</selector>

(轉)Android 之自訂控制項樣式在drawable檔案夾下的XML實現