android-TableLayout以及TableRow的使用

最新推荐文章于 2024-09-13 22:17:35 发布
最新推荐文章于 2024-09-13 22:17:35 发布
阅读量5.9w 收藏 35
点赞数 10
分类专栏： android android-布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiayong1/article/details/53780745
版权

android-TableLayout以及TableRow的使用

TableLayout是一种可以制作表格的布局，它和GridLayout的区别是GridLayout只能制定每一列宽度一样的表格布局，而TableLayout能够制定各列宽度不一样的表格布局。

TableLayout的主要属性:

android:collapseColumns=”0,1” 隐藏第0列和第1列
android:stretchColumns=”0,1” 第0列和第1列可以向行方向扩展
android:stretchColumns=”*” 所有列可以向行方向扩展
android:shrinkColumns=”0,1” 第0列和第1列可以向列方向扩展

TableRow的子控件的主要属性：

android:layout_column=”1” 该控件显示在第1列
android:layout_span=”2” 该控件占据2列

注：TableLayout里面的子控件可以为TableRow或者其他View，但是其子控件的android:layout_width属性被系统固定为match_parent，TableLayout里面所有行中某一列的宽度的最大值是这一列的宽度。

代码示例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorBlack"
    android:orientation="vertical">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent">

        <!--android:layout_width="wrap_content"不会起作用-->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="父match_parent，子wrap_content"/>
    </TableLayout>

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="父wrap_content，子wrap_content"/>
    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="父match_parent，子match_parent"/>
    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="正常情况:"/>

        <!--android:layout_width="wrap_content"不会起作用-->
        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:text="normal2"/>

        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:collapseColumns="0">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="测试列隐藏:"/>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:text="normal2"/>

        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:stretchColumns="0">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="测试列扩展:"/>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:text="normal2"/>

        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:shrinkColumns="0">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="测试列收缩:"/>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal0normal0normal0normal0normal0normal0normal0normal0normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:text="normal2"/>

        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="测试单元格属性:"/>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:text="normal2"/>

        </TableRow>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_column="1"
                android:text="我在第一列"/>
        </TableRow>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_span="2"
                android:text="我可以占据两列"/>
        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="*">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorWhite"
            android:text="制作表格:"/>


        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="1dp"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:gravity="center"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:gravity="center"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:gravity="center"
                android:text="normal2"/>

        </TableRow>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="1dp"
            android:paddingRight="1dp"
            android:paddingBottom="1dp"
            android:background="@color/colorPrimary">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:gravity="center"
                android:text="normal0"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:layout_marginRight="1dp"
                android:gravity="center"
                android:text="normal1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/colorWhite"
                android:gravity="center"
                android:text="normal2"/>

        </TableRow>
    </TableLayout>

</LinearLayout>

运行结果：

cug_yong
关注
专栏目录
android:TableLayout表格布局详解
web开发
09-30 1119
这篇博文包括的内容： 1、TableLayout简介 2、TableLayout行列数的确定 3、TableLayout可设置的属性详解 4、一个包含4个TableLayout布局的实例及效果图 一、Tablelayout简介 Tablelayout类以行和列的形式对控件进行管理，每一行为一个TableRow对象，或一个View控件。 当为TableRow对象时，可...
android中tablerow边框,Android开发之TableLayout生成边框-转载
weixin_29080843的博客
05-26 971
Android开发之TableLayout生成边框我们先来看个效果图，如下：在这里，我使用了TableLayout来生成边框效果！众所周知，TabelLayout布局控件是没有边框的，它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格，每个单元格就是一个View。这些TableRow，单元格不能设置layout_width,宽度默认是fill_parent的，只有高度l...
界面布局之表格布局TableLayout+TableRow(代码)
03-15
界面布局之表格布局TableLayout+TableRow(代码).
android:TableRow之平均分布列
yanghaohappy的博客
03-18 9990
设置每一列的宽度为：android:layout_width="0dp" 设置每一列的android:layout_weight=“1”        因为layout_weight是将剩余空间按权重分配，而不是将全部空间按权重分配
TableView：强大的Android数据展示库
最新发布
gitblog_07310的博客
09-13 306
TableView：强大的Android数据展示库 TableView TableView is a powerful Android library for displaying complex data structures and rendering tabular data composed of rows, c...
2024年Android最全Android——六大基本布局总结，安卓工程师面试
2401_84558314的博客
05-04 1819
代码真的是重质不重量，质量高的代码，是当前代码界提倡的，当然写出高质量的代码肯定需要一个相当高的专业素养，这需要在日常的代码书写中逐渐去吸收掌握，谁不是每天都在学习呀，目的还不是为了一个，为实现某个功能写出高质量的代码。所以，长征路还长，大家还是好好地做个务实的程序员吧。最后，小编这里有一系列Android提升学习资料，有兴趣的小伙伴们可以来看下哦~网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取。
Android中文API(119)——TableRow
weixin_33862041的博客
04-21 123
 前言 　　本章内容是android.widget.TableRow，版本为Android 3.0 r1，翻译来自"Snail"，欢迎访问它的博客："http://blog.csdn.net/zuolongsnail"，再次感谢"Snail" ！期待你一起参与Android API的翻译，联系我over140@gmail.com。  声明 　　欢迎转载，但请保留文章原始出处:) 　　　　博客园...
【Android Studio】布局管理TableLayout,TableRow实例
gelly_的博客
07-15 1448
在一个Android应用程序中，用户界面通过View和ViewGroup对象构建。布局方式是指一组View元素如何布局，准确地说是一个ViewGroup中包含的一些View如何布局。这里介绍的View的布局方式的类都直接或间接继承自ViewGroup类，如图。使用TableLayout（表格布局管理器）、TableRow（表格行布局管理器）创建一个简单的Android应用。其实，所有的布局方式都可以归类为ViewGroup的5个类别，即ViewGroup的5个直接子类。其他的一些布局都扩展自这5个类。
【Android开发学习24】界面布局之表格布局TableLayout+TableRow
热门推荐
天 下
03-15 5万+
一、基础知识:   TableLayout置底，TableRow在TableLayout的上面,而Button、TextView等控件就在TableRow之上， 另外，TableLayout之上也可以单独放控件。TableLayout是一个使用复杂的布局，最简单的用法就仅 仅是拖拉控件做出个界面，但实际上，会经常在代码里使用TableLayout，例如做出表格的效果。   androi
android tablerow用法,在Tablelayout中，android: 使用Tablerow+TextView的两个问题_android_开发99编程知识库...
weixin_42171208的博客
05-29 414
我使用Tablerow+TextView为博客文章和他们的回复做一个简单的视图。 在每个TableRow中，我放置一个 TextView 。 现在我有两个问题：超过屏幕长度的文本将不会自动换行为 多行 。 是通过TableRow设计的？ 我已经设置了 tr_content.setSingleLine(false); [update] 这已经被解决了，我想我应该改变Fill_parent以便在sdl...
Android TableLayout、TableRow 绘制表格、动态显示表格
qq_27494201的博客
12-02 3289
效果图： activity.xml： <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_alignParentBotto...
android 利用TableLayout自动生成表格
03-07
android 利用TableLayout自动生成表格
Android-TableLayout-Example
04-19
- 考虑使用`android:background`属性为TableLayout和TableRow设置背景色，以提升视觉效果。 总之，"Android-TableLayout-Example"项目提供了一个直观的学习平台，帮助开发者掌握如何在Android应用中创建和使用...
Android应用开发-TableLayout布局.pptx
12-10
TableLayout的子元素通常是TableRow，每个TableRow代表布局中的一个行。 在TableRow中，我们可以添加多个UI组件，如TextView和EditText。在本例中，TableRow01包含了两个元素：一个TextView和一个EditText。...
android基本布局-TableLayout_表格布局
m0_59586434的博客
03-21 8983
android基本布局-TableLayout_表格布局
Android-TableLayout(表格布局)
Android_xi的博客
03-16 962
TableLayout(表格布局) Tablelayout以行和列的形式对控件进行管理，每一行为一个TableRow对象，或一个View控件。 当为TableRow对象时，可在TableRow下添加子控件，默认情况下，每个子控件占据一列。 有多少个子控件就有多少列;当为View时，该View将独占一行, TableLayout属性： android:collapseColumns:将TableLa...
表格排列布局：TableLayout中TableRow的用法。
weixin_30500663的博客
02-20 1102
<TableRow> <EditText android:id="@+id/myinput" android:layout_width="wrap_content" android:layout_height="wrap_content" android:tex...
android---表格布局(TableLayout)
weixin_41505731的博客
09-09 1095
父级：LinearLayout 因为继承与LinearLayout所以LinearLayout可以设置的属性在TableLayout中都可以使用，当时只能控制上下方向！！！ 属性 XML中属性名称 对应的方法 说明 android:stretchColumns setSstretchAllColumns(boolean) 设置可以被拉伸列，多个值时，以","隔开，...
Android修行手册 - TableLayout学习
空名先生
09-19 5302
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
android tablerow 属性,Android开发笔记 TableLayout常用的属性介绍
05-21
Android开发中，TableLayout是一种基于表格的布局方式，可以用来展示表格数据等内容。而在TableLayout中，TableRow是每行数据的容器，可以设置多个属性来控制其显示效果。下面介绍一些常用的TableRow属性： 1. android:layout_height：设置TableRow的高度，可以使用具体数值或match_parent、wrap_content等属性值。 2. android:background：设置TableRow的背景颜色或图片。 3. android:padding：设置TableRow的内边距，可以使用具体数值或dp等单位。 4. android:gravity：设置TableRow中内容的对齐方式，可以使用left、center、right等属性值。 5. android:layout_span：设置TableRow中某个单元格所跨越的列数。 6. android:weightSum：设置TableRow中权重的总和，用于实现分配空间的比例。 7. android:layout_weight：设置TableRow中某个单元格的权重，用于实现分配空间的比例。 以上就是一些常用的TableRow属性介绍，开发者可以根据自己的需要进行选择和设置。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值