Android学习5--界面编程与视图（View）组件

1、使用XML布局文件控制UI界面

Android推荐使用XML布局文件控制视图，不仅简单、明了，而且可以将应用的视图控制逻辑从java代码中分离出来，放入XML文件中控制，跟好地体现MVC原理。

当我们在Android应用的res/layout目录下定义一个主文件名任意的XML布局文件之后（R.java会自动收录该布局资源），java代码可通过如下方法在Activity中显示该视图：

setContentView(R.layout.<资源文件名>);

当在布局文件中添加多个UI组件时，都可以为该UI组件指定android：id属性，该组件的属性值代表该组件的唯一标识。java代码中访问指定UI组件，可通过如下代码实现：

findViewById(R.id.<android.id属性值>);

一旦在程序中获得指定UI组件后，接下来就可以通过代码来控制各UI组件的外观行为了，包括UI组件绑定监听器等。

2、在代码中控制UI界面

可以抛弃XML布局文件，完全在java代码中控制UI界面。如果希望在代码中控制UI界面，那么所有的UI组件都将通过new关键字创建出来，然后以合适的方式“搭建”在一起即可。下面的例子就是用Java代码控制UI界面：

package org.crazyit.codeview;

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

public class CodeView extends Activity {
 // 当第一次创建该Activity时回调该方法
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  // 创建一个线性布局管理器
   LinearLayout layout = new LinearLayout(this);
  // 设置该Activity显示layout
  super.setContentView(layout);
  layout.setOrientation(LinearLayout.VERTICAL);
  // 创建一个TextView
  final TextView show = new TextView(this);
  // 创建一个按钮
  Button bn = new Button(this);
  bn.setText(R.string.ok);
  bn.setLayoutParams(new ViewGroup.LayoutParams(
    ViewGroup.LayoutParams.WRAP_CONTENT,
    ViewGroup.LayoutParams.WRAP_CONTENT));
  // 向Layout容器中添加TextView
  layout.addView(show);
  // 向Layout容器中添加按钮
  layout.addView(bn);
  // 为按钮绑定一个事件监听器
  bn.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    show.setText("Hello , Android , " + new java.util.Date());
   }
  });
 }
}

执行后的结果显示一个按钮，上面是一个文本显示框，一单击按钮，则文本显示框中显示当前的时间。

这种方式不仅编程繁琐，而且不利于高层次的解耦，因此不推荐开发者使用这种方式。

3、使用XML布局文件和Java代码混合控制UI界面

前面提到，完全用java代码控制UI界面不仅繁琐，而且不利于解耦；而完全用XML布局文件控制UI界面虽然方便、便捷，但难免有失灵活。因此，有时要混合使用XML布局文件和代码来控制UI界面。

当混合使用XML布局文件和代码控制UI界面时，习惯把变化小、行为较固定的组件放在XML文件中管理，那些变化较大、行为控制较复杂的组件交给java代码管理。

例如，我们现在布局文件中定义一个简单的线性布局容器。该布局文件（main.xml）的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义一个线性布局容器 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/root"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 >
</LinearLayout>

上面的布局文件只是定义了一个简单的线性布局，接下来我们会在程序中获取该线性布局容器，并在容器中添加组件，下面是程序代码：

package org.crazyit.mixview;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MixView extends Activity
{
 //定义一个访问图片的数组
 int[] images = new int[]{
  R.drawable.java,
  R.drawable.ee,
  R.drawable.classic,
  R.drawable.ajax,
  R.drawable.xml,
 };
 int currentImg = 0;
 @Override
 public void onCreate(Bundle savedInstanceState)
 {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  //获取LinearLayout布局容器
  LinearLayout main = (LinearLayout)findViewById(R.id.root);
  //程序创建ImageView组件
  final ImageView image = new ImageView(this);
  //将ImageView组件添加到LinearLayout布局容器中
  main.addView(image);
  //初始化时显示第一张图片
  image.setImageResource(images[0]);
  image.setOnClickListener(new OnClickListener()
  {
   @Override
   public void onClick(View v)
   {
    if (currentImg >= 4)
    {
     currentImg = -1;
    }
    //改变ImageView里显示的图片
    image.setImageResource(images[++currentImg]);
   }
  });
 }
}

上面程序第一行绿色代码获取该Activity所显示的LinearLayout（线性布局管理器），第二、第三行绿色代码用于创建一个ImageView，并将该ImageView添加到LinearLayout容器中----其中LinearLayout布局管理器通过XML布局文件管理，而ImageView由java代码管理。程序还为ImageView组件添加了一个单击事件，当用户单击该组件时，ImageView显示下一张图片。

4、开发自定义View

当Android系统提供的UI组件不足以满足项目需求时，开发者可以通过继承View来派生自定义组件。

当开发者打算派生自己的UI组件时，首先定义一个继承View基类的子类，然后重写View类的一个或多个方法。