本文實(shí)例講述了Android自定義控件樣式的方法。分享給大家供大家參考，具體如下：

Android控件樣式自定義是用定義在drawable文件夾下的XML文件實(shí)現(xiàn)，在布局文件中通過設(shè)置控件的background屬性達(dá)到效果。

一、控件常見狀態(tài)：在XML文件中用到了selector節(jié)點(diǎn)，selector可以理解為狀態(tài)切換器，不同的狀態(tài)下切換不同的樣式，各種狀態(tài)用Item節(jié)點(diǎn)表示，以下為一些常見的狀態(tài)（注意：statelist中第一個(gè)匹配當(dāng)前狀態(tài)的item會(huì)被使用。因此，如果第一個(gè)item沒有任何狀態(tài)特性的話，那么它將每次都被使用，這也是為什么默認(rèn)的值必須總是在最后，各種狀態(tài)可以交叉使用）：

1、android:state_pressed

boolean。“true”表示按下狀態(tài)使用（例如按鈕按下）；“false”表示非按下狀態(tài)使用。

2、android:state_focused

boolean?！皌rue”表示聚焦?fàn)顟B(tài)使用（例如使用滾動(dòng)球/d-pad聚焦button）；“false”表示非聚焦?fàn)顟B(tài)使用。

3、android:state_selected

boolean?！皌rue”表示選中狀態(tài)使用（例如tab打開）；“false”表示非選中狀態(tài)使用。

4、android:state_checkable

boolean?！皌rue”表示可勾選狀態(tài)時(shí)使用；“false”表示非可勾選狀態(tài)使用。（只對(duì)能切換可勾選—非可勾選的構(gòu)件有用。）

5、android:state_checked

boolean。“true”表示勾選狀態(tài)使用；“false”表示非勾選狀態(tài)使用。

6、android:state_enabled

boolean?！皌rue”表示可用狀態(tài)使用（能接收觸摸/點(diǎn)擊事件）；“false”表示不可用狀態(tài)使用。

7、android:window_focused

boolean?！皌rue”表示應(yīng)用程序窗口有焦點(diǎn)時(shí)使用（應(yīng)用程序在前臺(tái)）；“false”表示無焦點(diǎn)時(shí)使用（例如notification欄拉下或?qū)υ捒蝻@示）。       

二、shape的屬性：每個(gè)狀態(tài)（item）都對(duì)應(yīng)著一個(gè)效果，shape是用來定義形狀的，以下為shape的一些常見屬性：

1、solid：實(shí)心，就是填充的意思

android:color指定填充的顏色

2、gradient：漸變

android:startColor和android:endColor分別為起始和結(jié)束顏色，android:angle是漸變角度，必須為45的整數(shù)倍。當(dāng)angle=0時(shí)，漸變色是從左向 右。 然后逆時(shí)針方向轉(zhuǎn)，當(dāng)angle=90時(shí)為從下往上。另外漸變默認(rèn)的模式為android:type="linear"，即線性漸變，可以指定漸變?yōu)閺较驖u變，android:type="radial"，徑向漸變需要指定半徑android:gradientRadius="50"，也可一指定二者的綜合，掃描漸變 android: type="sweep"

3、stroke：描邊

android:width="2dp" 描邊的寬度，android:color 描邊的顏色。

我們還可以把描邊弄成虛線的形式，設(shè)置方式為：

android:dashWidth="5dp"
android:dashGap="3dp"

其中android:dashWidth表示'-'這樣一個(gè)橫線的寬度，android:dashGap表示之間隔開的距離。

4、corners：圓角

android:radius為角的弧度，值越大角越圓。

我們還可以把四個(gè)角設(shè)定成不同的角度，方法為：

android:topRightRadius="20dp" 右上角
android:bottomLeftRadius="20dp" 右下角
android:topLeftRadius="1dp" 左上角
android:bottomRightRadius="0dp" 左下角

這里有個(gè)地方需要注意，bottomLeftRadius是右下角，而不是左下角

5、panding：內(nèi)邊矩

下面是一個(gè)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:startColor="#ff8c00"
    android:endColor="#FFFFFF"
    android:angle="270"/> 
   <stroke android:width="2dp"
    android:color="#dcdcdc"/> 
   <corners android:radius="2dp"/> 
   <padding android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp"/> 
  </shape> 
 </item> 
 <item android:state_focused="true"> 
  <shape> 
   <gradient
    android:startColor="#ffc2b7"
    android:endColor="#ffc2b7"
    android:angle="270"/> 
   <stroke android:width="2dp" android:color="#dcdcdc"/> 
   <corners android:radius="2dp"/> 
   <padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp"/> 
  </shape> 
 </item> 
 <item> 
  <shape> 
   <gradient
    android:startColor="#ff9d77"
    android:endColor="#ff9d77"
    android:angle="270"/> 
   <stroke
    android:width="2dp"
    android:color="#fad3cf"/> 
   <corners android:radius="2dp"/> 
   <padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp"/> 
  </shape> 
 </item> 
</selector>

更多關(guān)于Android控件相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android控件用法總結(jié)》

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

最新評(píng)論