Android学习笔记（六） —— 样式化的定型对象 — Style样式的定义

    老是要一个个指定文字的大小，颜色也不是个办法，有没有类似CSS样式的方法可用来指定颜色，大小呢？事实上是有的，在Android程序开发过程中，也可以通过样式（Style）的方式，初始化TextView的文本颜色，大小；当然这个范例只是抛砖引玉，在Layout当中的任何对象（以XML定义）都可以用样式化的方式来更改其外观。

  在以下的范例中，将创建两个TextView对象作为对比，使其呈现两种不同的样式差异作为联系，而Style的写法与颜色常数（color.xml）相同，同样是定义在res/values下面，但其XML定义的方式不同，来看看以下这个范例。

运行结果：

步骤：

step1：新建Android工程EX03_06_StyleDemo

step2：res->values->styles.xml

在此的styles.xml就是这个范例的关键之处，当中定义了两个样式名称，分别为StyleText1与StyleText2.

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
     <style name="StyleText1">
          <item name="android:textSize">18sp</item>
          <item name="android:textColor">#87CEFA</item>
     </style>

     <style name="StyleText2">
          <item name="android:textSize">14sp</item>
          <item name="android:textColor">#FF0000</item>
          <item name="android:fromAlpha">0.0</item>
          <item name="android:toAlpha">1.0</item>
     </style>
</resources>

step3：res->layout->main.xml

  初始化TextView时，指定Style属性，使其应用styles.xml里事先定义好的样式。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:background="@color/pink"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">

    <!-- 应用样式1的TextView -->
    <TextView
        style="@style/StyleText1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|center_horizontal"
        android:text="应用style1"/>
   
    <!-- 应用样式2的TextView -->
    <TextView
        style="@style/StyleText2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|center_horizontal"
       android:text="应用style2"/>
</LinearLayout>

step4：EX03_06_StyleDemo  主程序看起来非常干净，只有加载R.layout.main定义布局内容而已，但由于定义在main.xml里的语句不通，自然也有不同的样貌呈现。

package com.example.ex03_06_styledemo;

import android.os.Bundle;
import android.app.Activity;

public class EX03_06_StyleDemo extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}