1. 程式人生 > >Android 風格與主題(style and theme)

Android 風格與主題(style and theme)

1、什麼是Style,什麼是Theme?

        Style 和 theme:是一個包含一種 或者 多種格式化 屬性 的集合  ,並且 style和theme都是資源,存放在res/values 資料夾下 即可,android提供了很多這樣的預設資源。你可以來使用它們。同時你也可以自己定義style和 theme,只需要在res/values/這個路徑裡面新建一個.xml檔案,而且他的根節點必須 是<resources>對 每一個styletheme<style>增加一個全域性唯一的名字,也可以選擇增加一個parent父類屬性,我們寫的style和 theme

就會繼承這個父類的屬性。styletheme的定義格式相同不過style是針對view來說的,比如 TextViewEditText這些,而Theme必須針對整個activity或者 整個application,你必須在AndroidManifest.xml中 的<application>或者<activity>中定義。

先來看看style,比如如下一段程式碼:

<?xml version="1.0" encoding="utf-8"?><resources><stylename="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的名字為CodeFont

 parent後面就是父類的styleCodeFont繼承這個父類的屬性。可以看到這個父類的style是android中預設的,你也可以繼承你自定義的style,這時候不需要再寫 parent屬性,而是使用ContFont.red這樣的方式,而且你可以繼續繼承,寫成ContFont.red.small。 接下來 每一個item定義一個屬性。定義屬性的最好方法就是在api文件裡找到這個view的xml屬性,比如在EditText中有InputType 這個屬性,那麼在你的style裡面你就可以來定義它。

這樣一個style就寫好了。

使用也非常簡單,我們只要在寫我們的view時,加入style標籤就可以了,就像這樣

<TextViewstyle="@style/CodeFont"android:text="@string/hello"/>

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

下面講講主題,主題需要在AndroidManifest.xml中註冊。如果你想整個程式都使用這個主題,你可以這樣寫

<applicationandroid:theme="@style/CustomTheme">

如果你只需要在某個Activity中使用主題,那麼只要在Activity標籤中寫入android:theme= 就可以了,android有很多好的預設主題,比如

<activityandroid:theme="@android:style/Theme.Dialog">

這就會使你的整個Activity變成一個對話方塊形式。

或者,如果你希望背景是透明的,可以這樣寫

<activityandroid:theme="@android:style/Theme.Translucent">

同樣的我們也可以繼承父類theme,寫法和style一樣。你也可以自己定義一個theme,寫個例子

<?xml version="1.0" encoding="utf-8"?><resources><stylename="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>

如果你要在java程式碼中載入主題的話,只要用setTheme(R.style.CustomTheme)就可以了,不過記得一定要在初始化任何view之前,比如一定要放在我們常用的setContentView()之前。通常,不建議這麼做。

++++++++++++++++++++++++++++++++++++++++++++++++

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

下邊是SDK中主題的一個例子:
<?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);
}

如果你喜歡一個主題,但是想做一些輕微的改變,你只需要將這個主題新增為父主題。比如我們修改Theme.Dialog主題。我們來繼承Theme.Dialog來生成一個新的主題。
<style name=”CustomDialogTheme”
            parent=”@android:style/Theme.Dialog” >
繼承了Theme.Dialog後,我們可以按照我們的要求來調整主題。我們可以修改在Theme.Dialog中定義的每個item元素的值,然後我們在Android Manifest 檔案中使用CustomDialogTheme 而不是 Theme.Dialog 。