轻松掌握RelativeLayout相对布局
在前面三期中我们对LinearLayout进行了详细的解析,LinearLayout也是我们用的比较多的一个布局。但在实际开发中使用LinearLayout远远不够,我们本期一起来学习RelativeLayout。
一、认识RelativeLayout
RelativeLayout,又叫相对布局,使用<RelativeLayout>标签。相对布局通常有两种形式,一种是相对于容器而言的,一种是相对于控件而言的。
下表显示了RelativeLayout支持的常用XML属性及相关方法的说明。
XML属性 |
相关方法 |
说明 |
---|---|---|
android:gravity |
setGravity(int) |
设置该布局容器内各子组件的对其方式 |
android:ignoreGravity |
setIgnoreGravity(int) |
设置哪个组件不受gravity属性的影响 |
为了控制该布局容器中各子组件的布局分布,RelativeLayout提供了一个内部类: RelativeLayout.LayoutParams,该类提供了大量的XML属性来控制RelativeLayout布局容器中子组件的布局分布。
在相对于容器定位的属性主要有以下几个,属性值为true或false。
- android:layout_centerHorizontal:控制该组件是否和布局容器的水平居中。
- android:layout_centerVertical:控制该组件是否和布局容器的垂直居中。
- android:layout_centerInparent:控制该组件是否和布局容器的中央位置。
- android:layout_alignParentTop:控制该组件是否和布局容器的顶部对齐。
- android:layout_alignParentBottom:控制该组件是否和布局容器的底端对齐。
- android:layout_alignParentLeft:控制该组件是否和布局容器的左边对齐。
- android:layout_alignParentRight:控制该组件是否和布局容器的右边对齐。
- android:layout_alignParentStart:控制该组件是否和布局容器的开始对齐。
- android:layout_alignParentEnd:控制该组件是否和布局容器的末端对齐。
- android:layout_alignWithParentIfMissing:如果对应的兄弟组件找不到的话就以父容器做参照物。
在相对于其他组件定位的属性主要有以下几个,属性值为其他组件的id。
- android:layout_toLeftOf:本组件在某组件的左边。
- android:layout_toRightOf:本组件在某组件的右边。
- android:layout_toStartOf:本组件在某组件开始端。
- android:layout_toEndOf:本组件在某组件末端。
- android:layout_above:本组件在某组件的上方。
- android:layout_below:本组件在某组件的下方。
- android:layout_alignBaseline:本组件和某组件的基线对齐。
- android:layout_alignTop:本组件的顶部和某组件的的顶部对齐。
- android:layout_alignBottom:本组件的下边缘和某组件的的下边缘对齐。
- android:layout_alignRight:本组件的右边缘和某组件的的右边缘对齐。
- android:layout_alignLeft:本组件左边缘和某组件左边缘对齐。
- android:layout_alignStart:本组件的开始端和某组件开始端对齐。
- android:layout_alignEnd:本组件的末端和某组件末端对齐。
除此之外,RelativeLayout.LayoutParams 还继承了 android view. ViewGroup.MarginLayoutParams,因此 RelativeLayout 布局容器中每个子组件也可指定 android.view.ViewGroiip.MarginLayoutParams所支持的各XML属性。
二、示例
接下来通过一个简单的示例程序来学习RelativeLayout的使用用法。
继续使用app/main/res/layout/目录下的activity_main.xml文件,在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 定义该组件位于父容器左上侧 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器左上侧"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>
<!-- 定义该组件位于父容器上侧水平居中 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器上侧水平居中"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"/>
<!-- 定义该组件位于父容器右上侧 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器右上侧"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"/>
<!-- 定义该组件位于父容器左侧垂直居中 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="左中"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"/>
<!-- 定义该组件位于父容器右侧垂直居中 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="右中"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"/>
<!-- 定义该组件位于父容器左下侧 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器左下侧"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"/>
<!-- 定义该组件位于父容器下侧水平居中 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器下侧水平居中"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"/>
<!-- 定义该组件位于父容器右下侧 -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器右下侧"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"/>
<!-- 定义该组件位于父容器中间 -->
<Button
android:id="@+id/center_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="容器中央"
android:layout_centerInParent="true"/>
<!-- 定义该组件位于center_btn组件的上方 -->
<Button
android:id="@+id/center_top_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="中上"
android:layout_above="@id/center_btn"
android:layout_alignLeft="@id/center_btn"/>
<!-- 定义该组件位于center_btn组件的下方 -->
<Button
android:id="@+id/center_bottom_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="中下"
android:layout_below="@id/center_btn"
android:layout_alignLeft="@id/center_btn"/>
<!-- 定义该组件位于center_btn组件的左边 -->
<Button
android:id="@+id/center_bottom_left_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="中下左"
android:layout_toLeftOf="@id/center_btn"
android:layout_alignTop="@id/center_bottom_btn"/>
<!-- 定义该组件位于center_btn组件的右边 -->
<Button
android:id="@+id/center_top_right_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="中上右"
android:layout_toRightOf="@id/center_btn"
android:layout_alignTop="@id/center_top_btn"/>
</RelativeLayout>
运行程序,可以看到下图所示界面效果:
到此,RelativeLayout的示例结束,关于RelativeLayout的更多用法可以参照上面的XML属性和方法参照表,建议多动手练习。
- Elasticsearch就是这么简单
- 让 MyBatis Generator 变的更简单
- SpringMVC【参数绑定、数据回显、文件上传】
- SDNLAB技术分享(五):浅谈Open vSwitch移植
- SpringMVC【校验器、统一处理异常、RESTful、拦截器】
- OpenStack与SDN控制器的集成
- 使用机器学习算法对流量分类的尝试——基于样本分类
- 曾经做过的40道程序设计课后习题总结(一)
- 基于ODL与Pica8交换机端到端的限速实验
- SpringBoot就是这么简单
- SpringData JPA就是这么简单
- Openflow细节理解之—Buffer_id篇
- 移动商城项目总结
- 移动商城第一篇【搭建项目环境+数据模型】
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解ubuntu14.04如何设置静态IP的方法
- linux安装图形化界面的操作方法
- Apache FlinkCEP 实现超时状态监控的步骤详解
- 解决Centos7下crontab+shell脚本定期自动删除文件问题
- 详解在Ubuntu上的Apache配置SSL(https证书)的正确姿势
- 如何在 Linux 中查找一个命令或进程的执行时间
- Ubuntu 18.04 LTS中配置IP地址的完整步骤
- Linux系统下Nginx支持ipv6配置的方法
- 微信研发体系下的分布式配置系统设计概要
- Linux双网卡绑定脚本的方法示例
- Serverless 有一百种玩法,比好玩更好玩
- 如何在容器服务中获取客户端真实源IP
- Linux服务器间文件实时同步的实现
- centos7 设置grub密码及单用户登录实例代码
- Linux命令行快速技巧之定位一个文件的方法