上一节:

  Android 主题演示示例

  • 主题演示示例

    下面的示例演示如何在应用程序中使用主题。出于演示目的，我们将修改默认的AppTheme，其中默认文本，其大小，系列，阴影等将被更改。让我们开始按照以下步骤创建一个简单的Android应用程序-
    1. 您将使用Android Studio创建一个Android应用程序，并将其命名为Demo，位于com.jc2182.demo包下，如Hello World示例一章中所述。
    2. 修改src/MainActivity.java 为定义的按钮添加单击事件侦听器和处理程序
    3. 在全局样式文件res/values/style.xml中定义样式，以定义按钮的自定义属性，并更改应用程序的默认主题以与文本一起播放。
    4. 修改res/layout/activity_main.xml文件的默认内容以包括一组Android UI控件并使用已定义的样式。
    5. 在res/values/strings.xml文件中定义所需的常量
    6. 运行该应用程序以启动Android模拟器并验证在该应用程序中所做更改的结果。
    以下是修改后的主要活动文件src/com.jc2182.demo/MainActivity.java的内容。该文件可以包括每个基本生命周期方法。 
    
package com.jc2182.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;


public class MainActivity extends Activity  {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //--- 找到两个按钮
        Button sButton = (Button) findViewById(R.id.button_s);
        Button lButton = (Button) findViewById(R.id.button_l);

        // -- 用第一个按钮注册单击事件 ---
        sButton.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // --- 找到 text view --
                TextView txtView = (TextView) findViewById(R.id.text_id);

                // -- 改变文本大小 --
                txtView.setTextSize(20);
            }
        });

        // -- 用第二个按钮注册单击事件 ---
        lButton.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // --- 找到text view --
                TextView txtView = (TextView) findViewById(R.id.text_id);

                // -- 改变文本大小 --
                txtView.setTextSize(24);
            }
        });
    }


}
    以下是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" >

    <Button
        android:id="@+id/button_s"
        style="@style/CustomButtonStyle"
        android:text="@string/button_small"
        android:onClick="doSmall"/>

    <Button
        android:id="@+id/button_l"
        style="@style/CustomButtonStyle"
        android:text="@string/button_large"
        android:onClick="doLarge"/>

    <TextView
        android:id="@+id/text_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</LinearLayout>
    以下是res/values/styles.xml文件的内容- 
    
<resources>

    <!--
       Base application theme, dependent on API level. This theme is replaced
       by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->

    <style name="AppBaseTheme" parent="android:Theme.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
         -->
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
        <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>

    <!-- Custom Style defined for the buttons. -->
    <style name="CustomButtonStyle">
        <item name="android:layout_width">100dp</item>
        <item name="android:layout_height">38dp</item>
    </style>

</resources>
    以下是res/values/strings.xml文件的内容- 
    
<resources>
    <string name="app_name">Demo</string>
    <string name="button_small">小字体</string>
    <string name="button_large">大字体</string>
    <string name="hello_world">Hello World！</string>
</resources>
    以下是AndroidManifest.xml的默认内容。在这里，我们无需更改任何内容，因为我们保持主题名称不变。但是，如果您定义新的新主题或使用其他名称继承默认主题，则必须用新的主题名称替换AppTheme名称。 
    
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.jc2182.demo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

</manifest>
    让我们尝试运行刚刚修改的应用程序。我假设您在进行环境设置时已创建了AVD。要从Android Studio运行该应用，请打开您项目的活动文件之一，然后工具栏中单击“运行”图标。Android studio将应用程序安装在您的AVD上并启动它，如果设置和应用程序一切正常，它将显示在“模拟器”窗口下面-
    点击按钮切换字体大小。
上一节: