Android UI简介

    Android SDK包含许多控件，可以使用它们来为应用程序构建用户界面。Android SDK提供了文本字段、按钮、列表、网格等控件。此外，Android还提供了一组适合移动设备的控件。Android应用的绝大部分组件都放在android.widget包及其子包、android.view包及其子包中。常见控件的核心是两个类：android.view.View和android.view.ViewGroup。

View类表示一份通用的View对象。Android中的常见控件最终都会扩展View类。一个视图(View)在屏幕上占据了一块矩形区域，它负责渲染这块矩形区域，也可以处理这块矩形区域发生的事件，并且可以设置这块区域是否可见，是否可以获取焦点等。

    ViewGroup也是一个视图，但它还包含其他视图，作用就是View的容器，负责对添加进ViewGroup的这些View进行布局。ViewGroup是一些布局类的基类。像Swing一样，Android使用布局的概念来管理控件在容器视图中的摆放。当然，一个ViewGroup也可以加入到另一个ViewGroup里边，因为ViewGroup也是继承于View.Viewgroup类，它是一个抽象类，也是其他容器类的基类。

    要在Android中构建用户界面，有多种方法可供选择。可以完全用代码来构造用户界面；也可以在XML中定义用户界面。甚至可以结合使用两种方法：在XML中定义用户界面，然后在代码中引用和修改它。

    当在Android应用的/res/layout目录下定义一个主文件名任意的ＸＭＬ布局文件之后（Ｒ．Ｊａｖａ会自动收录该布局资源），Ｊａｖａ代码可通过如下方法在Ａｃｔｉｖｉｔｙ中显示该视图：setContentView(R.layout.<资源文件名字>)。

    当在文件中添加多个UI组件时，都可以为该UI组件指定android：id属性，该属性的属性值代表该组件的唯一标识。如果希望在Java代码中访问指定UI组件，可通过如下代码访问：findViewById(R.id.<android:id属性值>)。

1.完全利用代码来构建UI

    可在*Activity.java中写入以下代码：

public class CodeStyleActivity extends Activity {

	private LinearLayout nameContainer;

	/** Called when the activity is first created */
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		 createNameContainer();
		 
		 setContentView(nameContainer);
	}
	
	 private void createNameContainer() {
	 // TODO Auto-generated method stub
	 nameContainer = new LinearLayout(this);
	 //FILL_PARENT：铺满；WRAP_CONTENT：标示视图仅占据它在该方向上需要的空间，而不能占据更多，具体取决于包含视图所允许的空间范围
	 nameContainer.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
	 nameContainer.setOrientation(LinearLayout.HORIZONTAL); //水平放置
	
	 TextView nameLb1 = new TextView(this);
	 nameLb1.setText("Name:");
	
	 TextView nameValue = new TextView(this);
	 nameValue.setText("vjudge");
	
	 nameContainer.addView(nameLb1);
	 nameContainer.addView(nameValue);
	 }
}

2.完全使用XML构建UI

    XML文件存储在资源目录（/res）下的layout文件夹中。

(1)在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" >
    	
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Name: "/>
    
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="vjudge"/>

</LinearLayout>

(2)在相应的*Activity.java文件中：

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

	}
}

3.使用XML和代码构建UI

    完全使用Java代码来控制UI界面不仅烦琐、而且不利于解耦；而完全利用XML布局文件来控制UI界面虽然方便、便捷，但难免有失灵活。

    理想情况下，我们应该在XML中设计用户界面，然后从代码中引用这些控件。此方法支持将动态数据绑定到设计时定义的控件。实际上，这是推荐的做法。在XML中构建布局，然后使用代码填充动态数据非常简单。

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

(1)在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="horizontal" >
    	
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/txtname" />
    
    <TextView android:id="@+id/nameValue"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

(2)在strings.xml文件中添加：

<string name="txtname">Name: </string>

(3)在相应的*Activity.java文件中：

public class MixStyleActivity extends Activity {
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_mix_style);
		
		TextView nameValue = (TextView)findViewById(R.id.nameValue);
		nameValue.setText("vjudge");

	}
}

注：在调用findViewById()之前先通过setContentView(R.layout.activity_mix_style);加载了资源。如果未加载视图，将无法获得对视图的引用。