Android UI控件和基本事件的响应

在任何一个 GUI 系统中,控制界面上的控件(通常称为控件)都是一个基本的内容。对于 Android 应用程序,控件称为 View。

在 Android 中,在处理 UI 中的各种元素的时候,两个程序中的要点为:

„ 得到布局文件(XML)中的控件句柄

„ 设置控件的行为

Android 中3种基本的程序控制方法。例子效果是通过 2 个按钮来控制一个文本框的背景颜色。

布局文件(layout)的代码片段如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/screen"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<TextView android:id="@+id/text1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:textSize="24sp"

android:text="@string/text1" />

<Button android:id="@+id/button1"

android:layout_width="80sp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="@string/red"/>

<Button android:id="@+id/button2"

android:layout_width="80sp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="@string/green"/>

</LinearLayout>

1.事件响应方法

根据以上的布局文件中定义的两个按钮和一个文本框,这个布局文件被活动设置为 View 后,显示的内容就如上

图所示,只是行为还没有实现。

行为将在源代码文件 TestEvent1.java 中实现,这部分的代码如下所示:

package com.android.basicapp;

import android.app.Activity;

import android.os.Bundle;

import android.graphics.Color;

import android.widget.Button;

import android.widget.TextView;

import android.view.View;

import android.view.View.OnClickListener;

import android.util.Log;

public class TestEvent1 extends Activity {

private static final String TAG = "TestEvent1";

public TestEvent1() {

}

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.testevent);

final TextView Text = (TextView) findViewById(R.id.text1);

// 获得句柄

final Button Button1 = (Button) findViewById(R.id.button1);

final Button Button2 = (Button) findViewById(R.id.button2);

Button1.setOnClickListener(new OnClickListener() { // 实现行为功能

public void onClick(View v) {

Text.setBackgroundColor(Color.RED);

}

});

Button2.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

Text.setBackgroundColor(Color.GREEN);

}

});

}

}

在创建的过程中,通过 findViewById 获得各个屏幕上面的控件(控件)的背景,这里使用的 R.id.button1 等和布局文件中各个元素的 id 是对应的。实际上,在布局文件中,各个控件即使不写 android:id 这一项也可以正常显示,但是如果需要在代码中进行控制,则必须设置这一项。

根 据 Button 控 件 的 setOnClickListener() 设 置 了 其 中 的 点 击 行 为 , 这 个 方 法 的 参 数 实 际 上 是 一 个View.OnClickListener 类型的接口,这个接口需要被实现才能够使用,因此在本例的设置中,实现了其中的 onClick()函数。这样既可实现点击的时候实现相应的功能,在点击的函数中,将通过 Text 的句柄对其进行控制。

2.第二种响应方法

除了上述的使用方法,在使用同样的布局文件和应用程序的情况下,实现同样的功能。本例中使用的是另外的

一种方式实现。

本例使用的源代码文件如下所示:

package com.android.basicapp;

import android.app.Activity;

import android.os.Bundle;

import android.graphics.Color;

import

import

import

import

android.widget.Button;

android.widget.TextView;

android.view.View;

android.view.View.OnClickListener;

import android.util.Log;

public class TestEvent2 extends Activity implements OnClickListener {

// 实现相关的接口

private static final String TAG = "TestEvent2";

private TextView mText;

private Button mButton1;

private Button mButton2;

public TestEvent2() {

}

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.testevent);

mText = (TextView) findViewById(R.id.text1);

mButton1 = (Button) findViewById(R.id.button1);

mButton1.setOnClickListener(this); // 设置监听的类

mButton2 = (Button) findViewById(R.id.button2);

mButton2.setOnClickListener(this); // 设置监听的类

}

public void onClick(View v) {

Log.v(TAG, "onClick()");

switch(v.getId()){

// 区分不同的控件

case R.id.button1:

mText.setBackgroundColor(Color.RED);

break;

case R.id.button2:

mText.setBackgroundColor(Color.GREEN);

break;

default:

Log.v(TAG, "other");

break;

}

}

}

这个例子的主要变化是让活动实现(implements)了 OnClickListener()这个进口,也就是需要实现其中的 onClick()方法。然后通过 setOnClickListener()将其设置到按钮中的 参数就是 this,表示了当前的活动。

通过这种方式的设置,如果程序中有多个控件需要设置,那么所设置的也都是一个函数。为了保证对不同控件具有不同的处理,可以由 onClick()函数的参数进行判断,参数是一个 View 类型,通过 getId()获得它们的 ID,使用switch...case 分别进行处理。

在本例中,通过将需要将文本框(TextView)句柄保存为类的成员(mText),这样就可以在类的各个函数中都能获得这个句柄进行处理。这和上一种方法是有区别的,因为上一个例子实现的接口和获得的 TextView 在同一个函数中,因此不需要保存 TextView 的句柄。

3.第三种响应方法

本例介绍同样功能实现的第三种方法,区别也仅仅在于 JAVA 源代码中,实现的内容如下所示。

import android.view.View.OnClickListener;

import android.util.Log;

public class TestEvent3 extends Activity{

private

private

private

private

static final String TAG = "TestEvent3";

TextView mText;

Button1_OnClickListener mListener1 = new Button1_OnClickListener();

Button2_OnClickListener mListener2 = new Button2_OnClickListener();

public TestEvent3() {

}

class Button1_OnClickListener implements OnClickListener { // 接口的第一个实现

public void onClick(View v) {

mText.setBackgroundColor(Color.RED);

}

}

class Button2_OnClickListener implements OnClickListener { // 接口的第一个实现

public void onClick(View v) {

mText.setBackgroundColor(Color.GREEN);

}

}

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.testevent);

mText = (TextView) findViewById(R.id.text1);

final Button mButton1 = (Button) findViewById(R.id.button1);

final Button mButton2 = (Button) findViewById(R.id.button2);

mButton1.setOnClickListener(mListener1);

mButton2.setOnClickListener(mListener2);

// 设置监听者的类

// 设置监听者的类

}

}

本例通过定义实现活动类中的 2 个子类,来实现 View.OnClickListener 这个接口,这种方式是一种最为直接的方

式,即为不同的控件单独实现它的相应类。