六大布局之RelativeLayout

chenjiang3 发布于2019-08-19 10:32 / 2724人阅读

摘要：前言上一期我们给大家讲解了的使用，这一期我们为大家讲解一下相对布局的使用，是的六大布局之一，也是我们常用的布局之一，下面我们一起开始学习吧简介相对布局允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。

前言

上一期我们给大家讲解了FrameLayout的使用，这一期我们为大家讲解一下RelativeLayout（相对布局）的使用，RelativeLayout是Android的六大布局之一，也是我们常用的布局之一，下面我们一起开始学习吧~

简介

相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。相对布局和LinearLayout，FrameLayout相比较来说，性能不是最好的，但是它可以大大减少布局的结构层次，从而达到优化布局的效果，它的灵活性大很多，当然属性也多，属性之间产生冲突的的可能性也大，使用相对布局时要多做些测试。

常用属性

第一类:属性值为true或false
//居中 
android:layout_centerHrizontal="true" //水平居中
android:layout_centerVertical="true" //垂直居中
android:layout_centerInparent="true" //相对于父元素完全居中
//相对于父组件
android:layout_alignParentBottom="true" //贴紧父元素的下边缘
android:layout_alignParentLeft="true" //贴紧父元素的左边缘
android:layout_alignParentRight="true" //贴紧父元素的右边缘
android:layout_alignParentTop="true" //贴紧父元素的上边缘

代码示范

运行效果图

第二类：属性值必须为id的引用名“@id/id-name”
//相对于给定ID控件
android:layout_below="@id/xxx" //在某元素的下方
android:layout_above="@id/xxx" //在某元素的的上方
android:layout_toLeftOf="@id/xxx" //在某元素的左边
android:layout_toRightOf="@id/xxx" //在某元素的右边

android:layout_alignTop="@id/xxx" //本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft="@id/xxx" //本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom="@id/xxx" //本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight="@id/xxx" //本元素的右边缘和某元素的的右边缘对齐

第三类：属性值为具体的像素值，如30dp，40px
//指定移动像素
android:layout_marginBottom="30dp" //离某元素底边缘的距离
android:layout_marginLeft="30dp" //离某元素左边缘的距离
android:layout_marginRight="30dp" //离某元素右边缘的距离
android:layout_marginTop="30dp" //离某元素上边缘的距离

第四类：其它属性
android:gravity="center_horizontal|bottom"//设置内部子控件的显示位置，居中，上下左右都可以
android:layout_alignParentStart="true"//设置是否紧贴父布局开始的位置
android:layout_alignParentEnd="true"//设置是否紧贴父布局结束的位置
android:layout_toStartOf="@+id/xxx"//设置位于某个id控件的开始位置
android:layout_toEndOf="@+id/xxx"//设置位于某个id控件的结束位置
android:layout_alignStart="@+id/xxx"//设置和某个id的控件的开始位置位于一条线上
android:layout_alignEnd="@+id/xxx" //设置和某个id的控件的结束位置位于一条线上
android:layout_alignWithParentIfMissing="true"// 如果找不到其他子控件，就相对于父控件布局
android:ignoreGravity="@id/xxx"//传入子控件的id

代码示范

运行效果图

结语

相对布局核心是参照物，比起线性布局各有千秋，线性布局比较适合所有控件都是整齐排列的页面，相对布局比较随意一点，可以按照自己的想法来放置控件的位置。但是相对布局写起来比较麻烦一点，需要自己考虑好所有控件的布局。

PS:如果还有未看懂的小伙伴，欢迎加入我们的QQ技术交流群：892271582，里面有各种大神回答小伙伴们遇到的问题哦~

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/76188.html

六大布局之非常用布局

摘要：六大布局之简介表格布局是将子分别排列成行和列的布局，是由许多对象组成的，表格布局以行列的形式管理子控件，每一个单元是一个或者对象。前言 Hi，大家好，新的一周开始啦，让我们继续遨游在Android的知识海洋中吧！上一次我们讲到了RelativeLayout，相信不少小伙伴已经着手实战，那么今天我们为大家带来六大布局中剩下的三个布局。本篇文章可以和前面的FrameLayout一同归类到...

linkFly 2019-08-19 10:32 评论0 收藏0
六大布局之LinearLayout

摘要：什么是界面布局为应用程序提供界面架构。线性布局指子控件以水平或垂直方式排列，正如其名字一样，这个布局中的所有控件在线性方向上依次排列。可以把布局看作是一个可以放置很多控件的容器，它可以按照一定的规律调整控件的位置，从而实现精美的界面。 1. 什么是Layout？ Layout——界面布局,为应用程序提供界面架构。控制Activity中控件的大小、位置、颜色等属性的方法. Layout...

Travis 2019-08-19 10:31 评论0 收藏0
六大布局之FrameLayout

摘要：举例，有个第一层为公司，第二层为办公室，第三层为工位，第四层是程序猿。若不设置的位置，则此四个文字都将默显示在左上角，并且公司在最下面，程序猿在最上面。前言上一期我们给大家讲解了LinearLayout，这一期我们为大家讲解一下FrameLayout（帧布局）的使用，相较于其他布局，FrameLayout可以说的上是最简单的一个，并且其使用范围相对来说也相对较小，但是也是Andro...

longmon 2019-08-19 10:31 评论0 收藏0