安卓第五夜维纳斯的诞生

优质

小牛编辑

127浏览

2023-12-01

之前各讲中，分别讲解了安卓的开发环境、架构和基本概念。从这一讲开始，我将制作一个简单的应用，并通过逐步升级它的功能，连带出安卓开发的多个情境。

《维纳斯的诞生》是文艺复兴早期名画。相传美神维纳斯从海的泡沫中诞生，波提切利用大胆的笔触描绘这一古典神话。画面洋溢着对人体和美的热爱。如果在中世纪或者西班牙宗教审判时期，这幅画足够波提切利上火刑架了。

任务描述

我将制作一个简单的欢迎页面。页面中有一个按钮。点击后，将显示制作人姓名。

知识点包括：

新建Activity：通过继承Activity类，来创建一个新的类。
页面布局：LinearLayout
按钮点击监：OnClickListener
临时显示简单的文字信息：Toast用于显示简单的文字信息

编写视图

按照安卓第一夜第一个应用中的介绍，创建一个Android项目Vamei，项目包的名字为me.vamei.vamei。

我将要创建一个页面。这个页面的视图定义在res/layout/activity_main.xml中。从安卓第四夜概念漫游（下）中，我们已经知道，这个XML文件描述了一个视图树。内容如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Welcome" />

    <Button
        android:id="@+id/author"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/btn_text" />

</LinearLayout>

这里采用了线性布局LinearLayout，根据它的orientation的属性"vertical"，视图元素将从上向下排列。线性布局中包含一个TextView，以及一个Button按钮。TextView用于显示文本"Welcome"。

视图元素有layout_width和layout_height属性，分别定义元素的宽度和高度。这两个属性可以是具体的数值，比如"10px"，也可以是：

"match_parent"：与母元素相同
"wrap_content"：与包含的内容相同，如文字本身的尺寸

Button还有一个id，即author。在程序中我们可以借用这个id来引用该按钮。Button上文本是一个字符串。注意符号@，表示这里引用了一个名为btn_text的字符资源。我们当然可以像"Welcome"那样直接使用一个字符串，但引用字符资源有额外的好处。我们可以在程序的多处重复利用的同一个资源条目，从而便于修改。该字符串保存在res/values/strings.xml中：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Vamei</string>
    <string name="action_settings">Settings</string>
    <string name="author">vamei</string>    
    <string name="btn_text">who am I</string>
</resources>

可以看到，名为btn_text的字符串资源为"who am I"。

编写Activity

上面XML定义的视图是静态的。想要实现动态的应用，我还需要一个配套的Activity。在src文件夹下的me.vamei.vamei包中，会有一个MainActivity.java。这个Java文件中包含一个MainActivity类，继承自Activity。我将其中的代码修改为：

package me.vamei.vamei;

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

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // attach view tree to the activity
        setContentView(R.layout.activity_main);
        
        // monitor "click" action for the button
        Button btn = (Button) findViewById(R.id.author);
        btn.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, 
                        getString(R.string.author), 
                        Toast.LENGTH_LONG).show();
            }
        });
    }
}

在这个类中，我只包含了一个onCreate()方法。当应用启动时，安卓将调用onCreate()方法。该方法有一个Bundle类型的参数，记录Activity的状态，我将在以后讲解。

onCreate()方法中主要做了两件事：

连接Activity与视图树。setContentView()方法为Activity增加了视图树。这里引用了activity_main.xml中的视图树。可以注意到，安卓中用R来代表资源。
监听按钮的点击事件。因为我们在activity_main.xml中定义了按钮的id，所以可以使用findViewById方法，便捷的引用按钮。View元素可以使用setOnClickListner()方法，为点击事件增加OnClickListener类型的监听对象。

用户点击按钮后，安卓将执行监听对象的onClick()方法。该方法利用Toast，显示一段文本，即R.string.author对应的字符串资源。在res/values/strings.xml中，已经定义该字符串为"vamei"。Toast是一个弹出的文字显示框。makeText()的三个参数分别为弹出框的Context、要显示的字符串和显示时间。

注册Activity

已经完成的Activity需要在AndoriManifest.xml中注册。这是安卓应用的配置文件，可以进行许多权限相关的设定。我的AndroidManifest.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="me.vamei.vamei"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="me.vamei.vamei.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>

可以看到<activity>标签中注册了MainActivity。<Activity>中还定义了该Activity的Intent Filter，即愿意接收的Intent。

运行

运行应用，效果如下：

好吧，这个界面离维纳斯还有点距离……

总结

一个单页Activity

LinearLayout, TextView, Button

layout_width, layout_height, "wrap_content", "match_parent"

setContentView()

setOnClickListener()

Toast.maketext()

安卓第五夜 维纳斯的诞生

任务描述

编写视图

编写Activity

注册Activity

运行

总结

安卓第五夜维纳斯的诞生