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 控件,并使用定义的样式。
5res/values/string.xml 文件中定义所需常量
6运行应用程序以启动 Android 模拟器,并验证应用程序中所做更改的结果。

以下是修改后的主活动文件 src/com.example.themedemo/MainActivity.java 的内容。该文件可以包括每个基本生命周期方法。

  1. package com.example.themedemo;
  2. import android.os.Bundle;
  3. import android.app.Activity;
  4. import android.view.Menu;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.TextView;
  8. public class MainActivity extends Activity {
  9. @Override
  10. protected void onCreate(Bundle savedInstanceState) {
  11. super.onCreate(savedInstanceState);
  12. setContentView(R.layout.activity_main);
  13. //--- 找到所有的 button ---
  14. Button sButton = (Button) findViewById(R.id.button_s);
  15. Button lButton = (Button) findViewById(R.id.button_l);
  16. // -- 为第一个 button 注册点击事件 ---
  17. sButton.setOnClickListener(new View.OnClickListener() {
  18. public void onClick(View v) {
  19. // --- 找到 textview --
  20. TextView txtView = (TextView) findViewById(R.id.text_id);
  21. // -- 改变文本大小 --
  22. txtView.setTextSize(20);
  23. }
  24. });
  25. // -- 为第二个 button 注册点击事件 ---
  26. lButton.setOnClickListener(new View.OnClickListener() {
  27. public void onClick(View v) {
  28. // --- 找到 textview --
  29. TextView txtView = (TextView) findViewById(R.id.text_id);
  30. // -- 改变文本大小 --
  31. txtView.setTextSize(24);
  32. }
  33. });
  34. }
  35. @Override
  36. public boolean onCreateOptionsMenu(Menu menu) {
  37. getMenuInflater().inflate(R.menu.main, menu);
  38. return true;
  39. }
  40. }

下面是 res/values/style.xml 文件的内容,该文件将定义附加样式 CustomButtonStyle

  1. <resources>
  2. <!--
  3. 基础应用程序主题,取决于API级别。此主题已被替换
  4. 在较新的设备上通过 AppBaseTheme 从 res/values vXX/styles.xml 获取。
  5. -->
  6. <style name="AppBaseTheme" parent="android:Theme.Light">
  7. <!--
  8. 新API级别中可用的主题自定义可以进入 res/values vXX/styles.xml,而定制与
  9. 向后兼容性可以在这里实现。
  10. -->
  11. </style>
  12. <!-- 应用程序主题 -->
  13. <style name="AppTheme" parent="AppBaseTheme">
  14. <!-- 所有不特定于特定 API 级别的自定义都可以转到此处。 -->
  15. <item name="android:capitalize">characters</item>
  16. <item name="android:typeface">monospace</item>
  17. <item name="android:shadowDx">1.2</item>
  18. <item name="android:shadowDy">1.2</item>
  19. <item name="android:shadowRadius">2</item>
  20. <item name="android:textColor">#494948</item>/>
  21. <item name="android:gravity" >center</item>
  22. <item name="android:layout_margin" >3dp</item>
  23. <item name="android:textSize" >5pt</item>
  24. <item name="android:shadowColor" >#000000</item>
  25. </style>
  26. <!-- 为按钮定义的自定义样式。 -->
  27. <style name="CustomButtonStyle">
  28. <item name="android:layout_width">100dp</item>
  29. <item name="android:layout_height">38dp</item>
  30. </style>
  31. </resources>

下面是 res/layout/activity_main.xml 文件的内容:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="vertical" >
  6. <Button
  7. android:id="@+id/button_s"
  8. style="@style/CustomButtonStyle"
  9. android:text="@string/button_small"
  10. android:onClick="doSmall"/>
  11. <Button
  12. android:id="@+id/button_l"
  13. style="@style/CustomButtonStyle"
  14. android:text="@string/button_large"
  15. android:onClick="doLarge"/>
  16. <TextView
  17. android:id="@+id/text_id"
  18. android:layout_width="wrap_content"
  19. android:layout_height="wrap_content"
  20. android:capitalize="characters"
  21. android:text="@string/hello_world" />
  22. </LinearLayout>

下面是 res/values/strings.xml 的内容,用于定义两个新常量:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <string name="app_name">ThemeDemo</string>
  4. <string name="action_settings">Settings</string>
  5. <string name="hello_world">Hello world!</string>
  6. <string name="button_small">Small Font</string>
  7. <string name="button_large">Large Font</string>
  8. </resources>

以下是 AndroidManifest.xml 的默认内容。在这里,我们不需要更改任何内容,因为我们保持了主题名称不变。但是,如果您定义了新的主题或继承了具有不同名称的默认主题,则必须将 AppTheme 名称替换为新的主题名称。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.example.guidemo"
  4. android:versionCode="1"
  5. android:versionName="1.0" >
  6. <uses-sdk
  7. android:minSdkVersion="8"
  8. android:targetSdkVersion="17" />
  9. <application
  10. android:allowBackup="true"
  11. android:icon="@drawable/ic_launcher"
  12. android:label="@string/app_name"
  13. android:theme="@style/AppTheme" >
  14. <activity
  15. android:name="com.example.guidemo.MainActivity"
  16. android:label="@string/app_name" >
  17. <intent-filter>
  18. <action android:name="android.intent.action.MAIN" />
  19. <category android:name="android.intent.category.LAUNCHER" />
  20. </intent-filter>
  21. </activity>
  22. </application>
  23. </manifest>

让我们尝试运行 ThemeDemo 应用程序。我假设您在进行环境设置时创建了 AVD。要从 Android Studio 运行应用程序,请打开项目的 activity 文件之一,然后单击工具栏上的运行 Eclipse Eclipse Run Icon 图标。Android studio 在您的 AVD 上安装应用程序并启动它,如果您的设置和应用程序一切正常,它将显示以下模拟器窗口:

分类导航