Android修行手册 - RelativeLayout属性和示例

举报
芝麻粒儿 发表于 2022/09/27 15:37:52 2022/09/27
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)欢迎关注公众号【空名先生】获取更多资源和交流! 👉前提这是小空坚持写的Android新手向系列,欢迎...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

这是小空坚持写的Android新手向系列,欢迎品尝。

新手(√√√)

大佬(√)

👉实践过程

Hello,大家好啊,我是小空,今天带大家学习常用布局RelativeLayout。

前面我们学习过了LinearLayout,这俩搭配干活能实现大部分效果。

我们知道LinearLayout是线性布局,是个那种四四方方规规矩矩的样式,而UI给出的效果往往古里古怪,单纯的线性布局肯定不满足,所以相对布局就出来了,她就像一张空白的纸,你可以在任意地方绘制。

如果复杂布局,想要用LinearLayout实现,就需要多层嵌套,这必然会降低渲染效率。

😜主要属性

  • android:gravity:设置里面view的排序方式,是中心居中,还是垂直居中水平居中,上下左右对齐
  • android:ignoreGravity:如果设置改属性为 true,将忽略 android:gravity,挺废物的属性,不用不写gravity属性不就行了
  • android:layout_alignParentStart和android:layout_alignParentLeft:设置该View左对齐父RelativeLayout
  • android:layout_alignParentEnd和android:layout_alignParentRight:设置该View右对齐父RelativeLayout
  • android:layout_alignParentTop:设置该View顶部对齐父RelativeLayout
  • android:layout_alignParentBottom:设置该View底部对齐父RelativeLayout
  • android:layout_centerHorizontal:设置该View在父RelativeLayout中水平居中
  • android:layout_centerVertical:设置该View在父RelativeLayout中垂直居中
  • android:layout_centerInParent:设置该View在父RelativeLayout的居中位置
  • android:layout_toStartOf和android:layout_toLeftOf:传入的是目标view的id,表示紧贴目标组件的左边
  • android:layout_toEndOf和android:layout_toRightOf:传入的是目标view的id,表示紧贴目标组件的右边
  • android:layout_above:传入的是目标view的id,表示紧贴目标组件的上方
  • android:layout_below:传入的是目标view的id,表示紧贴目标组件的下方
  • android:layout_alignTop:传入的是目标view的id,表示对齐目标组件的上边界
  • android:layout_alignBottom:传入的是目标view的id,表示对齐目标组件的下边界
  • android:layout_alignStart和android:layout_alignLeft:传入的是目标view的id,表示对齐目标组件的左边界
  • android:layout_alignEnd和android:layout_alignRight:传入的是目标view的id,表示对齐目标组件的右边界
  • android:padding:设置组件上下左右的填充,可以为负数,常用属性
  • android:paddingStart和android:paddingLeft:设置组件左边的填充,可以为负数,常用属性
  • android:paddingTop:设置组件上边的填充,可以为负数,常用属性
  • android:paddingEnd和android:paddingRight:设置组件右边的填充,可以为负数,常用属性
  • android:paddingBottom:设置组件下边的填充,可以为负数,常用属性
  • android:layout_margin:设置组件上下左右的偏移量,可以为负数,常用属性
  • android:layout_marginStart和android:layout_marginLeft:设置组件左边的偏移量,可以为负数,常用属性
  • android:layout_marginTop:设置组件上边的偏移量,可以为负数,常用属性
  • android:layout_marginEnd和android:layout_marginRight:设置组件右边的偏移量,可以为负数,常用属性
  • android:layout_marginBottom:设置组件下边的偏移量,可以为负数,常用属性

image.png

😜示例

<?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">
    <!-- 左上角 -->
    <ImageView
        android:id="@+id/leftTop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/center"
        android:layout_toStartOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_zero" />
    <!-- 在中间图片的上面-->
    <ImageView
        android:id="@+id/top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/center"
        android:layout_centerHorizontal="true"
        android:padding="2dp"
        android:src="@mipmap/dragon_one" />
    <!-- 右上角 -->
    <ImageView
        android:id="@+id/rightTop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/center"
        android:layout_toEndOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_two" />
    <!-- 在中间图片的左边 -->
    <ImageView
        android:id="@+id/left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toStartOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_three" />

    <ImageView
        android:id="@+id/center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:padding="2dp"
        android:src="@mipmap/dragon_four" />
    <!-- 在中间图片的右边 -->
    <ImageView
        android:id="@+id/right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toEndOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_five" />
    <!-- 左下角 -->
    <ImageView
        android:id="@+id/leftBottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/center"
        android:layout_toStartOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_six" />
    <!-- 在中间图片的下面 -->
    <ImageView
        android:id="@+id/bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/center"
        android:layout_centerHorizontal="true"
        android:padding="2dp"
        android:src="@mipmap/dragon_seven" />

    <!-- 右下角 -->
    <ImageView
        android:id="@+id/rightBottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/center"
        android:layout_toEndOf="@id/center"
        android:padding="2dp"
        android:src="@mipmap/dragon_eight" />
</RelativeLayout>

image.png

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。