Android学习 9-> 表格布局TableLayout和网格布局GridLayout

     表格布局TableLayout：中用<TableRow >......</TableRow>来表示一行，有多少行就添加对上个<TableRow ></TableRow>标签对；有多少列就看最多的一个<TableRow ></TableRow>中添加了多少个控件，知道把屏幕占满，超出屏幕的就不再显示。

    

     直接在TableLayout加控件，控件会占据一行

     TableLayout属性(也叫全局属性)：*代表所有列

     android:shrinkColumns -------设置可收缩的列，(内容过多，则收缩，扩展到第二行，控件没布满TableLayout时不起作用)

     android:stretchColumns ------设置可伸展的列，(有空白则填充)

列可以同时具备stretchColumns及shrinkColumns属性

     android:collapseColumns ------设置要隐藏的列(索引列从0开始)

 

     内部控件属性：

     android:layout_column -------该单元格在第几列显示

     android:layout_span    -------该单元格占据列数，默认为1

      实现以下效果：

 

      其xml如下

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"      android:shrinkColumns="0"     android:collapseColumns="1">    <TableRow >    <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="1121564986549564"/>                   <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="2"/>              <Button       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:text="3" />                  <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="+"/></TableRow><TableRow >    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_column="1"        android:text="4" />           <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="5"/>              <Button       android:layout_width="wrap_content"       android:layout_height="wrap_content"        android:text="6" />                  <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="-"/></TableRow><TableRow >    <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="7"/>                   <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="8"/>              <Button       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:text="9" />                  <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="*"/></TableRow><TableRow>    <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:layout_span="2"        android:text="0"/>              <Button       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:text="/" />                  <Button android:layout_height="wrap_content"        android:layout_width="wrap_content"        android:text="="/></TableRow></TableLayout></span>

      网格布局GridLayout：

   其特点如下

l  使容器中的各组件呈M行×N列的网格状分布。

l  网格每列宽度相同，等于容器的宽度除以网格的列数。

l  网格每行高度相同，等于容器的高度除以网格的行数。

l  各组件的排列方式为：从上到下，从左到右。

l  组件放入容器的次序决定了它在容器中的位置。

l  容器大小改变时，组件的相对位置不变，大小会改变。

l  设置网格布局行数和列数时，行数或者列数可以有一个为零。若rows为0，cols为3，则列数固定为3，行数不限，每行只能放3个控件或容器。若cols为0，rows为3，则行数固定为3，列数不限，且每行必定有控件，若组件个数不能整除行数，则除去最后一行外的所有行组件个数为：Math.ceil(组件个数/rows)。

Math.ceil(double x)：传回不小于x的最小整数值。比如行数为3，组件数为13个，则Math.ceil(13/3)=5，即第一行，第二行组件数各为5个，剩下的组件放在最后一行。

l  若组件数超过网格设定的个数，则布局管理器会自动增加网格个数，原则是保持行数不变。

 

    不过经过使用，发现RowCount设置了还是可以添加，不知道是编译器问题还是使用版本问题。

 

     实现计算器如图：

 

    其xml如下：

 

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?><GridLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:columnCount="4"    android:orientation="horizontal"    android:layout_gravity="center"    android:rowCount="5" >    <Button        android:id="@+id/one"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="1" />    <Button        android:id="@+id/two"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="2" />    <Button        android:id="@+id/three"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="3" />    <Button        android:id="@+id/devide"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="/" />    <Button        android:id="@+id/four"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="4" />    <Button        android:id="@+id/five"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="5" />    <Button        android:id="@+id/six"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="6" />    <Button        android:id="@+id/multiply"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="×" />    <Button        android:id="@+id/seven"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="7" />    <Button        android:id="@+id/eight"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="8" />    <Button        android:id="@+id/nine"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="9" />    <Button        android:id="@+id/minus"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="-" />    <Button        android:id="@+id/zero"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_columnSpan="2"        android:layout_gravity="fill"        android:text="0" />    <Button        android:id="@+id/point"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="." />    <Button        android:id="@+id/plus"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="fill"        android:layout_rowSpan="2"        android:text="+" />    <Button        android:id="@+id/equal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_columnSpan="3"        android:layout_gravity="fill"        android:text="=" /></GridLayout></span>

     网格布局是之后的版本出现的，相比表格布局某些功能要好用些。