Android入门教程 | UI布局之RelativeLayout 相对布局

RelativeLayout 简述RelativeLayout 继承于 android.widget.ViewGroup按照子元素之间的位置关系完成布局作为 Android 系统五大布局中最灵活也是最常用的一种布局方式非常适合于一些比较复杂的界面设计。RelativeLayout 和 LinearLayout 类似都是 ViewGroup能“容纳”多个子view。RelativeLayout 是一个以相对位置显示子视图的视图组。每个视图的位置可以指定为相对于同级元素的位置例如在另一个视图的左侧或下方或相对于父级 RelativeLayout 区域的位置例如在底部、左侧或中心对齐。子 view 可以是 TextViewButton或者是 LinearLayoutRelativeLayout 等等。 如果不添加其他配置它们默认是在 RelativeLayout 的左上角。在 RelativeLayout 中子 View 可以根据另一个子 View 来确定位置。 但必须注意的是RelativeLayout 和它的子 View 不能互相依赖。比如 RelativeLayout 设置高度为 wrap_content子 View 设置了 ALIGN_PARENT_BOTTOM这样你会发现 RelativeLayout 被撑到最大。 RelativeLayout 能消除嵌套视图组并使布局层次结构保持扁平化。属性介绍RelativeLayout 属性RelativeLayout 可以指定子视图相对于父视图或彼此由 ID 确定的位置。因此可以按照右边框对齐两个元素或者使它们一上一下屏幕居中左侧居中等等。默认情况下所有子视图均绘制在布局的左上角因此必须使用 RelativeLayout.LayoutParams 中提供的各种布局属性定义每个视图的位置。有很多布局属性可用于 RelativeLayout 中的视图部分示例包括android:layout_alignParentTop如果为 “true”会将此视图的上边缘与父视图的上边缘对齐。android:layout_centerVertical如果为 “true”会将此子级在父级内垂直居中。android:layout_below将此视图的上边缘放置在使用资源 ID 指定的视图下方。android:layout_toRightOf将此视图的左边缘放置在使用资源 ID 指定的视图右侧。示例:为了让UI好看一点先定义一下样式在style.xml文件中新增一个style。style nameRelativeLayoutDemo1Itemitem nameandroid:layout_heightwrap_content/itemitem nameandroid:layout_widthwrap_content/itemitem nameandroid:padding4dp/itemitem nameandroid:backgroundcolor/colorAccent/itemitem nameandroid:textColor#ffffff/itemitem nameandroid:textSize12sp/item/style示例1:在layout中增加RelativeLayout与一些子View。 子View设置了不同的属性分布在父View的上下左右中各个地方。RelativeLayoutandroid:layout_widthmatch_parentandroid:layout_height100dpTextView stylestyle/RelativeLayoutDemo1Itemandroid:textdefault/TextView stylestyle/RelativeLayoutDemo1Itemandroid:layout_alignParentEndtrueandroid:textlayout_alignParentEnd/TextView stylestyle/RelativeLayoutDemo1Itemandroid:layout_centerInParenttrueandroid:textlayout_centerInParent/TextView stylestyle/RelativeLayoutDemo1Itemandroid:layout_alignParentBottomtrueandroid:textlayout_alignParentBottom/TextView stylestyle/RelativeLayoutDemo1Itemandroid:layout_alignParentEndtrueandroid:layout_alignParentBottomtrueandroid:textlayout_alignParentBottom | End//RelativeLayout示例2:子View可以把另外的子View当做位置依据。RelativeLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:layout_marginTop120dpTextViewandroid:idid/tv1stylestyle/RelativeLayoutDemo1Itemandroid:text天/TextViewandroid:idid/tv2stylestyle/RelativeLayoutDemo1Itemandroid:layout_belowid/tv1android:layout_toEndOfid/tv1android:text天/TextViewandroid:idid/tv3stylestyle/RelativeLayoutDemo1Itemandroid:layout_belowid/tv2android:layout_toEndOfid/tv2android:text向/TextViewandroid:idid/tv4stylestyle/RelativeLayoutDemo1Itemandroid:layout_belowid/tv3android:layout_toEndOfid/tv3android:text上//RelativeLayout最后分享一份【腾讯技术团队出品】Android零基础入门到精通Android Studio安装教程全套安卓基础教程Android编程入门教程Java语言基础从入门到熟悉Kotlin语言基础从入门到熟悉Android 技术栈从入门到熟悉Android Jetpack 全家桶全面学习对于新手来说可能安装Android Studio存在一定困难你可以看着以下视频一步步的跟着学习安装运行Android Studio 安装教程有了Java阶段的学习这一阶段建议以视频学习为主辅以图书查漏补缺。如果以图书为主可以根据图书讲解敲代码辅以教学视频查漏补缺。遇到问题可以去百度入门的问题一般会有很多人遇到并且给出比较好的解答。需要掌握基本知识点比如四大组件如何使用、如何创建Service、如何进行布局、简单的自定义View、动画、网络通信等常见技术。全套零基础教程已经为你们准备好了需要的可以添加下方二维码免费领取全套安卓基础教程