动态的改变程序的主题

在这个教程中，我将对android中的主题做一个简短的介绍，用户可以通过点击一个按钮，动态的在程序运行时改变主题。

主题介绍

在android中，“主题”是一种统一定义你的用户界面的简单的方式。从长远来看，定义一个主题不仅可以节省你编写代码的时间，也意味着如果你进行UI调整，紧紧需要在一个地方进行改动。这样做节省了你的时间，降低了人为造成的错误。

主题和风格常常在很多android教程互换使用。为了清晰起见，我们将在本教程中关注主题。它们的区别：

1、  主题是一组格式规则，应用在活动或者程序中。

2、  风格（style）是应用的一个视图中的一组规则。

创建一个自定义主题

在android平台中包括一个预定义的主题，也很容易创建自己的主题，两者之间可以很方便的进行转换。

当你创建一个项目是，Eclipse会在res/values下自动生成styles.xml的文件。你可以在styles.xml文件中定义主题。或者你想将风格和主题分开，可以选择为主题建立一个独立的文件。创建themes.xml文件，你可以右击工程，点击new，选择Android XML File。

不管使用那个文件，以下是具体步骤：

1）  添加<resources>标签：

<resources>
</resources>

2）  给你的主题添加一个唯一的名字，添加结束标签，如下：

<resources>
<stylename="BlackTheme" >
</style>
</resources>

3）  定义你的主题的相关属性和值：

<itemname="android:background">#000000</item>

在本教程中，我们将创建两个主题，定义不同的背景颜色和文本颜色：

<resources>
<stylename="BlackTheme" >
<itemname="android:background">#000000</item>
<itemname="android:textColor">#FFFFFF</item>
</style>
<stylename="BlueTheme" >
<itemname="android:background">#B0E0E6</item>
<itemname="android:textColor">#000000</item>
</style>
</resources>

创建布局

要检查主题之间是否正常切换，我们将创建一个布局，用来显示文本和背景颜色的变化。我们也会给用户一种切换主题的方式。

打开你的布局文件，输入如下代码：

<?xmlversion="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="14dp"
android:text="@string/pick"
android:textAppearance="?android:attr/textAppearanceLarge"/>
<Button
android:id="@+id/blackbutton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/textView1"
android:text="@string/black"/>
<Button
android:id="@+id/bluebutton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/blackbutton"
android:layout_below="@+id/blackbutton"
android:text="@string/blue"/>
<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView2"
android:layout_below="@+id/bluebutton"
android:ems="10"
android:hint="Name"
android:inputType="textPersonName">
</EditText>
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/editText3"
android:layout_below="@+id/editText3"
android:text="@string/agree"/>
<EditText
android:id="@+id/editText3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/editText1"
android:ems="10"
android:hint="Password"
android:inputType="numberPassword"/>
</RelativeLayout>

保存之后可能会提示有错误，不用管，跟进以下步骤。

定义你的Strings

以下定义布局文件定义的几个字符串。打开res/values/strings.xml，修改如下：

<resources>
    <string name="app_name">主题</string>
    <string name="black">黑色</string>
    <string name="blue">蓝色</string>
    <string name="pick">选择颜色</string>
    <string name="agree">同意你的条件。</string>
</resources>

MainActivity.java

现在是重点，打开MainAcitivity（src/com/songsoft/themes），没有的话新建，现在我们来讲解一下。

import android.os.Bundle;
importandroid.app.Activity;
importandroid.view.View;
importandroid.view.View.OnClickListener;

这些是程序需要使用的各种类和接口。其中OnClickListener是响应按钮单击事件。

publicclass MainActivity extends Activity implements OnClickListener
{
/**活动第一次创建是调用*/
@Override
publicvoid onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
themeUtils.onActivityCreateSetTheme(this);
setContentView(R.layout.main);
//这里调用了OnClickListener，现在，忽略Eclipse抛出的错误。
findViewById(R.id.blackbutton).setOnClickListener(this);
findViewById(R.id.bluebutton).setOnClickListener(this);
}
@Override
//点击事件
publicvoid onClick(View v)
{
switch(v.getId())
{
//当按钮单击时调用。
caseR.id.blackbutton:
themeUtils.changeToTheme(this,themeUtils.BLACK);
break;
caseR.id.bluebutton:
themeUtils.changeToTheme(this,themeUtils.BLUE);
break;
}
}
}

将主题同时设置黑色和蓝色是不可能的，因此添加break语句。

注意，这一节将抛出大量的错误，我们将在下一节创建themeUtils类来消除这些警告和错误。

创建themeUtils.java

下面是创建我们在MainActivity.java中提到的新类，并创建一些静态方法来支持主题的变化。

打开src/com.songsoft.themes，右键单击，创建一个类，输入名字themeUtils。

如图：

打开这个文件，输入以下代码：

packagecom.songsoft.themes;
importandroid.app.Activity;
importandroid.content.Intent;
 public class themeUtils
{
privatestatic int cTheme;
publicfinal static int BLACK = 0;
publicfinal static int BLUE = 1;
publicstatic void changeToTheme(Activity activity, int theme)
{
cTheme =theme;
activity.finish();
activity.startActivity(newIntent(activity, activity.getClass()));
 }
publicstatic void onActivityCreateSetTheme(Activity activity)
{
switch(cTheme)
{
default:
caseBLACK:
activity.setTheme(R.style.BlackTheme);
break;
caseBLUE:
activity.setTheme(R.style.BlueTheme);
break;
}
}
}

检查一下

themeUtils创建完成后，点击保存，所有的提示错误消失。

启动模拟器，这里的版本是Android2.3.3。看看效果。

感兴趣的同学可以改一下相关代码，添加相关按钮，增加主题。