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进行学习，

posted @ 2017-05-03 00:59  Arya.Mo  阅读(579)  评论(0)  编辑  收藏  举报