Android开发学习笔记：5大布局方式详解

Android中常用的5大布局方式有以下几种：

• 线性布局（LinearLayout）：按照垂直或者水平方向布局的组件。
• 帧布局（FrameLayout）：组件从屏幕左上方布局组件。
• 表格布局（TableLayout）：按照行列方式布局组件。
• 相对布局（RelativeLayout）：相对其它组件的布局方式。
•  绝对布局（AbsoluteLayout）：按照绝对坐标来布局组件。

 

1. 线性布局

线性布局是Android开发中最常见的一种布局方式，它是按照垂直或者水平方向来布局，通过“android:orientation”属性可以设置线性布局的方向。属性值有垂直（vertical）和水平（horizontal）两种。

常用的属性：

android:orientation：可以设置布局的方向
android:gravity:用来控制组件的对齐方式
layout_weight：控制各个组件在布局中的相对大小

第一个实例

①效果图：

 

②核心代码如下：

main.xml

1.  
3.     android:orientation="vertical" 
4.     android:layout_width="fill_parent" 
5.     android:layout_height="fill_parent" 
6.     >       
7.     
8.         android:layout_width="fill_parent" 
9.         android:layout_height="wrap_content" 
10.         android:orientation="vertical" 
11.         > 
12.         
13.             android:layout_width="fill_parent" 
14.             android:layout_height="wrap_content" 
15.             /> 
16.      
17.     
18.         android:layout_width="fill_parent" 
19.         android:layout_height="wrap_content" 
20.         android:orientation="horizontal" 
21.         android:gravity="right" 
22.         > 
23.      
24.         
25.             android:layout_height="wrap_content" 
26.             android:layout_width="wrap_content" 
27.             android:text="确定" 
28.             /> 
29.         
30.             android:layout_height="wrap_content" 
31.             android:layout_width="wrap_content" 
32.             android:text="取消" 
33.             />    
34.       
35.  

第二个实例

①效果图：

 

 

②核心代码：

mian.xml

 

1.  
3.     android:orientation="vertical" android:layout_width="fill_parent" 
4.     android:layout_height="fill_parent"> 
5.  
6.     
7.     android:orientation="horizontal" 
8.     android:layout_width="fill_parent" 
9.     android:layout_height="fill_parent" 
10.     android:layout_weight="1"> 
11.       
12.     
13.         android:text="red" 
14.         android:gravity="center_horizontal" 
15.         android:background="#aa0000" 
16.         android:layout_width="wrap_content" 
17.         android:layout_height="fill_parent" 
18.         android:layout_weight="1" 
19.         /> 
20.         
21.       
22.     
23.         android:text="Teal" 
24.         android:gravity="center_horizontal" 
25.         android:background="#008080" 
26.         android:layout_width="wrap_content" 
27.         android:layout_height="fill_parent" 
28.         android:layout_weight="1"/> 
29.       
30.     
31.         android:text="blue" 
32.         android:gravity="center_horizontal" 
33.         android:background="#0000aa" 
34.         android:layout_width="wrap_content" 
35.         android:layout_height="fill_parent" 
36.         android:layout_weight="1" 
37.         /> 
38.       
39.     
40.         android:text="orange" 
41.         android:gravity="center_horizontal" 
42.         android:background="#FFA500" 
43.         android:layout_width="wrap_content" 
44.         android:layout_height="fill_parent" 
45.         android:layout_weight="1" 
46.         /> 
47.           
48.        
49.     
50.     android:orientation="vertical" 
51.     android:layout_width="fill_parent" 
52.     android:layout_height="fill_parent" 
53.     android:layout_weight="1"> 
54.       
55.     
56.         android:text="row one" 
57.         android:textSize="15pt" 
58.         android:background="#aa0000" 
59.         android:layout_width="fill_parent" 
60.         android:layout_height="wrap_content" 
61.         android:layout_weight="1" 
62.         /> 
63.        
64.     
65.         android:text="row two" 
66.         android:textSize="15pt" 
67.         android:background="#DDA0DD" 
68.         android:layout_width="fill_parent" 
69.         android:layout_height="wrap_content" 
70.         android:layout_weight="1" 
71.         /> 
72.       
73.     
74.         android:text="row three" 
75.         android:textSize="15pt" 
76.         android:background="#008080" 
77.         android:layout_width="fill_parent" 
78.         android:layout_height="wrap_content" 
79.         android:layout_weight="1" 
80.         />    
81.     
82.         android:text="row four" 
83.         android:textSize="15pt" 
84.         android:background="#FFA500" 
85.         android:layout_width="fill_parent" 
86.         android:layout_height="wrap_content" 
87.         android:layout_weight="1" 
88.         />       
89.        
90.  

2.  帧布局

帧布局是从屏幕的左上角（0,0）坐标开始布局，多个组件层叠排列，第一个添加的组件放到最底层，最后添加到框架中的视图显示在最上面。上一层的会覆盖下一层的控件。

 

 简单的例子

①效果图：

 

② 核心代码：

main.xml

1.  
3.     android:layout_width="fill_parent" 
4.     android:layout_height="fill_parent" 
5.     > 
6.     
7.         android:layout_width="300dp"   
8.         android:layout_height="300dp"   
9.         android:background="#00BFFF"          
10.         /> 
11.     
12.         android:layout_width="260dp"   
13.         android:layout_height="260dp"   
14.         android:background="#FFC0CB"          
15.         /> 
16.     
17.         android:layout_width="220dp"   
18.         android:layout_height="220dp"   
19.         android:background="#0000FF"          
20.         /> 
21.  

 

3. 表格布局

表格布局是一个ViewGroup以表格显示它的子视图（view）元素，即行和列标识一个视图的位置。

表格布局常用的属性如下：

android:collapseColumns：隐藏指定的列
android:shrinkColumns：收缩指定的列以适合屏幕，不会挤出屏幕
android:stretchColumns：尽量把指定的列填充空白部分
android:layout_column:控件放在指定的列
android:layout_span:该控件所跨越的列数
 

简单的列子：

①效果图：

 

② 核心代码：

 main.xml

 

1.  
3.     android:layout_width="fill_parent" 
4.     android:layout_height="fill_parent" 
5.     > 
6.      
7.         
8.             android:text="Button1" 
9.             /> 
10.         
11.             android:text="Button2" 
12.             /> 
13.         
14.             android:text="Button3" 
15.             /> 
16.      
17.      
18.         
19.             android:text="Button4" 
20.             /> 
21.         
22.             android:layout_span="2" 
23.             android:text="Button5" 
24.             /> 
25.      
26.       
27.  

 

4. 相对布局

相对布局是按照组件之间的相对位置来布局，比如在某个组件的左边，右边，上面和下面等。

相对布局常用属性请参考我博客的： http://liangruijun.blog.51cto.com/3061169/631816

 

简单的例子

①效果图：

 

② 核心代码：

main.xml

 

1.  
3.     android:layout_width="fill_parent" 
4.     android:layout_height="wrap_content" 
5.     android:padding="10px" 
6.     > 
7.     
8.         android:id="@+id/tev1" 
9.         android:layout_width="wrap_content"   
10.         android:layout_height="wrap_content"   
11.         android:layout_marginBottom="30dp" 
12.         android:text="Please Type Here:" 
13.         /> 
14.     
15.         android:id="@+id/tx1" 
16.         android:layout_width="match_parent" 
17.         android:layout_height="wrap_content" 
18.         android:layout_below="@id/tev1" 
19.         /> 
20.     
21.         android:id="@+id/btn1" 
22.         android:layout_height="wrap_content" 
23.         android:layout_width="wrap_content" 
24.         android:layout_below="@id/tx1" 
25.         android:layout_alignParentRight="true" 
26.         android:text="确定" 
27.         /> 
28.     
29.         android:id="@+id/btn2" 
30.         android:layout_height="wrap_content" 
31.         android:layout_width="wrap_content" 
32.         android:layout_below="@id/tx1" 
33.         android:layout_toLeftOf="@id/btn1" 
34.         android:layout_marginRight="30dp" 
35.         android:text="取消" 
36.         /> 
37.  

5. 绝对布局

 绝对布局通过指定子组件的确切X,Y坐标来确定组件的位置，在Android2.0 API文档中标明该类已经过期，可以使用FrameLayout或者RelativeLayout来代替。所以这里不再详细介绍。

 

本文出自 “IT的点点滴滴” 博客，请务必保留此出处http://liangruijun.blog.51cto.com/3061169/632532

Android开发学习笔记：5大布局方式详解