1. 程式人生 > >android如何設定控制元件的樣式

android如何設定控制元件的樣式

有時候我們不滿足於系統控制元件的外觀要改變一些背景,文字顏色等,這些屬性可以在程式碼裡更改,隨便哪種控制元件,我們點,後面會出來一大串set開頭的方法。但是在程式碼裡這樣改來改去還是比較麻煩的,如果同樣的控制元件多了,重複的程式碼也比較多。控制元件的這些屬性也是可以在xml檔案裡改的,同樣的控制元件多了,還是會帶來程式碼的重複。這進我們就可以用設定控制元件樣子式的方法了。下面以EditText控制元件為例來說明如何來設定一個控制元件的樣式,工程式原始碼可以在後面下載;

第一步建立一個新的工程,在main佈局裡面建立三個EditText控制元件。

第二步在工程的res/values資料夾下新建一個xml檔案內容如下:

複製程式碼
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="et1" parent="@android:style/Widget.EditText">
        <item name="android:background">#1A4EA4</item>
        <item name="android:textColor">#FFF111</item>
    </style>
    <style name="et2" parent="@android:style/Widget.EditText">
        <item name="android:background">#A6C60F</item>
        <item name="android:textColor">#EC02C3</item>
    </style>
</resources>
<!--
說明:
    這裡建立了兩種樣式,從字面意思上可以看出這兩中樣式分別都更改了背景顏色和文字顏色
,一個控制元件可以更改的屬性有很多,這裡只改了兩個,要改其它的屬性,我們要知道屬性的name,
才可以改。那所有的屬性的名字在哪呢?找了一番終於找到了,所有的屬性的名字在一個attrs.xml
檔案裡。這個檔案存在於:android sdk目錄\data\res\values 目錄下,找到這個檔案以後我們
改某些屬性時可以做為檢視的資料了。
    上面的兩個樣式中,都有一個parent屬性。這就不難理解style是可以繼承的。在這裡我們繼
承的是系統預設的EditText屬性,只修改了背景和文字顏色而已。那系統的EditText樣式是在哪
定義的呢?找了一番終於也找到了,所有系統控制元件的樣式是在一個style.xml檔案中,這個檔案也
在上面說的那個目錄下。裡面我們可以找到Widget.EditText的樣式定義。有了它我們也可以檢視
某一種控制元件可以更改哪些樣式了。
    在設定style時,我們經常用到@和?@表明引用的的資源是在一個專案或是系統框架中定義過
的。?表明引用的資源是在當前的主題定義過的。
    上面的設定背景中的值除了可以是顏色的值外,還可以是一個圖片的引用哦~~。

-->
複製程式碼

 

第三步我們修改main佈局檔案中EditText的屬性。為了對比,我們將第一個屬性將做改變,第二個的style屬性設為我們上面建立的name為et1的樣式。第三個的style屬性設為我們上面建立的name為et2的樣式,程式碼如下:

複製程式碼
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:orientation="vertical">
    <EditText android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:text="預設樣式" android:id="@+id/et1"></EditText>
    <EditText android:layout_width="fill_parent" android:id="@+id/et2"
        android:text="自定義樣式一" android:layout_height="wrap_content" style="@style/et1"></EditText>
    <EditText android:layout_width="fill_parent" android:id="@+id/et3"
        android:text="自定義樣式二" android:layout_height="wrap_content" style="@style/et2"></EditText>
    <Button android:text="改變主題" android:id="@+id/btn1"
        android:layout_width="fill_parent" android:layout_height="wrap_content"></Button>
</LinearLayout>
複製程式碼
 

 加了一個改變主題的按鈕是無效的,下一篇會用到它來設定主題。雖然定義好了style檔案,但似乎並不能在java程式碼裡設定,我沒有發現像setStyle()這樣的方法。所以就不 能在java程式碼裡能過style檔案動態改變控制元件的樣式, 不知道哪位仁兄可以解決此問題,特在此求教了。

 無圖無真相,下面是截圖: