Android控制界面布局的两种方式

概念一：View

Android所有UI组件都继承自View类，View类是一个抽象类，不能直接创建View类的对象（即不能直接实例化），通常是实例化View类的子类，即具体的UI组件或布局管理器。

View类还有一个重要的子类：ViewGroup，ViewGroup也是一个抽象类，所以也不能直接实例化，通常我们使用的是它的子类。ViewGroup是一种特殊的View，它可以作为容器，容纳其他组件，也可以容纳另一个ViewGroup。所以Android中的几个布局管理器（如LinearLayout、RelativeLayout等）都是继承自ViewGroup。

概念二：Activity

Activity是Android四大组件之一，可见其重要性。Activity是Android应用中负责与用户交互的组件，它就像一个展板，可以把开发人员设计的漂亮的界面展示给用户，同时可以响应用户的一些操作（事件响应）。所有的View都要通过Activity才能真正的被用户看到。

 

一个Android应用的界面（UI）都是由各个组件组合而成的，我们只需要创建对应组件的对象，并将它放在一个布局管理器中，这样就可以在Activity中显示出来了。

Android中控制UI组件有两种方式：

•  通过Java代码控制
• 通过XML布局文件控制

 

Android推荐使用XML布局文件控制UI组件，因为这样就可以将界面布局和业务实现的代码分离，使代码看上去更简洁，更利于维护。但是使用XML布局文件的缺点是不够灵活，如果程序中需要灵活的创建或者删除组件，那么使用Java代码来控制会更方便一些。通常在实际开发中会结合这两种方式，将大部分固定不变的UI组件在XML文件中布局，而将少部分需要灵活控制的组件放到代码中去实现。通过两种方式创建的界面布局最后都要在Activity中通过setContentView方法显示出来。

1.      使用XML布局的方式

需要在项目工程的res/layout目录下新建一个xml布局文件，通常布局的最外层会是一个布局管理器，我们可以向布局管理器中添加多个UI组件，每个UI组件都可以指定一个唯一的ID和宽度、高度等属性，在Java代码中就可以通过findViewById(int resId)方法找到对应的组件并创建它的对象。

在res/layout目录下新建一个activity_main.xml布局文件

<!-- 这是一个简单的界面布局 -->

<!-- RelativeLayout是一个布局管理器
	它继承自ViewGroup类，是其它组件的容器 
	layout_width和layout_height 两个属性是布局管理器的宽和高
	match_parent 表示充满整个屏幕
-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
	>
	<!-- TextView是一个UI组件 
		可以为它设置各种属性，这里设置了id、宽度、高度和TextView显示的内容
		wrap_content 表示这个组件的宽和高会根据自身要显示的内容来调整-->
    <TextView
        android:id="@+id/hello_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

在Activity中加载该界面布局

package com.example.helloui;

import android.os.Bundle;
import android.app.Activity;
import android.widget.TextView;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 程序中通过setContentView(int layoutResID)方法加载界面布局
		setContentView(R.layout.activity_main);
		// 程序中通过findViewById(int id)方法获取XML布局文件中UI组件的实例
		TextView helloTextView=(TextView)findViewById(R.id.hello_textview);
	}
}

2.      使用java代码布局的方式

所有UI组件都通过new关键字创建出来，然后使用一个布局管理器来容纳这些组件，和XML布局的方式一样，在代码中同样可以给UI组件设置一些属性，如宽度、高度、ID等。

package com.example.helloui;

import android.os.Bundle;
import android.app.Activity;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 创建一个容器
		RelativeLayout layout=new RelativeLayout(this);
		// 程序中通过setContentView(View view)方法加载界面布局
		setContentView(layout);
		// 创建一个UI组件TextView
		TextView helloTextView=new TextView(this);
		// 设置UI组件的宽和高
		helloTextView.setLayoutParams(new ViewGroup.LayoutParams(
				ViewGroup.LayoutParams.WRAP_CONTENT,
				ViewGroup.LayoutParams.WRAP_CONTENT));
		// 设置TextView显示的内容
		helloTextView.setText(getResources().getString(R.string.hello_world));
		// 将UI组件添加到容器中
		layout.addView(helloTextView);
	}
}

因为所有的布局都在代码中进行控制，所以就不需要XML布局文件了，在Activity中使用了  setContentView(int layoutResID)   的重载方法  setContentView(View view) 来显示UI组件。
上面两个程序的效果是一样的。如果界面布局很复杂的时候，使用代码来控制UI组件就会让代码变得特别臃肿，所以要以XML布局为主，代码布局为辅，根据实际需求来灵活选择。

转载请指明原文出处http://blog.csdn.net/fxdaniel/article/details/41345397