软件设计 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> 显示效果: