Android开发笔记(3)——GridLayout

软件设计 2017-05-03

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,记录每一节比分表格

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal"
     android:columnCount="6"
     android:rowCount="3">
     <TextView
         android:text="Table"
         style="@style/table_layout"/>
     <TextView
         android:text="1st"
         style="@style/table_layout"/>
     <TextView
         android:text="2nd"
         style="@style/table_layout"/>
     <TextView
         android:text="3rd"
         style="@style/table_layout"/>
     <TextView
         android:text="4th"
         style="@style/table_layout"/>
     <TextView
         android:text="TOTAL"
         style="@style/table_layout"/>
     <TextView
         android:text="A"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_a_part1"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_a_part2"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_a_part3"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_a_part4"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_a_total"
         style="@style/table_layout"/>
     <TextView
         android:text="B"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_b_part1"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_b_part2"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_b_part3"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_b_part4"
         style="@style/table_layout"/>
     <TextView
         android:text="0"
         android:id="@+id/score_b_total"
         style="@style/table_layout"/>
     </GridLayout>

显示效果:

相关推荐