Android(安卓)主题 Demo 实例
下面的实例演示了如何为应用程序使用主题。出于演示目的,我们将修改默认的 AppTheme 其中默认的文本、大小、系列、阴影等将被更改。让我们首先按照以下步骤创建一个简单的 Android 应用程序:
| 步骤 | Description |
|---|---|
| 1 | 您将使用 EclipseIDE 创建一个 Android 应用程序,并在 com.example.themedemo 包下将其命名为 ThemeDemo。如 Hello World 实例一章所述。 |
| 2 | 修改 src/MainActivity.java 文件为定义的两个按钮添加单击事件监听器和处理程序。 |
| 3 | 在全局样式文件 res/values/style.xml 中定义样式,以定义按钮的自定义属性,并更改应用程序的默认主题以播放文本。 |
| 4 | 修改 res/layout/activity_main.xml 文件的详细内容,以包括一组 Android UI 控件,并使用定义的样式。 |
| 5 | 在 res/values/string.xml 文件中定义所需常量 |
| 6 | 运行应用程序以启动 Android 模拟器,并验证应用程序中所做更改的结果。 |
以下是修改后的主活动文件 src/com.example.themedemo/MainActivity.java 的内容。该文件可以包括每个基本生命周期方法。
package com.example.themedemo;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.View;import android.widget.Button;import android.widget.TextView;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//--- 找到所有的 button ---Button sButton = (Button) findViewById(R.id.button_s);Button lButton = (Button) findViewById(R.id.button_l);// -- 为第一个 button 注册点击事件 ---sButton.setOnClickListener(new View.OnClickListener() {public void onClick(View v) {// --- 找到 textview --TextView txtView = (TextView) findViewById(R.id.text_id);// -- 改变文本大小 --txtView.setTextSize(20);}});// -- 为第二个 button 注册点击事件 ---lButton.setOnClickListener(new View.OnClickListener() {public void onClick(View v) {// --- 找到 textview --TextView txtView = (TextView) findViewById(R.id.text_id);// -- 改变文本大小 --txtView.setTextSize(24);}});}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.main, menu);return true;}}
下面是 res/values/style.xml 文件的内容,该文件将定义附加样式 CustomButtonStyle
<resources><!--基础应用程序主题,取决于API级别。此主题已被替换在较新的设备上通过 AppBaseTheme 从 res/values vXX/styles.xml 获取。--><style name="AppBaseTheme" parent="android:Theme.Light"><!--新API级别中可用的主题自定义可以进入 res/values vXX/styles.xml,而定制与向后兼容性可以在这里实现。--></style><!-- 应用程序主题 --><style name="AppTheme" parent="AppBaseTheme"><!-- 所有不特定于特定 API 级别的自定义都可以转到此处。 --><item name="android:capitalize">characters</item><item name="android:typeface">monospace</item><item name="android:shadowDx">1.2</item><item name="android:shadowDy">1.2</item><item name="android:shadowRadius">2</item><item name="android:textColor">#494948</item>/><item name="android:gravity" >center</item><item name="android:layout_margin" >3dp</item><item name="android:textSize" >5pt</item><item name="android:shadowColor" >#000000</item></style><!-- 为按钮定义的自定义样式。 --><style name="CustomButtonStyle"><item name="android:layout_width">100dp</item><item name="android:layout_height">38dp</item></style></resources>
下面是 res/layout/activity_main.xml 文件的内容:
<?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" ><Buttonandroid:id="@+id/button_s"style="@style/CustomButtonStyle"android:text="@string/button_small"android:onClick="doSmall"/><Buttonandroid:id="@+id/button_l"style="@style/CustomButtonStyle"android:text="@string/button_large"android:onClick="doLarge"/><TextViewandroid:id="@+id/text_id"android:layout_width="wrap_content"android:layout_height="wrap_content"android:capitalize="characters"android:text="@string/hello_world" /></LinearLayout>
下面是 res/values/strings.xml 的内容,用于定义两个新常量:
<?xml version="1.0" encoding="utf-8"?><resources><string name="app_name">ThemeDemo</string><string name="action_settings">Settings</string><string name="hello_world">Hello world!</string><string name="button_small">Small Font</string><string name="button_large">Large Font</string></resources>
以下是 AndroidManifest.xml 的默认内容。在这里,我们不需要更改任何内容,因为我们保持了主题名称不变。但是,如果您定义了新的主题或继承了具有不同名称的默认主题,则必须将 AppTheme 名称替换为新的主题名称。
<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.example.guidemo"android:versionCode="1"android:versionName="1.0" ><uses-sdkandroid:minSdkVersion="8"android:targetSdkVersion="17" /><applicationandroid:allowBackup="true"android:icon="@drawable/ic_launcher"android:label="@string/app_name"android:theme="@style/AppTheme" ><activityandroid:name="com.example.guidemo.MainActivity"android:label="@string/app_name" ><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>
让我们尝试运行 ThemeDemo 应用程序。我假设您在进行环境设置时创建了 AVD。要从 Android Studio 运行应用程序,请打开项目的 activity 文件之一,然后单击工具栏上的运行 Eclipse
图标。Android studio 在您的 AVD 上安装应用程序并启动它,如果您的设置和应用程序一切正常,它将显示以下模拟器窗口:
