Android開發筆記（3）——GridLayout，androidgridlayout

Android開發筆記（3）——GridLayout，androidgridlayout

 

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_columnWeightandroid: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     <TextView11         android:text="1st"12         style="@style/table_layout"/>13     <TextView14         android:text="2nd"15         style="@style/table_layout"/>16     <TextView17         android:text="3rd"18         style="@style/table_layout"/>19     <TextView20         android:text="4th"21         style="@style/table_layout"/>22     <TextView23         android:text="TOTAL"24         style="@style/table_layout"/>25     <TextView26         android:text="A"27         style="@style/table_layout"/>28     <TextView29         android:text="0"30         android:id="@+id/score_a_part1"31         style="@style/table_layout"/>32     <TextView33         android:text="0"34         android:id="@+id/score_a_part2"35         style="@style/table_layout"/>36     <TextView37         android:text="0"38         android:id="@+id/score_a_part3"39         style="@style/table_layout"/>40     <TextView41         android:text="0"42         android:id="@+id/score_a_part4"43         style="@style/table_layout"/>44     <TextView45         android:text="0"46         android:id="@+id/score_a_total"47         style="@style/table_layout"/>48     <TextView49         android:text="B"50         style="@style/table_layout"/>51     <TextView52         android:text="0"53         android:id="@+id/score_b_part1"54         style="@style/table_layout"/>55     <TextView56         android:text="0"57         android:id="@+id/score_b_part2"58         style="@style/table_layout"/>59     <TextView60         android:text="0"61         android:id="@+id/score_b_part3"62         style="@style/table_layout"/>63     <TextView64         android:text="0"65         android:id="@+id/score_b_part4"66         style="@style/table_layout"/>67     <TextView68         android:text="0"69         android:id="@+id/score_b_total"70         style="@style/table_layout"/>71     </GridLayout>

 

顯示效果：