文档章节

Android 常用布局

campanula
 campanula
发布于 2015/10/20 13:45
字数 1538
阅读 46
收藏 0

Android的布局有:

LinearLayout             线性布局

RelativeLayout            相对布局

FrameLayout             单桢布局

TableLayout             表格布局

GridLayout             网格布局Android4.0

AbsoluteLayout     绝对布局不常用(淘汰)


LinearLayout线性布局:

LinearLayout是一种线型的布局方式。LinearLayout布局容器内的组件一个挨着一个地排列起来:不仅可以控制个组件横向排列,也可控制各组件纵向排列。通过orientation属性设置线性排列的方向是垂直(vertical)还是纵向(horizontal)。

RelativeLayout相对布局:

RelativeLayout是一种相对布局,控件的位置是按照相对位置来计算的,后一个控件在什么位置依赖于前一个控件的基本位置,是布局最常用,也是最灵活的一种布局。

相对布局常用属性介绍,这里将这些属性分成组,便于理解和记忆。

 

a)、第一类:属性值为true或false

android:layout_centerHrizontal         水平居中

android:layout_centerVertical         垂直居中

android:layout_centerInparent         相对于父元素完全居中

android:layout_alignParentBottom 贴紧父元素的下边缘

android:layout_alignParentLeft         贴紧父元素的左边缘

android:layout_alignParentRight         贴紧父元素的右边缘

android:layout_alignParentTop         贴紧父元素的上边缘

b)、第二类:属性值必须为id的引用名“@id/id-name”

android:layout_below             在某元素的下方

android:layout_above              在某元素的的上方

android:layout_toLeftOf             在某元素的左边

android:layout_toRightOf      在某元素的右边

android:layout_alignTop      本元素的上边缘和某元素的的上边缘对齐

android:layout_alignLeft              本元素的左边缘和某元素的的左边缘对齐

android:layout_alignBottom      本元素的下边缘和某元素的的下边缘对齐

android:layout_alignRight      本元素的右边缘和某元素的的右边缘对齐

c)、第三类:属性值为具体的像素值,如30dip,40px

android:layout_marginBottom 离某元素底边缘的距离

android:layout_marginLeft         离某元素左边缘的距离

android:layout_marginRight         离某元素右边缘的距离

android:layout_marginTop         离某元素上边缘的距离


FrameLayout单桢布局:

FrameLayout对象好比一块在屏幕上提前预定好的空白区域,可以将一些元素填充在里面,如图片。所有元素都被放置在FrameLayout区域的最左上区域,而且无法为这些元素制指定一个确切的位置,若有多个元素,那么后面的元素会重叠显示在前一个元素上。


TableLayout表格布局:

TableLayout是指将子元素的位置分配到行或列中。Android的一个TableLayout有许多TableRow组成,每一个 TableRow都会定义一个Row。TableLayout容器不会显示Row,Column,及Cell的边框线,每个Row拥有0个或多个 Cell,每个Cell拥有一个View对象。

表格布局常见属性介绍:

a)TableLayout行列数的确定:

TableLayout的行数由开发人员直接指定,即有多少个TableRow对象(或View控件),就有多少行。

TableLayout的列数等于含有最多子控件的TableRow的列数。

如第一TableRow含2个子控件,第二个TableRow含3个,第三个TableRow含4个,那么该TableLayout的列数为4。

b)TableLayout可设置的属性详解:

TableLayout可设置的属性包括全局属性及单元格属性。

Ø 全局属性也即列属性,有以下3个参数:

android:stretchColumns   设置可伸展的列该列可以向行方向伸展,最多可占据一整行

android:shrinkColumns    设置可收缩的列当该列子控件的内容太多,已经挤满所在行,那么该子控件的内容将往列方向显示

android:collapseColumns设置要隐藏的列

 

示例:

android:stretchColumns="0"         第0列可伸展

android:shrinkColumns="1,2"        第1,2列皆可收缩

android:collapseColumns="*"        隐藏所有行

说明:列可以同时具备stretchColumns及shrinkColumns属性,若此,那么当该列的内容N多时,将“多行”显示其内容。(这里不是真正的多行,而是系统根据需要自动调节该行的layout_height)

Ø 单元格属性,有以下2个参数:

android:layout_column    指定该单元格在第几列显示

android:layout_span       指定该单元格占据的列数(未指定时,为1)

示例:

android:layout_column="1"    该控件显示在第1列

android:layout_span="2"       该控件占据2列

说明:一个控件也可以同时具备这两个特性。


GridLayout网格布局:

android4.0以上版本出现的GridLayout布局解决了以上问题。GridLayout布局使用虚细线将

布局划分为行、列和单元格,也 支持一个控件在行、列上都有交错排列。而GridLayout使用的其实是跟LinearLayout类似的API,只不过是修改了一下相关的标签而已, 所以对于开发者来说,掌握GridLayout还是很容易的事情。GridLayout的布局策略简单分为以下三个部分:

首先它与LinearLayout布局一样,也分为水平和垂直两种方式,默认是水平布局,一个控件挨着一个控件从左到右依次排列,但是通过指定 android:columnCount设置列数的属性后,控件会自动换行进行排列。另一方面,对于GridLayout布局中的子控件,默认按照 wrap_content的方式设置其显示,这只需要在GridLayout布局中显式声明即可。

其次,若要指定某控件显示在固定的行或列,只需设置该子控件的android:layout_row和android:layout_column属性即 可,但是需要注意:android:layout_row=”0”表示从第一行开始,android:layout_column=”0”表示从第一列开 始,这与编程语言中一维数组的赋值情况类似。

最后,如果需要设置某控件跨越多行或多列,只需将该子控件的android:layout_rowSpan或者 layout_columnSpan属性设置为数值,再设置其layout_gravity属性为fill即可,前一个设置表明该控件跨越的行数或列数, 后一个设置表明该控件填满所跨越的整行或整列。

AbsoluteLayout绝对布局:

AbsoluteLayout绝对布局犹如div指定了absolute属性,用X,Y坐标来指定元素的位置!该布局目前已经淘汰!  


© 著作权归作者所有

共有 人打赏支持
campanula
粉丝 0
博文 1
码字总数 1538
作品 0
浦东
Android工程师
私信 提问
Android 布局详解 -一线性布局以及重要属性

Android 布局详解 Android 布局是开发中非常重要的一个知识部分,它的布局分为以下几种: Linear Layout:线性布局 Relative Layout:相对布局 Table Layout:表格布局 Grid View:网格布局 ...

-天蓬元帅-
2013/12/15
0
0
android XML布局和子View按比例布局

首先按照程序的目录结构大致分析:   res/layout/ 这个目录存放的就是布局用的xml文件,一般默认为main.xml   res/values/ 这个目录存放的是一堆常量的xml文件   res/drawable/ 存放的...

程序袁_绪龙
2014/09/09
0
0
Android学习笔记(二) 布局方式的介绍

Android应用的开发的一项内容就是用户界面开发了。Android提供了大量功能丰富的UI组件。Android的界面是由布局和组件协同完成的。 Android所有UI组件都继承了View类,View类有一个重要的子类...

半夏alvin
2014/03/05
0
0
Android ——TabHost使用

在Android中,通常可以使用切换卡(选项卡)实现切换显示不同页面内容的功能。这一功能可以通过TabHost控件来实现。   下面我们就通过一个简单的实例演示如何使用TabHost控件完成切换卡功能...

的书法上的
2014/08/05
0
0
第五讲:用户界面 View(一)

一、什么是View 我们上节课说,Activity是Android程序的显示层,每一个显示窗口都是一个Activity;可是Activity本身无法显示在屏幕上,我们可以把它理解成是一个抽象层,一个壳子;就譬如一个...

程序袁_绪龙
2014/08/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

MySQL Replication 梳理详解

MySQL Replication 1 MySQL5.5以前的复制 异步、SQL线程串行化回放 MySQL内建的复制功能是构建大型,高性能应用程序的基础。主服务器将更新写入二进制日志文件,从服务器重新执行一遍来实现的...

PeakFang-BOK
19分钟前
1
0
.NET Core & ConsoleApp & appsettings.json

准备 Visual Studio 2017 .NET Core 2.1 新建控制台应用(.NET Core) 默认的 Program.cs // Program.csusing System;namespace ConsoleApp1{ class Program { static voi......

taadis
29分钟前
1
0
结合lucene谈谈日期的压缩问题

说起日期值的压缩,一般容易想到的办法是将日期转化成long类型,然后再通过变长整形进行压缩,我算了一下按照毫秒来算最多占用5个字节(可以通过“谈谈变长整型”中的表查看),确实节省了部...

FAT_mt
今天
1
0
导出私有函数与私有变量

在Go语言中, package中包含函数与变量通过identifier的首字母是否大写来决定它是否可以被其它package所访问。当一个函数或变量名称为小写字母时,默认是无法被其他package引用的. 有没有办法...

xtof
今天
1
0
new Date() 在Safari下的 Invalid Date问题

问题复现 var timeStr = '2018-11-11 00:00:00';var time = new Date(timeStr);// error: Invalid Date... 在safari浏览器下,time为Invalid Date, 导致后面代码执行错误; 其他浏览器诸...

会写代码的husky
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部