自定义样式(style)与主题(theme)

Android提供了许多可视的组件。通过自定义样式和主题，可以避免用这些组件开发的应用看上去千篇一律。

样式和主题都是通过预定义一系列属性值来形成统一的显示风格。区别是，样式只能应用于某种类型的View；而主题刚好相反，它不能应用于特定的View，而只能作用于一个或多个Activity，或是整个应用。

以下结合具体例子说明如何定义样式和主题：

1.定义样式和主题
    在工程中res/values/下添加styles.xml

2. <?xml version="1.0" encoding="utf-8"?>
3. <resources>
4. <!-- 定义my_style_1，没有指定parent，用系统缺省的 -->
5. <style name="my_style_1">
6.   <!-- 定义与指定View相关的若干属性 -->
7.   <item name="android:hint">load from style 1</item>
8. </style>
10. <!-- 定义my_style_2，用自定义的my_style_1作为parent -->
11. <style name="my_style_2" parent="@style/my_style_1">
12.   <!-- 定义与指定View相关的若干属性 -->
13.   <item name="android:textSize">30sp</item>
14.   <item name="android:textColor">#FFFF0000</item>
15.   <item name="android:hint">load from style 2</item>
16. </style>
18. <!-- 定义my_style_3，用android的EditText作为parent -->
19. <style name="my_style_3" parent="@android:style/Widget.EditText">
20.   <!-- 定义与指定View相关的若干属性 -->
21.   <item name="android:hint">"load from style 3"</item>
22.   <item name="android:textStyle">bold|italic</item>
23.   <item name="android:typeface">monospace</item>>
24.   <item name="android:background">@drawable/mybackground</item>
25. </style>
27. <!-- 定义MyTheme，用android的Theme作为parent -->
28. <style name="MyTheme" parent="@android:style/Theme">
29.   <item name="android:textSize">20sp</item>
30.   <item name="android:textColor">#FF0000FF</item>
31.   <item name="android:hint">"load from style 3"</item>
32.   <item name="android:textStyle">bold|italic</item>
33.   <item name="android:typeface">monospace</item>>
34.   <item name="android:background">@drawable/gallery_selected_pressed</item>
35.   <item name="myStyle">@style/my_style_3</item>
36. </style>
37. </resources>

复制代码

    主题和样式的定义方法类似，都是在<style>下添加N个<item>。
    <style>下有两个有用的属性：
         name - 以后引用时会用到；
         parent - 可选，一些在自定义的style中没有指定的属性会继承parent style中的值。parent可以是android预定义的resource，也可以是自己定义的style。
    <item>下定义需要改变的属性值。Android中能使用的属性可以在<sdk>/docs/reference/android/R.styleable.html中查到；也可以用自己定义的属性值；

2.使用主题
a)从AndroidManifest中指定，可以选择Application应用级：

2.     <application android:theme="@style/MyTheme">

复制代码

    或是Activity级：

2.     <activity android:theme="@style/MyTheme">

复制代码

b)从Java代码中指定：

2.     public void onCreate(Bundle savedInstanceState) {
3.         super.onCreate(savedInstanceState);
4.        setTheme(R.style.MyTheme);
5.         setContentView(R.layout.main);
6.     }

复制代码

    注意：setTheme必须在setContentView(),addContentView()或inflate()等实例化View的函数之前调用！

3.使用样式
a)从layout的xml文件中指定：

2.     <EditText android:id="@+id/EditText03" 
3.           style="@style/my_style_3"
4.           android:layout_width="fill_parent" 
5.           android:layout_height="wrap_content">
6. </EditText>

复制代码

b)从Java代码中指定：

2.     public void onCreate(Bundle savedInstanceState) {
3.         super.onCreate(savedInstanceState);
5.         setTheme(R.style.MyTheme);
6.         setContentView(R.layout.main);
7.         LinearLayout ll = (LinearLayout)findViewById(R.id.llMain);
8.         
9.         EditText et = new EditText(this, null, R.attr.myStyle);
10.         ll.addView(et);
11.     }

复制代码

 

==========================================

 

一.概述

    通过继承机制，可以利用已有的style来定义新的style。所定义的新的style型不仅拥有新定义的item，而且还同时拥有旧的item。我们称已存在的用来派生新的style为父style。由新定义的style，又称为子style。    比如：

   

<style name="pickprof_guide_text">
        <item name="android:textSize">16.0sp</item>
        <item name="android:textColor">#ff333333</item>
</style>
<style name="pickprof_guide_text_small" parent="@style/pickprof_guide_text">
        <item name="android:textSize">13.0sp</item>
</style>

 

二、两种继承方式

    方式一：通过parent属性用来继承android已经定义好的style。例如：      

 

<style name="XDialog" parent="android:Theme.Dialog">
       <item name="android:windowBackground">@drawable/pop_frame</item>
</style>

  方式二：如果要继承自定义的style，不需要通过parent属性，只要style的name以需要继承的style的name开始后跟新的style的name，中间用“.”隔开。注意：这种方式只适用与自定义的style继承。例如：  

 

 

<!-- Base style for animations.  This style specifies no animations. -->
   <style name="Animation" />
<!-- Standard animations for a non-full-screen window or activity. -->
   <style name="Animation.Dialog">
       <item name="windowEnterAnimation">@anim/dialog_enter</item>
       <item name="windowExitAnimation">@anim/dialog_exit</item>
   </style>