1. 程式人生 > >Android應用開發之提升使用者體驗1–style和themes

Android應用開發之提升使用者體驗1–style和themes

Android的Style設計就是提升使用者體驗的關鍵之一。Android上的Style分為了兩個方面:
1.Theme是針對窗體級別的,改變窗體樣式;
2.Style是針對窗體元素級別的,改變指定控制元件或者Layout的樣式。

Android系統的themes.xml和style.xml(位於\base\core\res\res\values)包含了很多系統定義好的style,建議在裡面挑個合適的,然後再繼承修改。

源自Android系統本身的themes.xml:

 <!-- Window attributes -->
    <item name="windowBackground">@android:drawable/screen_background_dark</item>
    <item name="windowFrame">@null</item>
    <item name="windowNoTitle">false</item>
    <item name="windowFullscreen">false</item>
    <item name="windowIsFloating">false</item>
    <item name="windowContentOverlay">@android:drawable/title_bar_shadow</item>
    <item name="windowTitleStyle">@android:style/WindowTitle</item>
    <item name="windowTitleSize">25dip</item>
    <item name="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item>
    <item name="android:windowAnimationStyle">@android:style/Animation.Activity</item>

至於控制元件的Style設計就範圍大多了,看看Eclipse的Android控制元件屬性編輯器[Properties]就大概知道有哪些條目

如何新建自定義的style和theme:
1.在res/values 目錄下新建一個名叫style.xml的檔案。增加一個<resources>根節點。
2.對每一個style和theme,給<style>element增加一個全域性唯一的名字,也可以選擇增加一個父類屬性。在後邊我們可以用這個名字來應用風格,而父類 屬性標識了當前風格是繼承於哪個風格。
3.在<style>元素內部,申明一個或者多個<item>

,每一個<item>定義了一個名字屬性,並且在元素內部定義了這個風格的值。
4.你可以應用在其他XML定義的資源。

Style:
例如:

    <?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>

你可以用<item>元素來為你的風格定義一組格式化的值,在Item當中的名字的屬性可以是一個字串,一個16進位制數所表示的顏色或者是其他資源的引用。
注意在<style>元素中的父類屬性。這個屬性讓你可以能夠定義一個資源,當前風格可以從這個資源當中繼承到值。你可以從任何包 含這個風格的資源當中繼承此風格。通常上,你的資源應該一直直接或者間接地繼承Android的標準風格資源。 這樣的話,你就只需要定義你想改變的值。

在這個例子當中的EditText元素,演示瞭如何引用一個XML佈局檔案當中定義的風格:

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

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

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

下邊是申明主題的一個例子:

    <?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資源當中。

設定主題(theme):

* 1.在manifest當中設定主題*

1.為了在成用當中所有的Activity當中使用主題,你可以開啟AndroidManifest.xml 檔案,編輯<application>標籤,讓其包含android:theme屬性,值是一個主題的名字, <application android:theme="@style/CustomTheme">果你只是想讓你程式當中的某個Activity擁有這個主題,那麼你可以編輯<activity>標籤。
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 。

2.在程式當中設定主題
如果需要的話,你可以在Activity當中通過使用方法setTheme()來載入一個主題。注意,如果你這麼做的話,*你應該初始化任何View之前設定主題*。比如,在呼叫setContentView(View) 和inflate(int, ViewGroup)方法前。這保證系統將當前主題應用在所有的UI介面。例子如下:

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

如果你打算在程式程式碼中來載入主介面的主題,那麼需要注意主題當中不能包括任何系統啟動這個Activity所使用的動畫,這些動畫將在程式啟動前顯示。在很多情況下,如果你想將主題應用到你的主介面,在XML中定義似乎是一個更好的辦法。

===============================================================================
案例可看:
http://mycoding.iteye.com/blog/966726 Android 用style簡化layout佈局檔案