UI美化
（1）color資源：
1、values的color常量：
引用方式：@color/xxx
	1. 設定字型的顏色
	   android:textColor="@color/white"

	2. 設定佈局的背景顏色
	   android:background="@color/white"
2、drawable的color資源
	1､ 在drawable目錄下建立.xml檔案，根標籤為<color>
	2、在<color>標籤中使用其android:color屬性設定顏色值（如：#RGB或@color/xxx)
	3、一般作為背景使用，引用方式：@drawable/xxx

（2）Level-list:(例項是開關燈效果、android系統電池狀態改變的顯示)

注意：
<!-- textColor 使用values中定義好的color沒有問題
     drawable中建立了一個xml（跟標籤color》》》》屬於drawable》》》》一般用在背景）
-->

在level-List中可以放置多張圖片，根據優先順序顯示不同圖片；
level-list屬於drawable中資原始檔，跟標籤是<level-list>；

建立item指定圖片以及層級就可以實現：
 <item  
        android:drawable="@drawable/lamp_off"
        android:minLevel="0"
        android:maxLevel="20"
        />
（3）layer-list圖層資源：
將多個圖片按層關係排放形成一張圖片，類似幀佈局；
屬於drawable中資原始檔，根標籤為<layer-list>；

建立item指定圖片以及層級就可以實現：
    <item android:drawable="@drawable/back" ></item>
    
    <item android:drawable="@drawable/qq"
        android:left="10dp"
        android:right="20dp"
        android:top="20dp"
        android:bottom="30dp"
        ></item>
（4）selector背景選擇器：
作用：根據UI控制元件的不同狀態選擇相應的圖片或顏色資源作為控制元件的背景
常用的狀態：
android:state_checked="false|true" 是否勾選的狀態
android:state_selected="false|true" 是否選擇的狀態
android:state_pressed="false|true" 點選或按下的狀態	
預設顯示的圖片必須放在後面
android:state_enabled＝“false|true“ 是設定是否響應事件,指所有事件

用法：
1. 在drawable目錄下建立.xml檔案，根標籤為<selector>
2. 增加<item>標籤，並設定不同狀態和對應的資源:
	<1>.  設定drawable selector資源如下：
    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:drawable="@drawable/ic_relation_gray" android:state_checked="false"></item>
    <item android:drawable="@drawable/ic_relation_red" android:state_checked="true"></item>
</selector>

	<2>. 設定color selector資源如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:color="#000" android:state_checked="false" />
    <item android:color="#f00" android:state_checked="true" />
</selector>

3、在UI控制元件的background屬性引用,屬性值：@drawable/xx；@color/xx

（5）style樣式：
作用：android中的樣式用於為介面控制元件定義顯示風格，其包含一個或者多個view控制元件屬性的集合。如：需要定義字型的顏色和大小
位置：res/values/styles.xml
定義樣式：
 <?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="CodeFont" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textColor">#00FF00</item>
        <item name="android:typeface">monospace</item>
    </style>
</resources>


--參考系統的style.xml,路徑：
/sdk/platforms/android-19/data/res/values/styles.xml

--參考系統的themes.xml，路徑：
/sdk/platforms/android-19/data/res/values/themes.xml

引用樣式：在指定UI控制元件的style屬性引用指定樣式：
引用樣式前：
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textColor="#00FF00"
    android:typeface="monospace"
    android:text="@string/hello" />

引用樣式後：
<TextView
    style="@style/CodeFont"
    android:text="@string/hello" />
屬性的優先順序高於樣式。

樣式的兩種繼承：
1.parent屬性方式
<resources>
    <style name="CodeFont" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textColor">#00FF00</item>
        <item name="android:typeface">monospace</item>
    </style>
</resources>

2.字首方式來繼承
<style name="CodeFont" parent="@android:style/TextAppearance.Medium">  //使用parent屬性

//字首方式來繼承。
<style name="CodeFont.Red">
        <item name="android:textColor">#FF0000</item>
    </style>

<style name="CodeFont.Red.Big">
        <item name="android:textSize">30sp</item>
 </style>

 （6）clip裁剪：clip實現圖片的裁剪

1.clip屬於drawable中資原始檔，跟標籤是<clip>：
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android" 
    android:drawable="@drawable/android1"
    android:clipOrientation="vertical"
    android:gravity="bottom">
    
	<!-- android:drawable: 指定要裁剪的原影象
		 android:clipOrientation：設定裁剪的方向 水平或者垂直 
		 android:gravity：表示如何裁剪（從哪個方向開始）-->
</clip>

2.預設不顯示，程式碼中設定裁剪漸變出來
ClipDrawable  drawable = (ClipDrawable) imageView.getDrawable();
/**
* 裁剪比例：ClipDrawable類內部預設了一個最大level值10000(Android SDK並未提供api修改該值)
* 如果level值為0，表示裁剪的寬度或者高度為0，也就是說，影象無法顯示。如果值為10000 表示顯示全部影象(不進行任何裁剪)
*/
drawable.setLevel(drawable.getLevel()+1000);

（7）Inset：屬於drawable中資原始檔，跟標籤是<inset>

inset屬於drawable中資原始檔，跟標籤是<inset>
<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android" 
    android:drawable="@drawable/inset"
    android:insetLeft="50dp"
    android:insetRight="50dp"
    android:insetTop="50dp"
    android:insetBottom="50dp"
    >
</inset>
元素解釋：
android:insetTop：影象距離上邊的距離。

android:insetRight：影象距離右側的距離。

android:insetBottom：影象距離底邊的距離。

android:insetLeft：影象距離左側的距離。

（8）transition過度效果：transition實現圖片的過度效果

1.transition屬於drawable中資原始檔，跟標籤是<transition>
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable = "@drawable/lamp_off"/>
    <item android:drawable = "@drawable/lamp_on"/>

</transition>

2.程式碼中設定過度效果
private void initView() {
		// TODO Auto-generated method stub
		image =(ImageView) findViewById(R.id.image);
		transitionDrawable = (TransitionDrawable) image.getDrawable();
	}
	
public void btnOnClick(View view){
		switch (view.getId()) {
		case R.id.btnOpen:
			transitionDrawable.startTransition(3000);
			break;
		case R.id.btnClose:
			transitionDrawable.reverseTransition(3000);
			break;
		default:
			break;
		}
	}