TableLayout跟TableRow 是一组搭配应用的布局,TableLayout置底,TableRow在TableLayout的上方,而Button、TextView等控件就在TableRow之上,别的,TableLayout之上也可以零丁放控件。TableLayout是一个应用错杂的布局,最简单的用法就仅仅是拖沓控件做出个界面,但实际上,会经常在代码里应用TableLayout,例如做出表格的结果。本文首要介绍TableLayout的根蒂根基应用办法。        

重要的几个属性如下:

 1.android:collapseColumns://隐藏指定的列
        ①设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开 
        ②以第0行为序,隐藏指定的列:把android:collapseColumns=0,3 意思是把第0和第3列隐藏

 
    2.android:shrinkColumns://收缩指定的列以适合屏幕、不会挤出屏幕                                     ① 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多列个用“,”隔开(多列 每列填充空隙大小一样)
       ②以第0行为序,自动延伸指定的列填充可用部分: 当LayoutRow里面的控件还没有布满布局时,shrinkColumns不起作用。
     ③设置了shrinkColumns=1,4,布局完全没有改变,因为LayoutRow里面还剩足够的空间。当LayoutRow布满控件时,设置了shrinkColumns=2,5,则控件自动向垂直方向填充空间

3.android:stretchColumns://尽量把指定的列表填充空白部分

①设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕 外,此列会自动收缩)的列的列索引,多个用“,”隔开

② 以第0行为序,尽量把指定的列填充空白部分:设置stretchColumns=2,5,第1,4列被尽量填充同时向右填充,直到2,5被压挤到最后边)。

补充:

①表格布局的子对象不能指定 layout_width 属性.宽度永远是 MATCH_PARENT。

②不过子对象可以定义 layout_height 属性;其默认值是WRAP_CONTENT. 如果子对象是 TableRow,其高度永远是 WRAP_CONTENT

 

实例:

001 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
002     xmlns:tools="http://schemas.android.com/tools"
003     android:layout_width="match_parent"
004     android:layout_height="match_parent"
005     android:orientation="vertical"
006     tools:context=".AndroidTableLayoutActivity" >
007  
008     <!-- 定义第一个表格,指定第2列允许收缩,第3列允许拉伸 -->
009  
010     <TableLayout
011         android:id="@+id/tablelayout01"
012         android:layout_width="match_parent"
013         android:layout_height="wrap_content"
014         android:shrinkColumns="1"
015         android:stretchColumns="2" >
016  
017         <!-- 直接添加按钮,自己占用一行 -->
018  
019         <Button
020             android:id="@+id/btn01"
021             android:layout_width="wrap_content"
022             android:layout_height="wrap_content"
023             android:text="独自一行" >
024         </Button>
025  
026         <TableRow>
027  
028             <Button
029                 android:id="@+id/btn02"
030                 android:layout_width="wrap_content"
031                 android:layout_height="wrap_content"
032                 android:text="普通" >
033             </Button>
034  
035             <Button
036                 android:id="@+id/btn03"
037                 android:layout_width="wrap_content"
038                 android:layout_height="wrap_content"
039                 android:text="允许被收缩允许被收缩允许被收缩允许被收缩" >
040             </Button>
041  
042             <Button
043                 android:id="@+id/btn04"
044                 android:layout_width="wrap_content"
045                 android:layout_height="wrap_content"
046                 android:text="允许被拉伸允许被拉伸允许被拉伸" >
047             </Button>
048         </TableRow>
049     </TableLayout>
050     <!-- 定义第2个表格,指定第2列隐藏 -->
051  
052     <TableLayout
053         android:id="@+id/tablelayout02"
054         android:layout_width="match_parent"
055         android:layout_height="wrap_content"
056         android:collapseColumns="1" >
057  
058         <TableRow>
059  
060             <Button
061                 android:id="@+id/btn05"
062                 android:layout_width="wrap_content"
063                 android:layout_height="wrap_content"
064                 android:text="普通" >
065             </Button>
066  
067             <Button
068                 android:id="@+id/btn06"
069                 android:layout_width="wrap_content"
070                 android:layout_height="wrap_content"
071                 android:text="被隐藏列" >
072             </Button>
073  
074             <Button
075                 android:id="@+id/btn07"
076                 android:layout_width="wrap_content"
077                 android:layout_height="wrap_content"
078                 android:text="允许被拉伸" >
079             </Button>
080         </TableRow>
081     </TableLayout>
082     <!-- 定义第3个表格,指定第2列填满空白 -->
083  
084     <TableLayout
085         android:id="@+id/tablelayout03"
086         android:layout_width="match_parent"
087         android:layout_height="wrap_content"
088         android:stretchColumns="1" >
089  
090         <TableRow>
091  
092             <Button
093                 android:id="@+id/btn08"
094                 android:layout_width="wrap_content"
095                 android:layout_height="wrap_content"
096                 android:text="普通" >
097             </Button>
098  
099             <Button
100                 android:id="@+id/btn09"
101                 android:layout_width="wrap_content"
102                 android:layout_height="wrap_content"
103                 android:text="填满剩余空白" >
104             </Button>
105         </TableRow>
106     </TableLayout>
107     <!-- 定义第3个表格,指定第2列横跨2列 -->
108  
109     <TableLayout
110         android:id="@+id/tablelayout04"
111         android:layout_width="match_parent"
112         android:layout_height="wrap_content" >
113  
114         <TableRow>
115  
116             <Button
117                 android:id="@+id/btn10"
118                 android:layout_width="wrap_content"
119                 android:layout_height="wrap_content"
120                 android:text="普通" >
121             </Button>
122  
123             <Button
124                 android:id="@+id/btn11"
125                 android:layout_width="wrap_content"
126                 android:layout_height="wrap_content"
127                 android:layout_column="2"
128                 android:text="填满剩余空白" >
129             </Button>
130         </TableRow>
131     </TableLayout>
132  
133 </LinearLayout>

Android 布局详解 -三表格布局(TableLayout)以及重要属性的更多相关文章

  1. Android ActionBar详解(三):ActionBar实现切换Tabs标签

    实现切换Tabs标签; Activity代码: public class ActionBarTabs extends Activity { @Override protected void onCre ...

  2. Html5移动端页面自适应布局详解(阿里rem布局)

    在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport,通读网上的各种对于viewport的解释之后 大概viewport可以理解为三种 1.layout viewport  ...

  3. (转)android Fragments详解三:实现Fragment的界面

    为fragment添加用户界面 fragment一般作为activity的用户界面的一部分,把它自己的layout嵌入到activity的layout中.    一个 要为fragment提供layo ...

  4. 【转】Android编译系统详解(三)——编译流程详解

    原文网址:http://www.cloudchou.com/android/post-276.html 本文原创作者:Cloud Chou. 欢迎转载,请注明出处和本文链接 1.概述 编译Androi ...

  5. Android Fragment详解(三): 实现Fragment的界面

    为fragment添加用户界面: Fragment一般作为activity的用户界面的一部分,把它自己的layout嵌入到activity的layout中. 一个 要为fragment提供layout ...

  6. Android ActionBar详解(三)--->ActionBar的Home导航功能

    FirstActivity如下: package cc.testsimpleactionbar2; import android.os.Bundle; import android.app.Activ ...

  7. Android Loader详解三:重启与回调

    重启装载器 当你使用initLoader()时,如果指定ID的装载器已经存在,则它使用这个装载器.如果不存在呢,它将创建一个新的.但是有时你却是想丢弃旧的然后开始新的数据. 要想丢弃旧数据,你应使用r ...

  8. Android 布局详解

    Android 布局详解 1.重用布局 当一个布局文件被多处使用时,最好<include>标签来重用布局. 例如:workspace_screen.xml的布局文件,在另一个布局文件中被重 ...

  9. Grid 网格布局详解

    Grid网格布局详解: Grid布局与Flex布局有着一定的相似性,Grid布局是将容器划分成行和列,产生单元格,可以看做是二维布局. 基本概念: 采用网格布局的区域,称为"容器" ...

随机推荐

  1. wifiphisher使用介绍

    1.github地址:https://github.com/sophron/wifiphisher 2.需要安装在kali linux下面 3.需要两个无线网卡 4.安装方法是使用介绍,参考githu ...

  2. Objective-C:ARC自动释放对象内存

    ARC是cocoa系统帮你完成对象内存释放的引用计数机制 .h文件 // Person.h // 01-ARC // // Created by ma c on 15/8/13. // Copyrig ...

  3. Informatica 常用组件Filter之二 过滤条件

    过滤条件可以使用转换语言输入.过滤条件是返回 TRUE 或 FALSE 的表达式.例如,如果您要过滤出员工薪水低于 $30,000 的行,可输入以下条件: SALARY > 30000 可以使用 ...

  4. zoj 2860 四边形优化dp

    Breaking Strings Time Limit: 2 Seconds        Memory Limit: 65536 KB A certain string-processing lan ...

  5. Android中XML解析-SAX解析

    昨天由于时间比较匆忙只写了Android中的XML解析的Dom方式,这种方式比较方便,很容易理解,最大的不足就是内容多的时候,会消耗内存.SAX(Simple API for XML)是一个解析速度快 ...

  6. UICamera(NGUI Event system)原理

    看了UICamera的源码就显而易见了: UICamera « on: November 21, 2013, 12:21:48 AM »   Overview UICamera is a somewh ...

  7. IETESTER ie10.local 下载

    下载地址:ietester.ie10.exe.local.zip 技术交流QQ群: 15129679

  8. Android实现固定头部信息,挤压动画(相似通讯录)

    半年前,那时候我还是个大四的学生,每天都在找工作度过,想去北京体验一下蚁族生活,奋然离开了济南,哎...在济南我们学校还是数得着的好学校,去了北京就什么都不是了,一切的辛酸仅仅有自己知道,那时候的我仅 ...

  9. Codeforces#86D Powerful array(分块暴力)

    Description An array of positive integers a1, a2, ..., an is given. Let us consider its arbitrary su ...

  10. ios8 xcode6 下的启动界面设置和图标设置

    IOS8 我试了网上不少设置启动动画的,不知道是不是我弄错了还是怎么的,反正启动不了,后来在code4论坛找到了这个: 启动屏幕:LaunchScreen.xib文件 桌面图标等相关app图片:Ima ...