android开发_ViewGroup（组视图）-- 五大布局

view组--ViewGroup（组视图）

ViewGroup的作用：在view中添加子控件。ViewGroup的5个子类，就是五大布局：

(1) LinearLayout 线性布局（常用）

(2) RelativeLayout 相对布局（常用）

(3) FrameLayout 帧布局

(4) AbsoluteLayout 绝对布局

(5) TableLayout 表格布局

1 LinearLayout 线性布局：在该布局下包含的子布局列表为横向或纵向排布

1.1 LinearLayout 默认是横向布局，即：从左到右布局控件

指定布局方向： android:orientation=“ ”

 1 <!-- 指定布局方向的属  性：orientation，
 2                  属性值：horizontal(横向)
 3                         vertical(纵向)
 4  -->
 5 
 6 <!--横向布局-->
 7 <LinearLayout xmlns:andro
 8     android:layout_width="match_parent"
 9     android:layout_height="match_parent"
10     android:orientation="horizontal" >
11 
12 <!--纵向布局-->
13 <LinearLayout xmlns:andro
14     android:layout_width="match_parent"
15     android:layout_height="match_parent"
16     android:orientation="vertical" >

1.2 权重(只有在子控件中才有的属性)

android:layout_weight=" "

例1：没添加权重属性之前：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 
 3 <!-- 指定布局方向的属相为：orientation，属性值：horizontal(横向)或vertical(纵向) -->
 4 <LinearLayout xmlns:andro
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="horizontal" >
 8 
 9     <TextView
10         android:
11         android:layout_width="wrap_content"
12         android:layout_height="wrap_content"
13         android:text="TextView" />
14 
15     <TextView
16         android:
17         android:layout_width="wrap_content"
18         android:layout_height="wrap_content"
19         android:text="TextView" />
20 
21     <TextView
22         android:
23         android:layout_width="wrap_content"
24         android:layout_height="wrap_content"
25         android:text="TextView" />
26 
27 </LinearLayout>

android开发_ViewGroup（组视图）-- 五大布局

添加权重属性 android:layout_weight=" " 之后

 1 <?xml version="1.0" encoding="utf-8"?>
 2 
 3 <!-- 指定布局方向的属相为：orientation，属性值：horizontal(横向)或vertical(纵向) -->
 4 <LinearLayout xmlns:andro
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="horizontal" >
 8 
 9     <TextView
10         android:
11         android:layout_width="wrap_content"
12         android:layout_height="wrap_content"
13         android:layout_weight="1"
14         android:text="TextView" />
15 
16     <TextView
17         android:
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:layout_weight="1"
21         android:text="TextView" />
22 
23     <TextView
24         android:
25         android:layout_width="wrap_content"
26         android:layout_height="wrap_content"
27         android:layout_weight="1"
28         android:text="TextView" />
29 
30 </LinearLayout>

android开发_ViewGroup（组视图）-- 五大布局

纵向布局同理。

例2：实现下面布局

android开发_ViewGroup（组视图）-- 五大布局

颜色值忽略

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6     <LinearLayout 
 7         android:layout_width="match_parent"
 8         android:layout_height="0dp"
 9         android:layout_weight="1"
10         android:background="#F00">
11         
12         <View 
13             android:layout_width="0dp"
14             android:layout_height="match_parent"
15             android:layout_weight="1"
16             android:background="#F00"
17             />
18         <View 
19             android:layout_width="0dp"
20             android:layout_height="match_parent"
21             android:layout_weight="1"
22             android:background="#0F0"
23             />
24         <View 
25             android:layout_width="0dp"
26             android:layout_height="match_parent"
27             android:layout_weight="1"
28             android:background="#00F"
29             />
30     </LinearLayout>
31     <LinearLayout
32         android:layout_width="match_parent"
33         android:layout_height="0dp"
34         android:layout_weight="1"
35         android:orientation="vertical"  >
36         <View 
37             android:layout_width="match_parent"
38             android:layout_height="0dp"
39             android:layout_weight="1"
40             android:background="#F00"
41             />
42         <View 
43             android:layout_width="match_parent"
44             android:layout_height="0dp"
45             android:layout_weight="1"
46             android:background="#0F0"
47             />
48     </LinearLayout>
49     <LinearLayout 
50         android:layout_width="match_parent"
51         android:layout_height="0dp"
52         android:layout_weight="1"
53         android:background="#00F">
54         <View 
55             android:layout_width="0dp"
56             android:layout_height="match_parent"
57             android:layout_weight="1"
58             android:background="#F00"
59             />
60         <View 
61             android:layout_width="0dp"
62             android:layout_height="match_parent"
63             android:layout_weight="1"
64             android:background="#0F0"
65             />
66         <View 
67             android:layout_width="0dp"
68             android:layout_height="match_parent"
69             android:layout_weight="1"
70             android:background="#00F"
71             />
72         </LinearLayout>
73     
74 </LinearLayout>

View Code