Android開發筆記（3）——GridLayout

筆記鏈接：http://www.cnblogs.com/igoslly/p/6799939.html

GirdLayout 計算器實例及詳盡的筆記：http://www.cnblogs.com/skywang12345/p/3154150.html

網格佈局：使容器中的各組件呈M行×N列的網格狀分佈。

和Relative Layout\Linear Layout相同，屬於ViewGroup類型。

佈局設置步驟

1、設置最大行、列值

android:columnCount=“5”
android:rowCount=“6”

2、設置數據輸入順序

android:orientation

3、設置行列權重

android:layout_columnWeight
android:layout_rowWeight

4、設置跨行、列格

android:layout_columnSpan="2"

示例：

籃球計分app，記錄每一節比分表格

 1 <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     android:layout_width="match_parent"
 3     android:layout_height="wrap_content"
 4     android:orientation="horizontal"
 5     android:columnCount="6"
 6     android:rowCount="3">
 7     <TextView
 8         android:text="Table"
 9         style="@style/table_layout"/>
10     <TextView
11         android:text="1st"
12         style="@style/table_layout"/>
13     <TextView
14         android:text="2nd"
15         style="@style/table_layout"/>
16     <TextView
17         android:text="3rd"
18         style="@style/table_layout"/>
19     <TextView
20         android:text="4th"
21         style="@style/table_layout"/>
22     <TextView
23         android:text="TOTAL"
24         style="@style/table_layout"/>
25     <TextView
26         android:text="A"
27         style="@style/table_layout"/>
28     <TextView
29         android:text="0"
30         android:id="@+id/score_a_part1"
31         style="@style/table_layout"/>
32     <TextView
33         android:text="0"
34         android:id="@+id/score_a_part2"
35         style="@style/table_layout"/>
36     <TextView
37         android:text="0"
38         android:id="@+id/score_a_part3"
39         style="@style/table_layout"/>
40     <TextView
41         android:text="0"
42         android:id="@+id/score_a_part4"
43         style="@style/table_layout"/>
44     <TextView
45         android:text="0"
46         android:id="@+id/score_a_total"
47         style="@style/table_layout"/>
48     <TextView
49         android:text="B"
50         style="@style/table_layout"/>
51     <TextView
52         android:text="0"
53         android:id="@+id/score_b_part1"
54         style="@style/table_layout"/>
55     <TextView
56         android:text="0"
57         android:id="@+id/score_b_part2"
58         style="@style/table_layout"/>
59     <TextView
60         android:text="0"
61         android:id="@+id/score_b_part3"
62         style="@style/table_layout"/>
63     <TextView
64         android:text="0"
65         android:id="@+id/score_b_part4"
66         style="@style/table_layout"/>
67     <TextView
68         android:text="0"
69         android:id="@+id/score_b_total"
70         style="@style/table_layout"/>
71     </GridLayout>

顯示效果：

申明：

1、本筆記為文字及圖片均為個人原創，轉載請註明博客園-igoslly

2、Android開發課程於2017年4年參與GoogleDeveloper進行學習，