Android中关于相对布局RelativeLayout的技巧汇总

前言

首先大家可以思考下如何用RelativeLayout而且没有嵌套生成下面的布局，如果你会的话就不用看后面的了。

分析

这个布局的特点是按钮3底部对齐，按钮2在按钮3的上面，文本框水平充满剩余的区域，按钮1顶部对齐，列表框垂直充满剩余的区域。

下面我们会拆分为下面两个子问题：

水平充满剩余区域的问题

水平方向上有两个组件，一个组件宽度为wrap_content（或者固定宽度），另外一个组件的需要充满剩余的宽度，效果如下： 

左侧一个文本框，右侧一个按钮

如果是嵌套一个LinearLayout布局肯定就十分简单了，如果用RelativeLayout也是可以的，如下：

<Button
 android:id="@+id/btn2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_above="@id/btn3"
 android:layout_alignParentRight="true"
 android:text="按钮2"
 />
<EditText
 android:id="@+id/et"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignBaseline="@id/btn2"
 android:layout_alignParentLeft="true"
 android:layout_toLeftOf="@id/btn2"
 />

主要方法如下：（主要通过toRightOf和toLeftOf两个属性）

      1. 两个组件的布局宽度都是wrap_content（或者固定宽度）

      2. 左边的组件alignParentLeft，右边的组件alignParentRight（如果他们左右分别有一些固定宽度的组件，就用toRightOf（左侧）或者toLeftOf（右侧）指定的组件）

      3. 为了让左边的组件紧挨着右边的组件，也就是拉长左侧的文本框，设置toLeftOf="右边组件的ID" （这里是重点），这样，左侧文本框就会自动拉伸至和右侧按钮紧挨着。

      4. 当然，最后，两边组件要水平对齐，对左边组件用alignBaseline="右边组件的ID"

      5. 注意要把右侧按钮在代码中放到前面（否则编译时找不到对应的id，因为左侧EditText布局依赖右侧按钮）

垂直充满剩余空间的问题

垂直方向上有两个组件，第一个组件的高度为wrap_content（或固定高度），另外一个组件的高度需要充满剩余的高度,效果如前面的ListView: 

这个时候也可以通过RelativeLayout实现，下面我贴出了整个布局的代码（为了更好的说明，我在上面和下面都加了一个组件：

<?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"
    android:orientation="vertical">
 <Button
  android:id="@+id/btn1"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:text="固定宽度按钮"/>
 <Button
  android:id="@+id/btn3"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_alignParentBottom="true"
  android:text="按钮3"/>
 <Button
  android:id="@+id/btn2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_above="@id/btn3"
  android:layout_alignParentRight="true"
  android:text="按钮2"
  />
 <EditText
  android:id="@+id/et"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignBaseline="@id/btn2"
  android:layout_alignParentLeft="true"
  android:layout_toLeftOf="@id/btn2"
  />
 <ListView
  android:id="@+id/lv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_above="@id/btn2"
  android:layout_below="@id/btn1"
  />
</RelativeLayout>

主要看ListView的布局，方法如下：

      1. 让ListView below=上面的组件

      2. 让ListView above=下面的组件

      3. 注意将ListView依赖的组件都放到ListView的上面

看前面我们给出的完整的布局文件代码，这里需要说明如下内容：

注意组件在代码中的前后摆放，不然会编译报错（前面一直在说），方法如下：

需要拉伸的组件放到后面，然后用另一个组件来进行整体的布局。也就是被依赖位置的都放到前面，那些固定长宽（指的是固定或者wrap_content且不依赖其他组件布局的）或者依赖父容器的组件都放到前面，其他组件放到后面，如前面的按钮1，按钮3，按钮2都放到了前面，因为按钮2依赖于按钮3（按钮2 above 按钮3），所以按钮2也放到了按钮3的后面。 (按钮1说的是最上面那个固定高度按钮)

让两个组件水平中线对齐的问题

让一个组件和另外一个组件中线对齐：让其中一个组件足够高(或者我们知道哪个组件高度一定是高于顶一个组件的)，然后让需要对齐的组件和这个没有内容的组件上下皆对齐（alignTop,alignBottom设置），然后将第二个组件的gravity为垂直居中即可。
如果是有 baseline 属性的 TextView，Button 这类显示文本的组件的话，可以通过 align_Baseline 来进行对齐，这里的 baseline指的是文本底部对其的，就像我们小时候拿一把尺子，然后比着尺子写字那种意思。

总结

以上就是这篇文章的全部内容了，希望本文的内容对各位Android开发者们能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# android  # 相对布局  # 代码相对布局  # 相对布局居中  # 浅析Android App的相对布局RelativeLayout  # Android布局之RelativeLayout相对布局  # Android编程之绝对布局AbsoluteLayout和相对布局RelativeLayout实例详  # Android RelativeLayout相对布局属性简析  # RelativeLayout(相对布局)用法实例讲解  # 文本框  # 另外一个  # 方法如下  # 上有  # 可以通过  # 指的是  # 的是  # 都是  # 就会  # 我在  # 就像  # 是有  # 第一个  # 你会  # 找不到  # 要把  # 对其  # 这类  # 第二个  # 这个时候 

相关文章： 广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  网站按钮制作软件,如何实现网页中按钮的自动点击？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  建站之星如何优化SEO以实现高效排名？  在线制作视频网站免费,都有哪些好的动漫网站？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  定制建站方案优化指南：企业官网开发与建站费用解析  c# Task.ConfigureAwait(true) 在什么场景下是必须的  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  名字制作网站免费,所有小说网站的名字？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  *服务器网站为何频现安全漏洞？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  网站制作说明怎么写,简述网页设计的流程并说明原因？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何通过多用户协作模板快速搭建高效企业网站？  如何用PHP快速搭建CMS系统？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  PHP 500报错的快速解决方法  建站之星Pro快速搭建教程：模板选择与功能配置指南  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  建站主机功能解析：服务器选择与快速搭建指南  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  ,巨量百应是干嘛的？  深圳网站制作培训,深圳哪些招聘网站比较好？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  临沂网站制作企业,临沂第三中学官方网站？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  视频网站制作教程,怎么样制作优酷网的小视频？  一键网站制作软件,义乌购一件代发流程？  建站之星后台管理如何实现高效配置？  如何快速使用云服务器搭建个人网站？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  如何撰写建站申请书？关键要点有哪些？  建站之星如何防范黑客攻击与数据泄露？  建站主机选购指南：核心配置与性价比推荐解析  定制建站策划方案_专业建站与网站建设方案一站式指南  建站之星免费版是否永久可用？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  网页设计网站制作软件,microsoft office哪个可以创建网页？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  网站制作需要会哪些技术,建立一个网站要花费多少？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何高效生成建站之星成品网站源码？  平台云上自助建站如何快速打造专业网站？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？