2-5 基本布局–TableLayout 表格布局

概述：表格布局是以行数和列数来确定位置进行排列。就像一间教室，确定好行数与列数就能让同学有序入座。

注意：我们需要先添加<TableRow容器，每添加一个就会多一行，然后再往<TableRow容器中添加其它组件。

TableLayout 常用布局标签：

<android:collapseColumns="1"：表示隐藏第二列

<android:stretchColumns="0"：表示将第1列设置为扩展列,若有空余空间，则会被设定的第1列占满。可以同时设置多列平分空间。

<android:layout_margin="1dip"：可以设置组件与父件之间的间隔距离，为1dip

TableLayout 单元格常用布局标签：

<android:layout_span="2"：合并单元格，从当前行向右。

<android:layout_margin="0.5dip"：可以设置单元格之间的间隔距离，为0.5dip。两个单元格都设置了0.5dip，所以实际上单元格之间的距离为1dip。

代码示例

<?xml version="1.0" encoding="utf-8"?>
<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="1dip"android:stretchColumns="0,1,2,3"android:orientation="horizontal"><TableRowandroid:background="#ffffcc99"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="0.5dip"><TextViewandroid:id="@+id/textView4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/name"android:gravity="center"/><TextViewandroid:id="@+id/textView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/sex"android:gravity="center"/><TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/age"android:gravity="center"/><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/phonenumber"android:gravity="center"/></TableRow><TableRowandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="0.5dip"android:background="#ffffcc99"><TextViewandroid:id="@+id/textView6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="张三"android:gravity="center"/><TextViewandroid:id="@+id/textView8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="男"android:gravity="center"/><TextViewandroid:id="@+id/textView7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="18"android:gravity="center"/><TextViewandroid:id="@+id/textView5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="19875625698"android:gravity="center"/></TableRow><TableRowandroid:background="#ffffcc99"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="0.5dip"><TextViewandroid:id="@+id/textView11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="李四"android:gravity="center"/><TextViewandroid:id="@+id/textView12"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="女"android:gravity="center"/><TextViewandroid:id="@+id/textView9"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="19"android:gravity="center"/><TextViewandroid:id="@+id/textView10"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="15150825698"android:gravity="center"/></TableRow><TableRowandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="0.5dip"android:background="#ffffcc99"><TextViewandroid:id="@+id/textView13"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:layout_column="0"android:layout_span="2"android:text="杭州" /><TextViewandroid:id="@+id/textView14"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:layout_column="2"android:layout_span="2"android:text="西湖住宅区" /></TableRow>
</TableLayout>

android基本布局-TableLayout_表格布局相关推荐

Android用表格布局做菜单栏,Android开发菜单布局之表格布局示例
本文实例讲述了android开发菜单布局之表格布局.分享给大家供大家参考,具体如下: 多用于静态菜单页面 xml代码代码内带详细解释 xmlns:android="http://schem ...
android表格布局bottom,Android基础_2 Activity线性布局和表格布局
在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验,实验中只需要编写相应的xml的代码,java代码不需要更改,因为我们这里只是 ...
android简单实现表格布局,Android开发中TableLayout表格布局
Android开发中TableLayout表格布局一.引言在移动端应用程序开发中,常常会使用到表格布局,iOS和Android开发框架中都提供了独立的表格视图控件供开发者使用,例如iOS中的UIT ...
Android的布局管理--表格布局
Android的布局管理–表格布局在校期间想过自学这个,但是最后选择了学习前端,以下知识点并不记得了表格布局(TableLayout)是以表格形式排列控件的,通过行和列将界面划分为多个单元,每个单 ...
Android布局——线性布局、相对布局、帧布局、表格布局、网格布局、约束布局
1.概述 1.1 布局的作用:布局是对界面结构的全面规划和安排,通过api中提供的各种布局能够快速的完成对界面的设计和规划 1.2 布局的种类:线性布局(LinearLayout).相对布局(Rela ...
Android学习|布局——TableLayout 表格布局
Android学习|布局--TableLayout 表格布局一.概述二.常见属性 4.子控件设置属性三.Demo 1.android:collapseColumns 2.android:stre ...
Android学习|布局——GridLayout 表格布局_(可行、列合并)
Android学习|布局--GridLayout 表格布局一.GridLayout 行.列都可以进行合并二.常见属性三.子控件属性四.Demo 1.常见属性Demo 2.子控件属性Demo ...
android表视图,android – 列表视图与表格布局
我正在开发一个活动,其中我使用列表视图与表格布局. 我想在列表视图中显示图像和文本,但问题是图像显示略微超出列表顺序 img1 text1 img1 text1 img2 text2 and i wa ...
关于css加div布局和表格布局,菜鸟学习笔记:表格布局和div+css布局
网页布局可以通过表格和div元素来实现(注:table布局已经淘汰),首先我们来看看table布局表格布局导航推荐文章一个猴子成长史你看个毛线我就瞅你咋地村里出了个半边天一个猴子的成长 ...

android基本布局-TableLayout_表格布局

2-5 基本布局–TableLayout 表格布局

TableLayout 常用布局标签：

TableLayout 单元格常用布局标签：

代码示例

android基本布局-TableLayout_表格布局相关推荐

最新文章

热门文章