前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >A018-布局之TableLayout

A018-布局之TableLayout

作者头像
巫山老妖
发布2018-07-23 10:10:11
3160
发布2018-07-23 10:10:11
举报
文章被收录于专栏:小巫技术博客

TableLayout

表格布局,顾名思义像表格一样进行布局。我们通常配合TableRow一起使用,TableRow代表一行,有多少个TableRow就有多少行。

eg:三行三列的布局

代码语言:javascript
复制
<?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"
    >
    <TableRow>
        <Button android:text="Button1"/>
        <Button android:text="Button2"/>
        <Button android:text="Button3"/>
    </TableRow>
    <TableRow>
        <Button android:text="Button4"/>
        <Button android:text="Button5"/>
        <Button android:text="Button6"/>
    </TableRow>
    <TableRow>
        <Button android:text="Button7"/>
        <Button android:text="Button8"/>
        <Button android:text="Button9"/>
    </TableRow>
</TableLayout>

XML Attribute

shrinkColumns属性,以0为序,当控件布满布局时,指定列自动填充可用部分。

strechColumns属性,以第0行为序,指定列对空白部分进行填充。

collapseColumns属性:以0行为序,隐藏指定的列。

layout_column属性:以0行为序,设置组件显示指定列。 layout_span属性:以第0行为序,设置组件显示占用的列数。

示例代码:

代码语言:javascript
复制
<?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="2"
    以0为序,当控件布满布局时,指定列自动填充可用部分。
    strechColumns属性,以第0行为序,指定列对空白部分进行填充
    collapseColumns属性:以0行为序,隐藏指定的列
    -->
    <TableRow>
        <Button android:text="Button1"
            android:layout_span="3"/>
        <Button android:text="Button2"/>
        <Button android:text="Button3"/>
    </TableRow>
    <TableRow>
        <Button android:text="Button4"
            android:layout_column="1"/>
        <Button android:text="Button5"
            />
        <Button android:text="Button6"/>
    </TableRow>
    <TableRow>
        <Button android:text="Button7"/>
        <Button android:text="Button8"
            android:layout_column="2"/>
        <Button android:text="Button9"/>
    </TableRow>
</TableLayout>

转载请注明:IT_xiao小巫 http://blog.csdn.net/wwj_748

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2015-10-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 小巫技术博客 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • TableLayout
    • XML Attribute
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档