android中网格布局组件溢出原因

问题描述：这是一个简单的网格布局应用，计算器界面，代码如下：

<? xml version= "1.0" encoding= "utf-8" ?>
< GridLayout xmlns: android = "http://schemas.android.com/apk/res/android"
    xmlns: tools = "http://schemas.android.com/tools"
    android :layout_width= "match_parent"
    android :layout_height= "match_parent"
    android :rowCount= "6"
    android :columnCount= "4"
    tools :context= "com.lifei.helloworld.TestGrid">
    <!-- 定义一个横跨 4 列的文本框，并定义前景色和背景色等属性 -->
    < TextView
        android:id= "@+id/t1"
        android:layout_width= "match_parent"
        android:layout_height= "wrap_content"
        android:textSize= "50sp"
        android:padding= "3pt"
        android:background= "#eee"
        android:textColor= "#000"
        android:text= "0" />
    <Button
        android:id= "@+id/clear"
        android:layout_width= "match_parent"
        android:layout_height= "wrap_content"
        android:layout_columnSpan= "4"
        android:text= " 清除 " />
    <Button
        android:id= "@+id/c1"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:layout_column= "0"
        android:layout_row= "2"
        android:text= "1" />
    <Button
        android:id= "@+id/c2"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:layout_column= "1"
        android:layout_row= "2"
        android:text= "2" />
    <Button
        android:id= "@+id/c3"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:layout_column= "2"
        android:layout_row= "2"
        android:text= "3" />
    <Button
        android:id= "@+id/c4"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:layout_column= "3"
        android:layout_row= "2"
        android:text= "4" />

</GridLayout >

图形界面如下，可以看到，按钮一还在，但是其余的按钮在外面：

                

原因分析：能让按钮1占一行的可能原因是，该列的宽度由该列中最宽的组件决定，

                  而按钮1所在的第0列，还包含上面一个TextView和一个“清除按钮”，

                  所以，

                  ①在TextView中补一句： android:layout_columnSpan= "4"，那么第0列

                  TextView变成了占4列的TextView了

                  ②如果你连“1”号按钮也占一行，请把相应属性改 为：

                  android:layout_width= "wrap_content"