TableLayout 和 GridLayout 的区别

TableLayout 和 GridLayout 的区别
- 一. TableLayout
- 二. GridLayout
  - 2.1 隔行/列的效果
- 三. 总结

一. TableLayout

继承LinearLayout
不需要明确的申明包含多少行多少列
通过添加 TableRow / 其他组件来控制表格的行数和列数
单元格设置格式有3种：Shrinkable（可收缩）,Stretchable（可拉伸），Collapsed（隐藏的）

运用TableLayout只能通过添加TableRow或者组件来增加行和列。当直接添加组件的时候，组件独自占用一行。当添加TableRow时，该布局增加了一行，并且在TableRow里每添加一个组件，便增加一列。

TableLayout无法做出跨行跨列的效果，每行每列都是挨着的，就算是单元格设置Collapsed属性，如果后面有组件，也会填充上来。

<!--定义一个表格布局，指定第2 列可收缩，第3 列隐藏，第4列可拉伸--><TableLayout
        android:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/table01"android:shrinkColumns="1"android:collapseColumns="2"android:stretchColumns="3"><!--直接添加一个按钮，会直接占用一行--><Button android:id="@+id/ok1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="独自一行的按钮ok1"/><!--在TableRow添加加一个按钮，会添加一列--><TableRow><Button android:id="@+id/ok2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="普通按钮"/><Button android:id="@+id/ok3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="shrink收缩按钮"/><Button android:id="@+id/ok4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="collapsed隐藏按钮"/><Button android:id="@+id/ok5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="stretch拉伸按钮"/></TableRow></TableLayout>

效果如下图：

可以看出：
- 隐藏的按钮不会空着，会被后面的组件填上去
- 收缩会使该列宽度可以被收缩，以保证该table能适应父容器的宽度
- 拉伸可以使该列的所有单元格宽度可以被拉伸，以保证组件能完全填满表格空余空间

二. GridLayout

Android4.0之后新加的布局管理器
能够把整个容器划分为rows*columns的网格，每个网格可以放置一个组件
可以设置一个组件横跨多少列或者纵跨多少行
当单元格大小大于组件大小时，可以通过设置layout_grativity属性值，设置组件在单元格里的位置
通过设置layout_columnWeight/layout_rowWeight属性值，可以设置各个组件的大小比例

2.1 隔行/列的效果

方法1.设置margin等属性值
方法2.让组件占两列或者两行，设置layout_grativity为left/right
代码如下：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent" android:layout_height="match_parent"android:rowCount="6"android:columnCount="4"android:id="@+id/root"><TextView
        android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_columnSpan="4"android:textSize="50sp"android:layout_marginLeft="2pt"android:layout_marginRight="2pt"android:padding="3pt"android:gravity="right"android:layout_gravity="right"android:background="#eee"android:textColor="#000"android:text="0" /><Button
        android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_columnSpan="4"android:text="Clear"android:textSize="30sp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="0"android:layout_row="2"android:layout_rowSpan="2"android:layout_gravity="fill"android:layout_marginRight="10pt"android:text="1"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnSpan="2"android:layout_gravity="left"android:text="2"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="3"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnSpan="2"android:layout_gravity="left"android:text="4"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="5"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_column="1"android:layout_row="4"android:layout_columnSpan="2"android:layout_gravity="left"android:text="6"android:textSize="40dp"/><Button
        android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="7"android:textSize="40dp"/>
</GridLayout>

效果图：

三. 总结

TableLayout可以通过设置layout_margin参数做出隔行隔列的效果，GridLayout不仅可以通过layout_margin，还可以利用rowSpan/columnSpan合并单元格以及设置layout_grativity来达成效果。这第二种方法的效果更好。
TableLayout不能跨行跨列，不灵活，GridLayout能够更好实现隔行/隔列效果也是因为这个特点。
不能同时向水平和垂直方向做控件的对齐
TableLayout继承了LinearLayout,因此只能向一个方向做控件的对齐。.

TableLayout 和 GridLayout 的区别相关推荐

Android中常见五种布局管理器——RelativeLayout、LinearLayout、FrameLayout、TableLayout、GridLayout
目录布局管理器 RelativeLayout 常见属性 Relative的实践操作(实现软件更新界面) LinearLayout 常见属性 LinearLayout的实践操作(模范登录以及微信底部) ...
如何制作表格(一)——TableLayout
一.Android中能够用于网格布局的控件(制作各种这样的表格) Android提供了四种方式来制作表格,分别为: TableLayout.GridLayout.GridView.Recycler中的 ...
Android:Android学习路线图
https://blog.csdn.net/libing1991_/article/details/53455243 前言工作快一年,Android完全靠自学,看着那些基础教程一步步去做,写过简单的 ...
Android界面开发基础
前言安卓开发(指原生开发)和普通的Java开发,web开发最大的不同是什么?界面.老早的Java awt/swing以及现在的JavaFX,里面的UI库和安卓完全不是一个体系.至于web开发的各种U ...
Android开发指南中文版
Android开发指南中文版 -应用程序框架 iefreer@hotmail.com 2009/9/10 个人主页: http://blog.csdn.net/iefreer 本文是对Androi ...
(转载)非常好必须要顶
关键类 1. Activity 2. Service 3. BroadcastReceiver 4. ContentProvider 5. Intent Android应用程序使用Java做为开发语言 ...
Android常见知识点
什么是 3G 3G,全称为3rd Generation,中文含义就是指第三代数字通信. 所谓3G,是指将无线通信与国际互联网等多媒体通信结合的新一代移动通信系统. 3G只是一种通信技术标准,符合这个标 ...
一篇讲的很细很好的帖子
关键类 1. Activity 2. Service 3. BroadcastReceiver 4. ContentProvider 5. Intent Android应用程序使用Java做 ...
Android中文开发教程()
本文是对Android SDK1.5版的英文开发资料Android Development Guide一文应用程序框架部分的翻译,覆盖了Android应用开发所有主要的概念.部分内容整理自网络.本文仅 ...

TableLayout 和 GridLayout 的区别

TableLayout 和 GridLayout 的区别

一. TableLayout

二. GridLayout

2.1 隔行/列的效果

三. 总结

TableLayout 和 GridLayout 的区别相关推荐

最新文章

热门文章