Android五大布局详解——TableLayout(表格布局)

TableLayout

前面所学的LinearLayout和RelativeLayout两大布局已经完全适用于各种开发条件下,其他的布局仅供参考学习,毕竟知识就是力量,以后的开发过程中万一遇到也能游刃有余。
表格布局允许我们使用表格的方式来排列组件,就是行与列的方式。

简单描述

1.直接往TableLayout中添加组件,这个组件占满一行。




    

效果如图:
Android五大布局详解——TableLayout(表格布局)_第1张图片
2.如果想要一行上有多个组件,就要添加一个TableRow的容器。




    

        

效果如图:
Android五大布局详解——TableLayout(表格布局)_第2张图片
3.tablerow中的组件个数就决定了该行有多少列。

常用属性

1.android:collapseColumns:设置需要被隐藏的列的序号。比如android:collapseColumns="0,2",隐藏第一列和第三列。




    

        

效果如图:
Android五大布局详解——TableLayout(表格布局)_第3张图片
2.android:stretchColumns:设置允许被拉伸的列的列序号。比如android:stretchColumns="1",设置第二列可拉伸列,让该列填满这一行所有的剩余空间。




    

        

效果如图:
Android五大布局详解——TableLayout(表格布局)_第4张图片
3.android:shrinkColumns:设置允许被收缩的列的列序号




    

        

运行结果如图:
Android五大布局详解——TableLayout(表格布局)_第5张图片

demo

实现如图所示的界面
Android五大布局详解——TableLayout(表格布局)_第6张图片




    
        
        
        
        
    

    
        
        
        
        
    

    
        
        

分析:
调用gravity属性,设置为center_vertical,让布局里面的组件在竖直方向上居中;将TableLayout中的第一和第四列设置为可拉伸;在每个TableRow中添加两个TextView,用于拉伸填满该行,这样可以让表格水平居中,android:stretchColumns="0,3" 设置为0和3,是为了让两边都充满,那么中间部分就可以居中了。

你可能感兴趣的:(Android五大布局详解——TableLayout(表格布局))