Android入门第十六篇之Style与Theme

越来越多互联网企业都在Android平台上部署其客户端，为了提升用户体验，这些客户端都做得布局合理而且美观.......Android的Style设计就是提升用户体验的关键之一。Android上的Style分为了两个方面：

Theme是针对窗体级别的，改变窗体样式；theme必须针对整个activity或者整个程序，你必须在AndroidManifest.xml中的<application>或者<activity>中定义。

如下：

<?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的名字为CodeFont。 parent后面就是父类的style， CodeFont继承这个父类的属性。可以看到这个父类的style是android中默认的，你也可以继承你自定义的style，这时候不需要再写parent属性，而是使用ContFont.red这样的方式，而且你可以继续继承，写成ContFont.red.small。 接下来每一个item定义一个属性。定义属性的最好方法就是在api文档里找到这个view的xml属性，比如在EditText中有InputType这个属性，那么在你的style里面你就可以来定义它

这样一个style就写好了。

使用也非常简单，我们只要在写我们的view时，加入style标签就可以了，就像这样

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

下面讲讲主题，前面已经说了。主题需要在AndroidManifest.xml中注册。如果你想整个程序都使用这个主题，你可以这样写

<application android:theme="@style/CustomTheme">

如果你只需要在某个Activity中使用主题,那么只要在Activity标签中写入android:theme=就可以了，android有很多好的默认主题，比如

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

这就会使你的整个Activity变成一个对话框形式，或者，如果你希望背景是透明的，可以这样写

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

Style是针对窗体元素级别的，改变指定控件或者Layout的样式.

自定义theme，如下：

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

如果你要在java代码中加载主题的话，只要用setTheme（R.style.CustomTheme）就可以了，不过记得一定要在初始化任何view之前，比如一定要放在我们常用的setContentView()之前。通常，我们不建议这么做。

在写程序布局的时候，熟练的使用style和theme是非常必要和有益的。

Android系统的themes.xml和style.xml(位于/base/core/res/res/values/)包含了很多系统定义好的style，建议在里面挑个合适的，然后再继承修改。

以下属性是在Themes中比较常见的，源自Android系统本身的themes.xml：

<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]就大概知道有哪些条目，而Android内置的style.xml也只是定义每个控件的默认样式而已....不过控件的style不建议大改，耐看的style更能让用户长时间使用软件。另外，控件的Style在很多情况下都用到9.png，学习9.png就必须到/base/core/res/res/drawable-hdpi里面看看，里面有很多系统内置的9.png
。

本文程序的themes.xml代码如下，自定义了WindowTitle：
<?xml version="1.0" encoding="UTF-8"?>

<resources>

<!--继承Android内置的Theme.Light，位于/base/core/res/res/values/themes.xml -->

<style name="Theme" parent="android:Theme.Light">

<item name="android:windowFullscreen">true</item>

<item name="android:windowTitleSize">60dip</item>

<item name="android:windowTitleStyle">@style/WindowTitle</item>

</style>
<style name="WindowTitle" parent="android:WindowTitle">

<item name="android:singleLine">true</item>

<item name="android:shadowColor">#BB000000</item>

<item name="android:shadowRadius">2.75</item>

</style>

</resources>

本文程序的styles.xml代码如下,background默认使用的是9.png,xml定义在/base/core/res/res/drawable/之下：

<?xml version="1.0" encoding="UTF-8"?>

<resources>

<style name="TextView">

<item name="android:textSize">18sp</item>

<item name="android:textColor">#008</item>

<item name="android:shadowColor">@android:color/black</item>

<item name="android:shadowRadius">2.0</item>

</style>
<style name="EditText"> //类似buttton的EditText

<item name="android:shadowColor">@android:color/black</item>

<item name="android:shadowRadius">1.0</item>

<item name="android:background">@android:drawable/btn_default</item>

<item name="android:textAppearance">?android:attr/textAppearanceMedium</item>

</style>
<style name="Button">
//类似EditText的Button

<item name="android:background">@android:drawable/edit_text</item>

<item name="android:textAppearance">?android:attr/textAppearanceMedium</item>

</style>

</resources>

main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="@string/hello"
style="@style/TextView" />
<EditText android:id="@+id/EditText01" android:layout_height="wrap_content"
style="@style/EditText" android:layout_width="fill_parent"
android:text="类似Button的EditText"></EditText>
<EditText android:id="@+id/EditText02" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:text="普通的EditText"></EditText>
<Button android:id="@+id/Button01" android:layout_height="wrap_content"
style="@style/Button" android:layout_width="fill_parent" android:text="类似EditText的Button"></Button>
</LinearLayout>