Android中UI界面控制方式介绍与使用

package com.example.uicontrol;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

/*
 * UI界面控制：指以某种方式给用户呈现页面中的UI元素
 * Android中提供3种方法如下：
 * 1、使用XML布局文件控制UI界面
 * 2、在Java代码中控制UI界面
 * 3、使用XML和Java代码混合控制界面（推荐）
 */

/*
 * 第1种方式：采用XML文件来进行界面布局，可以将布局界面
 * 的代码和逻辑控制的Java代码分离开来，这样可以使程序结构更加清晰、明了
 * 运用步骤如下：
 * （1）在项目res/layout目录下编写XML布局文件，创建完毕后，R.java会自动收录
 * 该布局资源
 * （2）在Activity中使用如下代码显示XML文件布局内容：setContentView(R.layout.main)
 * 注释：main为XML布局文件的名称
 */
public class XMLActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_xml);//在Activity中使用如下代码显示XML文件布局内容
	}

//	@Override
//	public boolean onCreateOptionsMenu(Menu menu) {
//		// Inflate the menu; this adds items to the action bar if it is present.
//		getMenuInflater().inflate(R.menu.main, menu);
//		return true;
//	}

}

<pre name="code" class="html"><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
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

<pre name="code" class="java">package com.example.uicontrol;

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

/*
 * 第2种方式:可以完全通过代码控制UI界面；其中的UI组件都是通过new关键字创建出来
 * 然后将这些UI界面添加到布局管理器中
 * 其使用步骤如下：
 * （1）创建布局管理器；如线性布局管理器、表格布局管理器等
 * （2）创建具体的组件；如TextView、EditText等
 * （3）将创建的组件添加到布局管理器中
 */
public class JavaActivity extends Activity {
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		FrameLayout frameLayout=new FrameLayout(this);//创建帧布局管理器
		
		setContentView(frameLayout);//设置在Activity中显示frameLayout
		
		TextView text=new TextView(this);//创建文本显示组件
		text.setText("HelloWorld!在java代码中控制UI界面");
		
		frameLayout.addView(text);//将text组件添加到布局管理器中
		
	}
}

<pre name="code" class="java">package com.example.uicontrol;

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

/*
 * 第3种方式：鉴于第1种方式实现比较方便、快捷但是不够灵活，而第2种方法虽然比较灵活，但是开发
 * 过程比较繁琐等优缺点，采取混合控制UI界面的第3种方法是值得推荐使用的，当然也是要视具体情况而定
 * 特点：习惯上将变化小、行为比较固定的组件放在XML布局文件中；把变化多、行为控制比较复杂的组件
 * 交给Java代码来管理
 */

public class JavaAndXmlActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		setContentView(R.layout.activity_java_xml);//在Activity中使用如下代码显示XML文件布局内容
		
		RelativeLayout layout=(RelativeLayout)findViewById(R.id.layout);//获取XML文件中定义的相对布局管理器
	
		TextView text=new TextView(this);//创建文本显示组件
		text.setText("HelloWorld!在java代码和XML布局文件混合使用中控制UI界面");
	    layout.addView(text);//将text组件添加到布局管理器中
		
	}

}

<pre name="code" class="html"><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"
    android:id="@+id/layout">

</RelativeLayout>