首页
学习
活动
专区
圈层
工具
发布

Android开发中TableLayout表格布局

Android开发中TableLayout表格布局 一、引言         在移动端应用程序开发中,常常会使用到表格布局,iOS和Android开发框架中都提供了独立的表格视图控件供开发者使用,例如...iOS中的UITableView、UICollectionView,Android中的ListView、GridView等。...除了独立的视图控件外,Android中还提供了一个布局容器类TableLayout,使用其也可以进行方便的表格布局。        ...前边博客有介绍过关于LinearLayout线性布局的相关内容,LinearLayout只能进行水平或者垂直方向上的排列布局,使用LinearLayout的布局嵌套,实际上也可以实现表格布局的样式。...,其中每个视图元素作为当前行中的一列,结合使用TableLayout与TableRow,就实现了行列的表格布局。

2.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android基础_2 Activity线性布局和表格布局

    在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验,实验中只需要编写 相应的xml的代码,java代码不需要更改,因为我们这里只是练习.../> 表格布局:   表格布局有点类似表单的意思,可以在activity中建立多行,每一行又可以设置为多列,所以看起来横竖条理比较清晰,因此叫做表格布局。   ...表格布局各控件属性与线性布局类似,本实验用到的属性解释如下:     用TableRow来增加一行,然后该行内各列依次并排。        ...> 线性布局和表格布局混合:   混合布局原理类似,只是大的layout中嵌入小layout,且小layout中又可以嵌入不同的layout。   ...这次实验将上面的2个实验混合起来显示的,即总的布局为垂直方向上的线性布局,上面那个布局内部又为垂直方向的布局,下面那个布局为也是一个线性布局,不过里面嵌入了一个表格布局,所以总共有4个布局。

    1.3K20

    Android应用界面开发——布局

    android:gravity:该属性用于控制它所包含的子元素的对齐方式。 外边距 android:marginLeft:控件距布局左边界的距离。...android:marginTop:控件距布局上边界的距离。 android:marginRight:控件距布局右边界的距离。 android:marginBottom:控件距布局下边界的距离。...内边距 android:paddingLeft:控件中内容距控件左边界的距离。 android:paddingTop:控件中内容距控件上边界的距离。...android:layout_alignTop:控制该子组件与给出ID组件的上边界对齐。 android:layout_alignRight:控制该子组件与给出ID组件的右边界对齐。...TableLayout 表格布局继承了LinearLayout,因此它的本质依然是线性布局。 表格布局通过添加TableRow、其他组件来控制表格的行数和列数。

    2.1K20

    【鼠】安卓学习杂记(八)——Android表格布局TableLayout

    一、表格布局概述 类似HTML表格。 二、如何确定行数与列数 ①如果我们直接往TableLayout中添加组件的话,那么这个组件将占满一行!!!...⑤整个表格布局的宽度取决于父容器的宽度(占满父容器本身) ⑥有多少行就要自己数啦,一个tablerow一行,一个单独的组件也一行!..." 2、设置允许被收缩的列:android:shrinkColumns="此处填写被收缩列的索引值,多个则用逗号隔开" 3、设置运行被拉伸的列:android:stretchColumns="此处填写被拉伸列的索引值...,多个则用逗号隔开" 备注:如果是所有列都生效,则用"*"号即可 除了这三个常用属性,还有两个属性,分别就是跳格以及合并单元格,这和HTML中的Table类似: android:layout_column...="2":表示的就是跳过第二个,直接显示到第三个格子处,从1开始计算 android:layout_span="4":表示合并4个单元格,也就说这个组件占4个单元格

    89810

    CSS表格布局实践

    (兼容到IE8就好了) 经分析需要处理一列的宽度,只有table布局才有列的概念,故采用display:table | table-row | table-cell来布局。...CSS属性table-layout定义了表格单元格、行和列的布局算法。默认值为auto,表格及其单元格的宽度由其内部的内容决定。...而值为fixed时,表格的宽度取决于tabe元素的宽度值,列宽由对应col元素的宽度决定,或者由首行单元格的宽度决定,后续行内单元格不会影响列宽。...使用fixed布局方法时,一旦表格的首行下载和解析完成,整个表格即可被渲染。相对于自动布局方法,这种方法可加速表格渲染,但可能会造成后续单元格的内容与列宽不适合。...一直强烈建议使用fixed布局方式,但从上文看,是无法实现我们所需效果。而auto布局,默认为各列平分表格的宽度。

    1.9K40

    善用TableLayout表格布局,事半功倍

    前面学习了线性布局和相对布局,线性布局虽然方便,但如果遇到控件需要排列整齐的情况就很难达到要求,用相对布局又比较麻烦,为此Android系统中提供了表格布局。...一、认识TableLayout 表格布局就是让控件以表格的形式来排列控件,只要将控件放在单元格中,控件就可以整齐地排列,使用标签。...在表格布局中,列的宽度由该列中最宽的那个单元格决定,整个表格布局的宽度则取决于父容器的宽度(默认总是占满父容器本身)。 在表格布局管理器中,可以为单元格设置如下3种行为方式。...-- 定义第2个表格布局 ,指定第2列隐藏--> <TableLayout android:layout_width="match_parent" android...-- 定义第3个表格布局,指定第2列和第3列可以被拉伸--> <TableLayout android:layout_width="match_parent" android

    2.3K90

    自定义View二篇,如何自定义一个规范的ViewGroup

    如何实现一个规范的ViewGroup,以实现垂直布局的LinerLayout为例 新建LinerLayoutView 继承自ViewGroup 首先我们让LinerLayoutView 适应wrap_content...在布局文件中 引用这个ViewGroup,并且添加两个子View,代码如下所示: <com.support.hlq.layout.LinerLayoutView android:layout_width...; int measureHeight = MeasureSpec.getSize(heightMeasureSpec); 为什么上面两处代码不需要加上边距呢,因为MeasureSpec获取到的大小是已经包含过...totalHeight = totalHeight + childHeight; } } left点我们加上getPaddingLeft,总高度由0修改为getPaddingTop,其他两点也分别加上边距布局即可...记得在计算总高度的时候 也要加上边距和下边距,运行结果如下图所示 ?

    80310

    『安卓』安卓开发基础--基本控件

    //设置内边距 android:padding="30dp" 同时设置四个方向的内边距 //同时可以单独设置某个方向的内边距。..." //在名字叫text1的控件的上边 android:layout_above="@id/text1" //比例划分前提是线性布局,内部元素可以按照比例划分 //需要设置权重: android:layout_weight...="2" //纵向布局只能分内部控件的高度,横向布局只能分内部控件的宽度。..." //在名字叫text1的控件的上边 android:layout_above="@id/text1" 在Activity中的简单用法 public class MainActivity extends..." //在名字叫text1的控件的上边 android:layout_above="@id/text1" 我们需要在Activity中为Button的点击事件注册一个监听器,以下介绍两种方式来实现按钮监听事件

    13K20

    CSS笔记(7)

    网页布局过程: 1.先准备好相关的网页元素,网页元素基本都是盒子BOX. 2.利用CSS设置好盒子样式,然后摆放到相应位置. 3.往盒子里装内容....网页布局的本质:就是利用CSS摆盒子 1.盒子模型 盒子模型(Box Model)的组成: 所谓盒子模型:就是把html页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器.CSS盒子模型的本质是一个盒子...,可以写成 border-top:1px solid red 课堂练习:设置一个200*200的盒子,上边框为红色,其余为蓝色....我们可以这样实现: 注意在单独写上边框覆盖原来的边框时,需要将三个属性都写出来,不然不会显示....设置表格的边框样式: 很久之前我们还在学习表格的时候制作过一个这样的表格; 现在我们想要修改这个表格的边框样式,就可以用到我们现在学到的知识了.

    88110
    领券