Android風格與主題

Android xml風格和主題檔案的編寫，是涉及到整個程式介面美觀的因素之一。較好的應用風格和主題，可以實現美觀而統一的介面，這就猶如Web開發中的CSS。

Styles和Themes都是資源，存放在res/values檔案夾下。

什麼是Style，什麼是Theme？

• Style：是一個包含一種或者多種格式化屬性的集合，我們可以將其用為一個單位用在布局XML單個元素當中。比如，我們可以定義一種風格來定義文本的字型大小大小和顏色，然後將其用在View元素的一個特定的執行個體。
• Theme：是一個包含一種或者多種格式化屬性的集合，我們可以將其為一個單位用在應用中所有的Activity當中或者應用中的某個Activity當 中。比如，我們可以定義一個Theme，它為window frame和panel 的前景和背景定義了一組顏色，並為菜單定義可文字的大小和顏色屬性，可以將這個Theme應用在你程式當中所有的Activity裡。

Style和Theme的XML檔案結構

對每一個Styles和Themes，給<style>元素增加一個全域唯一的名字，也可以選擇增加一個父類屬性。在後邊我們可以用這個名字來應用風格，而父類屬性標識了當前風格是繼承於哪個風格。在<style>元素內部，申明一個或者多個<item>，每一個<item>定義了一個名字屬性，並且在元素內部定義了這個風格的值。

風格

1.在res/values 目錄下建立一個名叫style.xml的檔案。

2.對每一個風格和主題，給<style>element增加一個全域唯一的名字，也可以選擇增加一個父類屬性。在後邊我們可以用這個名字來應用風格，而父類屬性標識了當前風格是繼承於哪個風格。

3.在<style>元素內部，申明一個或者多個<item>,每一個<item>定義了一個名字屬性，並且在元素內部定義了這個風格的值。

4.你可以應用在其他XML定義的資源。
下面SDK提供的Style的例子：（SDK提供的程式會有style/Text找不到的錯誤，目前還不知道怎麼解決）

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>
   <style name=”SpecialText” parent=”@style/Text”>
   <item name=”android:textSize”>18sp</item>
   <item name=”android:textColor”>#008</item>
</style>
</resources>

上面的樣式可以用在單個view中如：

<EditText id=”@+id/text1″
style=”@style/mytext”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”Hello, World!” />

現在這個EditText組件的所表現出來的風格就為我們在上邊的XML檔案中所定義的那樣。

編寫一個簡單的Style：

<?xml version="1.0" encoding="utf-8"?><resources><style name="SpecialText" >        <item name="android:textSize">18sp</item>        <item name="android:textColor">#EC9237</item>    </style>    <style name="SpecialText2" >        <item name="android:textSize">26sp</item>        <item name="android:textColor">#FF7F7C</item>        <item name="android:fromAlpha">0.0</item><item name="android:toAlpha">0.0</item>    </style></resources>

應用的編寫：

<TextView  style="@style/SpecialText2"    android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:text="@string/hello"    /><EditText android:text="@+id/EditText01" style="@style/SpecialText"android:id="@+id/EditText01" android:layout_width="wrap_content" android:layout_height="wrap_content"></EditText>

最終實現的介面為：

當然，Android也有很多預定義的主題：

主題

就像Style一樣，Theme依然在<style>元素裡邊申明，也是以同樣的方式引用。不同的是通過在Android Manifest中定義的<application>和<activity>元素將主題添加到整個程式或者某個 Activity，但是主題是不能應用在某一個單獨的View裡。

下邊是SDK中主題的一個例子：（SDK提供的程式會有Error:no resource found that matches the given name: panelForegroundColor等錯誤，目前還不知道怎麼解決這些錯誤）

<?xml version="1.0" encoding="utf-8"?><resources><style name="CustomTheme"><item name="android:windowNoTitle">true</item><item name="windowFrame">@drawable/screen_frame</item><item name="windowBackground">@drawable/screen_background_white</item><item name="panelForegroundColor">#FF000000</item><item name="panelBackgroundColor">#FFFFFFFF</item><item name="panelTextColor">?panelForegroundColor</item><item name="panelTextSize">14</item><item name="menuItemTextColor">?panelTextColor</item><item name="menuItemTextSize">?panelTextSize</item></style></resources>

注意我們用了@符號和？符號來應用資源。@符號表明了我們應用的資源是前邊定義過的(或者在前一個項目中或者在Android 架構中)。問號？表明了我們引用的資源的值在當前的主題當中定義過。通過引用在<item>裡邊定義的名字可以做到(panelTextColor 用的顏色和panelForegroundColor中定義的一樣)。這中技巧只能用在XML資源當中

在程式中使用主題的方法：

protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setTheme(android.R.style.Theme_Light);   
      setContentView(R.layout.linear_layout_3);
}

在mainfest.xml中應用主題：
為了在成用當中所有的Activity當中使用主題，你可以開啟AndroidManifest.xml 檔案，編輯<application>標籤，讓其包含android:theme屬性，值是一個主題的名字，如下：
<application android:theme=”@style/CustomTheme”>
如果你只是想讓你程式當中的某個Activity擁有這個主題，那麼你可以修改<activity>標籤。

編寫的簡單的一個Theme：

<?xml version="1.0" encoding="utf-8"?><resources><style name="CustomTheme" parent="android:Theme.Black">            <item name="android:windowNoTitle">true</item>    <item name="android:testSize">14sp</item>    <item name="android:textColor">#FFFF0000</item>  </style></resources>

Android中提供了幾種內建的資源，有好幾種主題你可以切換而不用自己寫。比如你可以用對話方塊主題來讓你的Activity看起來像一個對話方塊。在manifest中定義如下：
<activity android:theme=”@android:style/Theme.Dialog”>
如果你喜歡一個主題，但是想做一些輕微的改變，你只需要將這個主題添加為父主題。比如我們修改Theme.Dialog主題。我們來繼承Theme.Dialog來產生一個新的主題。
<style name=”CustomDialogTheme” parent=”@android:style/Theme.Dialog”>
繼承了Theme.Dialog後，我們可以按照我們的要求來調整主題。我們可以修改在Theme.Dialog中定義的每個item元素的值，然後我們在Android Manifest 檔案中使用CustomDialogTheme 而不是 Theme.Dialog 。 

一下列出了其他預定義的主題：