使用TableLayout画出跨行的表格效果，附边框线

最新推荐文章于 2025-06-24 11:02:05 发布
转载 最新推荐文章于 2025-06-24 11:02:05 发布 · 6.8k 阅读 · 2
文章标签：

#android #tablelayout #网格线

本文介绍了一种使用 TextView 作为边框线来为 TableLayout 添加边框的方法。通过这种方式，可以有效地模拟表格外观，并提供了详细的 XML 布局代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

由于使用TableLayout画出的表格不知道怎么设置边框线，所以使用一种比较笨的方法。就是用textview作为边框线附在表格上使他看上去像一个表格，话不多说直接看代码。

 

代码示例：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <!-- 左边框 -->

    <TextView
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_alignBottom="@+id/myTableLayout"
        android:layout_alignLeft="@+id/myTableLayout"
        android:layout_alignTop="@+id/myTableLayout"
        android:background="#000000" />
    <!-- 右边框 -->

    <TextView
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_alignBottom="@+id/myTableLayout"
        android:layout_alignRight="@+id/myTableLayout"
        android:layout_alignTop="@+id/myTableLayout"
        android:background="#000000" />

    <!-- 上边框 -->

    <TextView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignLeft="@+id/myTableLayout"
        android:layout_alignRight="@+id/myTableLayout"
        android:layout_alignTop="@+id/myTableLayout"
        android:background="#000000" />
    <!-- 下边框 -->

    <TextView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignBottom="@+id/myTableLayout"
        android:layout_alignLeft="@+id/myTableLayout"
        android:layout_alignRight="@+id/myTableLayout"
        android:background="#000000" />

    <TableLayout
        android:id="@+id/myTableLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp" >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:text="111" />
            <!-- 列分割线 -->

            <TextView
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#000000" />

            <TableLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="5" >

                <TableRow
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                </TableRow>
            </TableLayout>
        </TableRow>
        <!-- 行分割线 -->

        <TextView
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#000000" />

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:text="111" />
            <!-- 列分割线 -->

            <TextView
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#000000" />

            <TableLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="5" >

                <TableRow
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                </TableRow>
                <!-- 行分割线 -->

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="#000000" />

                <TableRow
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                </TableRow>
                <!-- 行分割线 -->

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="#000000" />

                <TableRow
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                    <!-- 列分割线 -->

                    <TextView
                        android:layout_width="1dp"
                        android:layout_height="match_parent"
                        android:background="#000000" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="111" />
                </TableRow>
            </TableLayout>
        </TableRow>
    </TableLayout>

</RelativeLayout>

 

效果图：

android四列均匀布局,Android 学习教程（四） 之-----布局篇
weixin_29534399的博客
05-27 463
andriod 布局篇学习LinearLayout：广受热爱的“行布局”，可以理解成写文档，布置满一行控件后切换到下一行。TableLayout：“表格布局”，可以理解成做表格，定义每行每列的控件。AbsoluteLayout：“绝对布局”，VC、DELPHI等做界面就是绝对布局。RelativeLayout：“相对布局”，控件相对容器的相对位置，如左右对齐等。FrameLayout：“层叠式布局...
android中tablerow边框,Android开发之TableLayout生成边框-转载
weixin_29080843的博客
05-26 1043
Android开发之TableLayout生成边框我们先来看个效果图，如下：在这里，我使用了TableLayout来生成边框效果！众所周知，TabelLayout布局控件是没有边框的，它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格，每个单元格就是一个View。这些TableRow，单元格不能设置layout_width,宽度默认是fill_parent的，只有高度l...
Android TableLayout实现边框
05-29
程序源代码下载 博文链接：https://greatwqs.iteye.com/blog/1045709
Android TableLayout 实现边框
JY_Sharer的专栏
09-13 1万+
转自http://greatwqs.iteye.com/blog/1045709 大家在开发Android项目的时候，对画面的布局经常会采用TableLayout进行画面布局，为了醒目，需要设定TableLayout的边框。或则颜色区分或则增加类似线来区分，下面我就介绍TableLayout的边框设定。 主要思想   通过设定TableLayout(表格),TableRow(
Android表格布局管理器TableLayout深入解析
最新发布
weixin_42311427的博客
06-24 1000
htmltable {th, td {th {pre {简介：TableLayout是Android中一种用于构建表格样布局的组件，由多个TableRow组成，每个TableRow代表一行。本篇笔记详细介绍了TableLayout和TableRow的结构、属性、使用方法以及在Android XML布局文件中的实现方式。通过实例解析和源码分析，帮助开发者深入理解TableLayout的工作原理，并掌握如何在实际项目中灵活运用。
TableLayoutPanel跨行跨列
GoldenLionKing的博客
05-12 556
不过，可以将控件放至TableLayoutPanel中然后修改该控件的RowSpan和ColumnSpan属性来实现跨行跨列。在C#中，TableLayoutPanel本身是没有跨行跨列属性的。
TableLayout边框
点点滴滴
08-23 448
默认的是没有边框的 实现边框 可以通过不同的背景颜色是实现 &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;TableLayout android:layout_width="wrap_content" xmlns:android="http://schemas.android.com/apk/res/android"     android:la...
如何为TableLayout添加边框
cool_oyty的专栏
12-22 4864
表格布局中以标签定义，可以添加多个标记，每一个占用一行，由于也是容器，在里面还可以添加其他组件，每一个组件代表一列。 支持的xml属性： android:collapseColumns  设置需要被隐藏的列的序列号（以逗号隔开） android:shrinkColumns   设置允许被收缩的列的序列号 android:stretchColumns  设置允许被拉伸的列的序列号 
Android基础窗口界面之表格布局源代码TableLayout
03-16
TableLayout 容器不会显示row 、cloumns 或cell 的边框线。每个 row 拥有0个或多个的cell ；每个cell 拥有一个View 对象。表格由列和行组成许多的单元格。表格允许单元格为空。单元格不能跨列，这与HTML 中的不一样...
掌握Android TableLayout源码：打造基础窗口界面
首先，TableLayout容器不会显示行、列或单元格的边框线，这意味着如果你需要边框，你必须在视图本身或者在其他地方实现。另外，每个TableRow可能包含任意数量的单元格（从零开始），每个单元格中必须有一个View对象...
【PDF表格创建与编辑】：使用Apache PDFBox和iText库制作表格，表格处理不求人
![java 各种pdf处理常用库介绍与...本章节将为读者提供一个关于PDF表格创建与编辑的概述，为后续章节中使用Apache PDFBox和iText库进行深入探讨奠定基础。 ## 1.1 PDF表格的作用与重要性 PDF表格在商务沟通、数据分析
【Android布局揭秘】：TableLayout应用与用户体验优化的融合之道
![Android Studio实现简易计算器（表格布局TableLayout）]...文章还探讨了TableLayout的个性化设计和高级性能优化方法，如自定义视图、动画效果、优化
Android：控件布局（表格布局）TableLayout
yw1688的专栏
05-27 906
有多少个TableRow对象就有多少行， 列数等于最多子控件的TableRow的列数 直接在TableLayout加控件，控件会占据一行 TableLayout属性(也叫全局属性)：*代表所有列 android:shrinkColumns -------设置可收缩的列，(内容过多，则收缩，扩展到第二行，控件没布满TableLayout时不起作用) android:st
relativelayout设置边框_Android TableLayout 增加边框，以及圆角的实现方式
weixin_39540744的博客
12-31 705
Android TableLayout 增加边框，以及圆角的实现方式发布时间：2018-06-11作者：laosun阅读(3821)android 使用tablelayout实现圆角边框布局：首先来看activity_main.xml的布局代码android:layout_width="fill_parent"android:layout_height="fill_parent"android:b...
给TableLayou绘制边框
热门推荐
yhm2046的专栏
06-27 1万+
效果如下： 思路：使用share作为背景显示边框 步骤： 1.在res/drawable文件夹下建立table_frame_gray.xml文件： <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
给android 设置边框(tableLayout、表格)
liuxiaoddd的专栏
06-08 8948
总结一下android ui界面里面如何设置边框，以及如何把边框设置成弧形的即圆角。            其实，android的ui里，界面一般都是比较简单的，不会像web页面那样，数据量比较大，关于给android界面(表格)设置边框，其思想很想我们用HTML设计表格然后给它设置边框，如果你懂html的话。即通过给不同的控件设置背景颜色来反衬出边框线            以一个登录界面为
Android开发之TableLayout生成边框
ch_984326013的专栏
07-13 1万+
Android开发之TableLayout生成边框 我们先来看个效果图，如下：        在这里，我使用了TableLayout来生成边框效果！众所周知，TabelLayout布局控件是没有边框的，它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格
使用TableLayout在Android中创建表格效果
在Android开发中，TableLayout是一种用于...通过上述步骤，在Android中使用TableLayout实现表格效果是一个系统性的过程，开发者需要对每一步有清晰的认识，并且合理地应用属性和方法，以达到良好的布局效果和用户体验。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值