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布局文件

[html]  view plain  copy

1. <!-- 这是一个简单的界面布局 -->  
2.   
3. <!-- RelativeLayout是一个布局管理器  
4.     它继承自ViewGroup类，是其它组件的容器   
5.     layout_width和layout_height 两个属性是布局管理器的宽和高  
6.     match_parent 表示充满整个屏幕  
7. -->  
8. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
9.     xmlns:tools="http://schemas.android.com/tools"  
10.     android:layout_width="match_parent"  
11.     android:layout_height="match_parent"  
12.     >  
13.     <!-- TextView是一个UI组件   
14.         可以为它设置各种属性，这里设置了id、宽度、高度和TextView显示的内容  
15.         wrap_content 表示这个组件的宽和高会根据自身要显示的内容来调整-->  
16.     <TextView  
17.         android:id="@+id/hello_textview"  
18.         android:layout_width="wrap_content"  
19.         android:layout_height="wrap_content"  
20.         android:text="@string/hello_world" />  
21.   
22. </RelativeLayout>  

在Activity中加载该界面布局

[java]  view plain  copy

1. package com.example.helloui;  
2.   
3. import android.os.Bundle;  
4. import android.app.Activity;  
5. import android.widget.TextView;  
6.   
7. public class MainActivity extends Activity {  
8.   
9.     @Override  
10.     protected void onCreate(Bundle savedInstanceState) {  
11.         super.onCreate(savedInstanceState);  
12.         // 程序中通过setContentView(int layoutResID)方法加载界面布局  
13.         setContentView(R.layout.activity_main);  
14.         // 程序中通过findViewById(int id)方法获取XML布局文件中UI组件的实例  
15.         TextView helloTextView=(TextView)findViewById(R.id.hello_textview);  
16.     }  
17. }  

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

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

[java]  view plain  copy

1. package com.example.helloui;  
2.   
3. import android.os.Bundle;  
4. import android.app.Activity;  
5. import android.view.ViewGroup;  
6. import android.widget.RelativeLayout;  
7. import android.widget.TextView;  
8.   
9. public class MainActivity extends Activity {  
10.   
11.     @Override  
12.     protected void onCreate(Bundle savedInstanceState) {  
13.         super.onCreate(savedInstanceState);  
14.         // 创建一个容器  
15.         RelativeLayout layout=new RelativeLayout(this);  
16.         // 程序中通过setContentView(View view)方法加载界面布局  
17.         setContentView(layout);  
18.         // 创建一个UI组件TextView  
19.         TextView helloTextView=new TextView(this);  
20.         // 设置UI组件的宽和高  
21.         helloTextView.setLayoutParams(new ViewGroup.LayoutParams(  
22.                 ViewGroup.LayoutParams.WRAP_CONTENT,  
23.                 ViewGroup.LayoutParams.WRAP_CONTENT));  
24.         // 设置TextView显示的内容  
25.         helloTextView.setText(getResources().getString(R.string.hello_world));  
26.         // 将UI组件添加到容器中  
27.         layout.addView(helloTextView);  
28.     }  
29. }  

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

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