当你设计你的程序的时候,你可以用风格和主题来统一格式化各种屏幕和UI元素。
样式(风格)是一个包含一种或者多种格式化属性的集合,你可以将其用为一个单位用在布局XML单个元素当中。比如,你可以定义一种风格来定义文本的字号大小和颜色,然后将其用在View元素的一个特定的实例。
主题是一个包含一种或者多种格式化属性的集合,你可以将其为一个单位用在应用中所有的Activity当中或者应用中的某个Activity当 中。比如,你可以定义一个主题,它为window frame和panel 的前景和背景定义了一组颜色,并为菜单定义可文字的大小和颜色属性,你可以将这个主题应用在你程序当中所有的Activity里。
如何新建自定义的风格和主题:
1.在res/values 目录下新建一个名叫style.xml的文件。增加一个<resources>根节点。
2.对每一个风格和主题,给<style>element增加一个全局唯一的名字,也可以选择增加一个父类属性。在后边我们可以用这个名字来应用风格,而父类属性标识了当前风格是继承于哪个风格。
3.在<style>元素内部,申明一个或者多个<item>,每一个<item>定义了一个名字属性,并且在元素内部定义了这个风格的值。
4.你可以应用在其他XML定义的资源。
下面是一个样式(风格)的例子
先看一下效果:
不用废话直入正题
新建工程,添加布局文件
在布局文件中添加两个TextView控件,参考代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<TextView
android:id="@+id/TextView01"
style="@style/style_1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|center_horizontal"
android:text="@string/string_1" >
</TextView>
<TextView
android:id="@+id/TextView02"
style="@style/style_2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|center_horizontal"
android:text="@string/string_2" >
</TextView>
</LinearLayout>
添加字符串资源
在values文件夹中的string.xml文件中添加两个字符串资源(主要用在上面布局中的显示的字符),参考代码如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, AndroidStyleActivity!</string>
<string name="app_name">AndroidStyle</string>
<string name="string_1">应用样式style1</string>
<string name="string_2">应用样式style2</string>
</resources>
定义样式style.xml
在values文件夹中新建一xml文件style.xml(名称可以随便起,但后缀必须.xml),参考代码如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="style_1">
<item name="android:textSize">25sp</item>
<item name="android:textColor">#80FF00</item>
</style>
<style name="style_2">
<item name="android:textSize">18sp</item>
<item name="android:textColor">#0C688E</item>
<item name="android:fromAlpha">0.0</item>
<item name="android:toAlpha" >0.0</item>
</style>
</resources>
运行即可看到样式的显示效果
补充:样式继承
样式也可以继承,如下代码为样式继承style1和style2继承了parentstyle(这里只需要修改上面的style.xml文件为下面代码即可看效果,这里不再赘述),参考代码如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="parentstyle">
<item name="android:background">#ffffff</item>
</style>
<style name="style_1">
<item name="android:textSize">25sp</item>
<item name="android:textColor">#80FF00</item>
</style>
<style name="style_2" parent="parentstyle">
<item name="android:textSize">18sp</item>
<item name="android:textColor">#0C688E</item>
<item name="android:fromAlpha">0.0</item>
<item name="android:toAlpha" >0.0</item>
</style>
</resources>
这里的style2继承了parentstyle(白色背景)的样式,运行效果如下:
读者可以对比参考上述示例代码