第23讲 UI_布局 之相对布局
第23讲 UI_布局 之相对布局
、RelativeLayout(相对布局):
RelativeLayout(相对布局)是指组件的位置总是相对兄弟组件、父容器来决定的(相对位置),如某个组件的左边右边,上边下边。相对布局是除线性布局之外最常用的,它相对于线性布局来说更加灵活,每个组件都可以指定与其它组件或父组件的位置,只是必须通过ID来进行指定。相对布局的子控件必须有唯一的id属性以使规则正确应用。
【注意】:
1.当心循环规则,循环规则发生在两个控件具有互相指向的规则时。如果你在布局设计中使用了循环规则,你将会得到以下错误信息:
IllegalStateException: Circulardependencies cannot exist in a RelativeLayout(相对布局中不允许存在循环依赖)
2.使用相对布局代替嵌套线性布局以改进程序性能和响应能力。
|
表1-1 |
|
|
属性名称 |
作用 |
|
android:layout_above |
将组件放在指定ID组件的上方 |
|
android:layout_below |
将组件放在指定ID组件的下方 android:layout_below="@id/button1" |
|
android:layout_toLeftOf |
将组件放在指定ID组件的左方 |
|
android:layout_toRightOf |
将组件放在指定ID组件的右方 |
|
表1-2 |
|
|
属性名称 |
作用 |
|
android:layout_alignBaseline |
将该组件放在指定ID组件进行中心线对齐 |
|
android:layout_alignTop |
将该组件放在指定ID组件进行顶部对齐 |
|
android:layout_alignBottom |
将该组件放在指定ID组件进行底部对齐 |
|
android:layout_alignLeft |
将该组件放在指定ID组件进行左边缘对齐 |
|
android:layout_alignRight |
将该组件放在指定ID组件进行右边缘对齐, android:layout_alignRight="@id/button2" |
|
表1-3 |
|
|
属性名称 |
作用 |
|
android:layout_alignParentTop |
该组件与父组件进行顶部对齐 |
|
android:layout_alignParentBottom |
该组件与父组件进行底部对齐 |
|
android:layout_alignParentLeft |
该组件与父组件进行左边缘对齐 |
|
android:layout_alignParentRight |
该组件与父组件进行右边缘对齐, android:layout_alignParentRight="true" |
|
android:layout_alignWithParentIfMissing |
参照控件不存在或不可见时参照父控件 |
|
表1-4 |
|
|
属性名称 |
属性名称 |
|
android:layout_centerHorizontal |
将该组件放置在水平方向中央的位置 android:layout_centerHorizontal="true" |
|
android:layout_centerVertical |
将该组件放置在垂直方向的中央的位置 |
|
android:layout_centerInParent |
将该组件放置在父组件的水平中央及垂直中央的位置 |
|
表 1-5 |
|
|
android:layout_marginLeft |
当前控件左侧的留白 |
|
android:layout_marginRight |
当前控件右侧的留白 |
|
android:layout_marginTop |
当前控件上方的留白 |
|
android:layout_marginBottom |
当前控件下方的留白 |
第23讲 UI_布局 之相对布局的更多相关文章
- 第24讲 UI_布局 之帧布局 表格布局 绝对布局
第24讲 UI_布局 之帧布局 表格布局 绝对布局 3. FrameLayout(帧布局) 帧布局是从屏幕的左上角(0,0)坐标开始布局,多个组件层叠排序,后一个组件总会将前一个组件所覆盖,除非最后一 ...
- 第21/22讲 UI_布局 之 线性布局
第21/22讲 UI_布局 之 线性布局 布局管理就是组件在activity中呈现方式,包括组件的大小,间距和对齐方式等. Android提供了两种布局的实现方式: 1.在xml配置文件中声明:这种方 ...
- Flutter学习笔记(23)--多个子元素的布局Widget(Rwo、Column、Stack、IndexedStack、Table、Wrap)
如需转载,请注明出处:Flutter学习笔记(23)--多个子元素的布局Widget(Rwo.Column.Stack.IndexedStack.Table.Wrap) 上一篇梳理了拥有单个子元素布局 ...
- CSS布局经典—圣杯布局与双飞翼布局
在我之前的博客网页整体布局完全剖析-剖完你不进来看一下么?中总结单列.两列.三列固宽与变宽布局,我还以为已经囊括了所有经典的网页布局方法了呢,当然除了CSS3的弹性盒模型没有涉及到,现在看来确实是自己 ...
- IOS开发之绝对布局和相对布局(屏幕适配)
之前如果做过Web前端页面的小伙伴们,看到绝对定位和相对定位并不陌生,并且使用起来也挺方便.在IOS的UI设计中也有绝对定位和相对定位,和我们的web前端的绝对定位和相对定位有所不同但又有相似之处.下 ...
- duilib各种布局的作用,相对布局与绝对布局的的意义与用法
大多数刚使用duilib的朋友时候非常依赖duilib自带的设计器,用他可以拖拉控件,可视化的做出自己想要的界面.可是用一段时间就会发现原带的设计器有很多bug,时不时会崩溃,支持的控件数量有限,属性 ...
- android布局 FrameLayout(帧布局)详解
看到一篇很有趣的文章对我就是冲着萌妹子看的 FrameLayout(帧布局) 前言 作为android六大布局中最为简单的布局之一,该布局直接在屏幕上开辟出了一块空白区域, 当我们往里面添加组件的时候 ...
- flex布局 响应式布局
移动端页面开发流程 移动端页面布局 一.移动端app分类 1.Native App原生app手机应用程序 使用原生的语言开发的手机应用,Android系统用的是java,ios系统用的是objec ...
- CSS的flex布局和Grid布局
一.什么是 flex 布局 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这 ...
随机推荐
- DB2高级安装
学习从安装开始,哈哈.这里记下 Windows 和 UNIX/Linux安装DB2的各种方式,不同,及具体的一些细节. Windows下向导化安装: setup.exe ...
- Linux进程实时监控 - htop
htop 是一个 Linux 下的交互式的进程浏览器,top的增强版 htop: 进入:htop 退出:按q键 常用操作: ...
- Intellj IDEA 启动参数调优
(修改前记得备份) 修改IntellJ/bin/idea.exe.vmoptions修改成 -Xms512m -Xmx512m -Xmn164m -XX:MaxPermSize=250m -XX:Re ...
- USB描述符解析-->枚举.
枚举可以理解为主机按不定的顺序向USB设备讨要设备信息,好给它分配资源,若枚举不成功,就放弃分配资源,免得浪费资源.一般都是使用中断传输方式通信. 常用的描述符有以下几种:01H.设备描述符 02H ...
- linux od命令
用户通常使用od命令查看特殊格式的文件内容.通过指定该命令的不同选项可以以十进制.八进制.十六进制和ASCII码来显示文件.od命令系统默认的显示方式是八进制,这也是该命令的名称由来(Octal Du ...
- 重学《C#高级编程》(继承)
前两天重新看了<C#高级编程>里的第四章:继承与第六章:数组.OOP三大特性:封装,继承,多态,个人感觉继承是实现多态的基础,包括以后接触的设计模式,都是继承特性的衍生. 继承特性有两种, ...
- 【socket.io研究】3.手机网页间聊天核心问题
前面我们已经说了服务器相关的一些内容,且又根据官网给出的一个例子写了一个可以聊天的小程序,但是这还远远不够呀,这只能算是应用前的准备工作.接下来,一起来考虑完善一个小的聊天程序吧. 首先,修改服务器的 ...
- $http post传值的问题
var app = angular.module("myApp", [], function ($httpProvider) { $httpProvider.defaults.he ...
- 深入研究MiniMVC之后续篇
今天在园子看到<深入研究 蒋金楠(Artech)老师的 MiniMvc(迷你 MVC),看看 MVC 内部到底是如何运行的>之后,本来是不打算开博来续这个后传,不过,在那边回了个评论之后, ...
- OOAD基本概念
学习目标: 1.理解与掌握面向对象的概念与方法. 2.使用UML. 3.完成面向对象的分析与设计工作. 4.了解OO的设计原则及一些典型的设计模式 什么是面向对象? 面向对象(Object-Orien ...