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:android="http://schemas.android.com/apk/res/android" 8 android:layout_width="match_parent" 9 android:layout_height="match_parent" 10 android:orientation="horizontal" > 11 12 <!--縱向布局--> 13 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 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:android="http://schemas.android.com/apk/res/android" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:orientation="horizontal" > 8 9 <TextView 10 android:id="@+id/textView1" 11 android:layout_width="wrap_content" 12 android:layout_height="wrap_content" 13 android:text="TextView" /> 14 15 <TextView 16 android:id="@+id/textView2" 17 android:layout_width="wrap_content" 18 android:layout_height="wrap_content" 19 android:text="TextView" /> 20 21 <TextView 22 android:id="@+id/textView3" 23 android:layout_width="wrap_content" 24 android:layout_height="wrap_content" 25 android:text="TextView" /> 26 27 </LinearLayout>
添加權重屬性 android:layout_weight=" " 之后
1 <?xml version="1.0" encoding="utf-8"?> 2 3 <!-- 指定布局方向的屬相為：orientation，屬性值：horizontal(橫向)或vertical(縱向) --> 4 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 android:orientation="horizontal" > 8 9 <TextView 10 android:id="@+id/textView1" 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:id="@+id/textView2" 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:id="@+id/textView3" 25 android:layout_width="wrap_content" 26 android:layout_height="wrap_content" 27 android:layout_weight="1" 28 android:text="TextView" /> 29 30 </LinearLayout>
縱向布局同理。
例2：實現下面布局
顏色值忽略
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>
2 RelativeLayout 相對布局：
2.1相對父控件布局
(1) android:layout_centerHorizontal 橫向居中
(2) android:layout_centerVertical 縱向居中
(3) android:layout_centerInParent 橫向縱向居中
跟父控件最左邊/最右邊/頂部/底部對齊
(1) android:layout_alignParentLeft
(2) android:layout_alignParentRight
(3) android:layout_alignParentTop
(4) android:layout_alignParentBottom
2.1.1位置默認在左上角
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <!--如果沒有位置屬性，按鈕在左上角 --> 6 7 <Button 8 android:id="@+id/button1" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:text="最左上角" /> 12 </RelativeLayout>
2.1.2屬性：android:layout_centerHorizontal="true" 橫向中間
android:layout_centerVertical="true" 縱向中間
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 6 <Button 7 android:id="@+id/button1" 8 android:layout_width="wrap_content" 9 android:layout_height="wrap_content" 10 android:layout_centerHorizontal="true" 11 android:layout_centerVertical="true" 12 android:text="兩種屬性定位到中間" /> 13 14 </RelativeLayout>
2.1.3屬性：android:layout_centerInParent="true" 父窗體中間
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <Button 6 android:id="@+id/button1" 7 android:layout_width="wrap_content" 8 android:layout_height="wrap_content" 9 android:layout_centerInParent="true" 10 android:text="一種屬性定位到中間" /> 11 </RelativeLayout>
2.1.4屬性：android:layout_alignParentLeft="true" 對齊到父窗口的左面，其中align是“對齊”的意思
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <Button 6 android:layout_width="wrap_content" 7 android:layout_height="match_parent" 8 android:layout_alignParentLeft="true" 9 android:text="最左面" /> 10 11 </RelativeLayout>
2.1.5屬性：android:layout_alignParentRight="true" 對齊到父窗口的右面，其中align是“對齊”的意思
1 1 <?xml version="1.0" encoding="utf-8"?> 2 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 3 android:layout_width="match_parent" 4 4 android:layout_height="match_parent" > 5 5 <Button 6 6 android:layout_width="wrap_content" 7 7 android:layout_height="match_parent" 8 8 android:layout_alignParentRight ="true" 9 9 android:text="最右面" /> 10 10 11 11 </RelativeLayout>
2.1.6屬性：android:layout_alignParentTop="true" 對齊到父窗口的右面，其中align是“對齊”的意思
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <Button 6 android:layout_width="match_parent" 7 android:layout_height="wrap_content" 8 android:layout_alignParentTop="true" 9 android:text="最上面" /> 10 </RelativeLayout>
2.1.7屬性：android:layout_alignParentBottom="true" 對齊到父窗口的右面，其中align是“對齊”的意思
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <Button 6 android:layout_width="match_parent" 7 android:layout_height="wrap_content" 8 android:layout_alignParentBottom="true" 9 android:text="最下面" /> 10 11 </RelativeLayout>
2.2相對於同等級的控件進行布局
針對已存在的兄弟控件(在某個控件的左邊/右邊/上面/下面)
（1）android:layout_toLeftOf
（2）android:layout_toRightOf
（3）android:layout_above
（4）android:layout_below
相對於兄弟控件的邊對齊
（1）android:layout_alignTop
（2）android:layout_alignBottom
（3） android:layout_alignLeft
（4）android:layout_alignRight
上述屬性的值為@id/相對控件的id。如：android:layout_above="@id/center_btn"
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" > 5 <Button 6 android:id="@+id/center_btn" 7 android:layout_width="wrap_content" 8 android:layout_height="wrap_content" 9 android:layout_centerInParent="true" 10 android:text="中間"/> 11 <Button 12 android:layout_width="wrap_content" 13 android:layout_height="wrap_content" 14 android:layout_above="@id/center_btn" 15 android:layout_alignLeft="@id/center_btn" 16 android:text="相對"/> 17 /> 18 19 </RelativeLayout>
3 FrameLayout 幀布局：越寫在后面的控件，越展示最前面（最上層）
4 AbsoluteLayout 絕對布局：
5 TableLayout 表格布局：就是一個表格（應用場景：銀行表格）
<TableLayout><TableLayout/>表格標簽
<TableRow><TableRow/> 行標簽
上面代碼只給出了身份證那一行的代碼
