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。

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和未来有约会

Blend基础-布局控件

布局 什么是布局? Panels控件(其实就是容器控件) 对内部的子控件提供了自动布局功能 可以在容器控件内继续添加容器控件(一个复杂的界面往往是多种容器控件...

25560
来自专栏互联网开发者交流社区

HTML超文本标记语言-基础标签整理

33340
来自专栏Nian糕的私人厨房

CSS 基础

层叠样式表 (Cascading Style Sheets),一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语...

13340
来自专栏田超学前端

微信小程序开发:canvas 多行文字换行(二)

微信小程序开发中,canvas画出一篇文章,由于句子长短不一,画起来确实是费劲,查了不少资料,总结一下:

59470
来自专栏九彩拼盘的叨叨叨

学习纲要:CSS 常用选择器

12040
来自专栏三木的博客

CSS概要

CSS 基础知识 语法 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式, 如文字...

20550
来自专栏肖蕾的博客

第六章:常用控件日常科普标签(Lable)图片(Image)按钮(Button)

1.控件是用于开发构建用户界面(UI)控件,帮助完成开发中视窗,文本框,按钮,下拉菜单,等界面元素 2.在LibGdx中,提供的控件有 按钮,勾选框,下拉框,...

12420
来自专栏HTML5学堂

你们等了很久的弹性布局(flex),还不快来~!

传统的布局方案中,我们基本都是在基于盒模型,依赖dispaly(显示)、position(定位)以及float(浮动)等属性来操作。但是这些操作需要用到一些特殊...

39750
来自专栏抠抠空间

css属性详解

一、字体属性 字体   font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识...

31790
来自专栏Linux驱动

28.QT-QPainter介绍

32020

扫码关注云+社区

领取腾讯云代金券