Android应用界面开发——布局

UI = 控件 + 布局,上一节介绍的是简单控件,这里主要介绍一下Android应用界面开发中的布局。

五大布局

  • LinearLayout:线性布局。
  • RelativeLayout:相对布局。
  • FrameLayout:帧布局。
  • TableLayout:表格布局。
  • AbsoluteLayout:绝对布局。

这几种布局及其子元素共同支持的XML属性:

  • android:layout_gravity:设置该子元素在父容器中的对齐方式。
  • android:gravity:该属性用于控制它所包含的子元素的对齐方式。
  • 外边距
    • android:marginLeft:控件距布局左边界的距离。
    • android:marginTop:控件距布局上边界的距离。
    • android:marginRight:控件距布局右边界的距离。
    • android:marginBottom:控件距布局下边界的距离。
  • 内边距
    • android:paddingLeft:控件中内容距控件左边界的距离。
    • android:paddingTop:控件中内容距控件上边界的距离。
    • android:paddingRight:控件中内容距控件右边界的距离。
    • android:paddingBottom:控件中内容距控件下边界的距离。

LinearLayout

线性布局可以控制各组件横向排列(通过设置属性android:orientation属性控制),也可控制各组件纵向排列。

LinearLayout子元素支持的常用XML属性:

  • android:layout_weight:设置该子元素在LinearLayout中所占的比重。

RelativeLayout

相对布局容器内子组件的位置总是相对兄弟组件、父容器来决定的。

RelativeLayout子元素支持的常用XML属性:

  • android:layout_centerHorizontal:控制该子组件在布局容器中是否水平居中。
  • android:layout_centerVertical:控制该子组件在布局容器中是否垂直居中。
  • android:layout_centerInParent:控制该子组件是否在布局容器中央位置。
  • android:layout_centerParentLeft:控制该子组件是否与布局容器左端对齐。
  • android:layout_centerParentTop:控制该子组件是否与布局容器顶端对齐。
  • android:layout_centerParentRight:控制该子组件是否与布局容器右端对齐。
  • android:layout_centerParentBottom:控制该子组件是否与布局容器底端对齐。
  • android:layout_toLeftOf:控制该子组件位于给出ID组件的左端。
  • android:layout_above:控制该子组件位于给出ID组件的上方。
  • android:layout_toRightOf:控制该子组件位于给出ID组件的右端。
  • android:layout_below:控制该子组件位于给出ID组件的下方。
  • android:layout_alignLeft:控制该子组件与给出ID组件的左边界对齐。
  • android:layout_alignTop:控制该子组件与给出ID组件的上边界对齐。
  • android:layout_alignRight:控制该子组件与给出ID组件的右边界对齐。
  • android:layout_alignBottom:控制该子组件与给出ID组件的下边界对齐。

FrameLayout

帧布局容器为每个加入其中的组件创建一个空白的区域(称为一帧),每个子组件占据一帧,这些帧都会根据gravity属性执行自动对齐。

FrameLayout常用XML属性:

  • android:foreground:设置该帧布局的前景图像。
  • android:foregroundGravity:定义绘制前景图像的gravity属性。

TableLayout

表格布局继承了LinearLayout,因此它的本质依然是线性布局。
表格布局通过添加TableRow、其他组件来控制表格的行数和列数。

在表格布局管理器中,可以为单元格设置如下3种行为方式:

  • Shrinkable:该列的所有单元格宽度可以被收缩,以保证该表格能适应父容器的宽度。
  • Stretchable:该列的所有单元格的宽度可以被拉伸,以保证组件能完全填满表格空余空间。
  • Collapsed:该列的所有单元格会被隐藏。

TableLayout的常用XML属性:

  • android:shrinkColumns:设置允许被收缩的列序号,多个列序号之间用逗号隔开。
  • android:stretchColumns:设置允许被拉伸的列序号,多个列序号之间用逗号隔开。
  • android:collapseColumns:设置需要被隐藏的列序号,多个列序号之间用逗号隔开。

AbsoluteLayout

运行Android应用的手机往往千差万别,因此屏幕大小、分辨率都有可能有很大差异,使用绝对布局很难兼顾不同屏幕大小、分辨率问题,因此AbsoluteLayout布局已经过时。

补充

  • xmlns:在布局文件中,意思为命名空间。
  • 如果布局的层次较多,可能导致绘制布局性能下降,可以利用相对布局来减少布局层次。
  • <include />:重用布局文件。
  • <merge />:减少视图层级。
  • <ViewStub />:需要时才加载。
  • 不要嵌套多个使用Layout_weight属性的LinearLayout。

非常琐碎的一些知识点,不一定能全部记住,但应该尽量理解,需要的时候可以查看。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,050评论 25 707
  • 欢迎Follow我的GitHub, 关注我的CSDN. 其余参考Android目录. 转载请注明出处:http:/...
    passiontim阅读 4,732评论 0 31
  • 我坐在阳台上思念着我远在他乡的情人,琢磨着她的一颦一笑,我突然想起她的眼睛会发光。那是一双充满活力含情脉脉的眼睛,...
    岛主王仙客阅读 241评论 0 2
  • 破阵子.围棋 斗室棋开方寸,檐帘漫卷硝烟。经纬纵横分仲伯,黑白纠缠高下难,眉颦无语言。 一寓偏安蓄势,择机逐鹿中原...
    不语不问阅读 246评论 0 3
  • 8月31号要报道,我从30号就开始紧张的不得了,要准备什么,要办什么事情?会遇见什么人?工作环境如何?怎么给学...
    by小微阅读 689评论 0 0