relativelayout

relativelayout相关知识

• 六大布局之RelativeLayout

  前言 上一期我们给大家讲解了FrameLayout的使用，这一期我们为大家讲解一下RelativeLayout（相对布局）的使用，RelativeLayout是Android的六大布局之一，也是我们常用的布局之一，下面我们一起开始学习吧~ 简介 相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。相对布局和LinearLayout，FrameLayout相比较来说，性能不是最好的，但是它可以大大减少布局的结构层次，从而达到优化布局的效果，它的灵活性大很多，当然属性也
• 解决ScrollView 嵌套 RelativeLayout gridView Listview不滚动

  ScrollView局限：  滑动的只能是linearlayout，甚至整个布局都不能有RelativeLayout。这使得让人觉得ScrollView控件有点鸡肋。其实不然..........   linearlayout跟RelativeLayout布局在界面上来看只是空间间隔的区别，而在liearlayout中有一个<View/>能占用空间，单单用linearlayout要达到    RelativeLayout的效果，可以用<View/>来实现。在每个RelativeLayout 前加一个这样的VIEW<Viewandroid:id="@+id/view2"android:layout_width="fill_parent"android:layout_height="10sp"android:layout_alignParentRight=&quot
• Android 之RelativeLayout布局

  [代码]xml代码：?010203040506070809101112131415161718192021222324252627282930313233343536373839404142<?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      &
• RelativeLayout, FlexLayout 及其他 layout 性能对比

  一直以来，我们都在各种场合、各种文章中看到避免使用 RelativeLayout、避免使用过多的 layout 嵌套，因为它们存在很大的性能开销。开发的过程中也确实在留意这一点，然而每每编写 layout 文件时，都会怀疑，这样或者那样，到底会变快，还是变慢？本文就针对简单的 layout 和复杂的 layout，是否使用 RelativeLayout 的性能进行了测试，此外，还对最近很火的 FlexLayout 也进行了测试。测试代码和测试结果数据都可以在 Github 获取。TL; DRUI 简单时，RelativeLayout, FlexLayout 和其他 layout 的性能差异很小UI 很复杂时，RelativeLayout 和 Flexlayout 可以避免嵌套，性能通常要优于其他 layout 的嵌套实现列表元素由于每个 item 都会反复渲染，所以即便性能差异微小，累计差异还是影响很大的小马过河，不同实现方式的性能，最好还是实际测试一下，不至于轻信了他人的谬论

relativelayout相关课程

• 2021Android从零入门到实战(Kotlin版) 课程从零完整的讲解了google力推且备受千万开发者喜爱的的Kotlin语言。并以此为基础，以通俗易懂，难易循序渐进的方式、小白的视角讲解了AndroidUI、Android网络编程、Android四大组件等必知必会的技能，每章标配一节案例实战，融会贯通本章所学。

  讲师：LovelyChubby 入门 4305人正在学习

• 1.Android 零基础入门 Android大楼Java起，本阶段是Android攻城狮培养计划的第一部分语法与界面基础篇，将带大家从0开始入门Android开发。

  零基础 1603人正在学习

• Java Spring带前后端开发完整电商平台 工具组件封装+支付回调扩展+电商设计思想经验分享

  中级 612人正在学习

relativelayout相关教程

• 1. RelativeLayout 的特性 顾名思义，相对布局就是让内部的 View 根据其他 View 或者 Parent 的位置来确定自己的摆放位置和尺寸。比如你买了套沙发，你告诉师傅把沙发放到客厅内，面对电视机并且和茶几平行，靠墙摆放。其中沙发就是我们的目标 View，客厅就是 Parent，电视机和茶几就是其他的 View。这样一来，就能够准确的确定出你希望摆放的位置。RelativeLayout 的原理就是这样，我们可以指定某个 View 相对于它的兄弟 View 而言的摆放位置（比如在 TextView 的左边 10 dp或者在上面 25 dp），另外也可以指定它在父布局（RelativeLayout）中的摆放位置。RelativeLayout 应该说是在 Android GUI 设计中最常用的布局方式，接下来我们来学习一下 RelativeLayout 的具体用法。
• 2. RelativeLayout 的对齐方式 由于在 LinearLayout 中已经对很多通用属性做过介绍，如果不清楚可以查看 7.2 小节的内容，这里就不在赘述 Layout 的设置项，而着重讲解 RelativeLayout 中比较特殊的设置属性。注：为了方便学习演示，本节中的示例都默认将 RelativeLayout 的长宽设置成 match_parent，即整个屏幕的显示区域都是 RelativeLayout。
• 相对布局 RelativeLayout 在上一节中我们讲到了 LinearLayout，这也是大家学到的第一个布局方式。它支持将多个 View 通过线性的方式（水平或垂直）组合起来，其中最实用的就是 weight 属性，用好 weight 可以让你的线性布局更灵活美观。然而，在上一节的例子中我们发现，如果需要在多个方向上进行布局，就要嵌套多个 LinearLayout，可以想象如果我们的 UI 足够复杂，那么从工作量和性能上都将是一场噩梦。所以这里要引出另一种布局方式——RelativeLayout（相对布局），很多时候需要嵌套多个 LinearLayout 才能实现的布局，使用 RelativeLayout 一层就能够完成。真的有这么神奇？学完你就知道。
• 3. RelativeLayout 的相对距离 在上面的例子中，可以发现我们可以通过属性设置 View 与 View 之间、View 与父布局之间的相对位置，但是发现 View 都是贴在一起或者贴着边的，并不美观。其实 RelativeLayout 除了可以设置相对位置及对齐方式以外，还可以在此基础之上设置两个 View、View 与父布局之间的间距，设置间距和 LinearLayout 布局的一样：layout_margin： 设置元素与周围其他元素的间距，类似的还可以设置单边的间距：layout_marginRightlayout_marginToplayout_marginLeftlayout_marginBottom注：margin 是可以为负数的，感兴趣的同学可以可以自行测试查看效果我们在 2.3 小节示例中添加以上四种上下左右间距之后，效果如图：
• 3.1 布局文件 首先我们来通过 xml 编写布局文件，根据上面的需求要在 ViewFlipper 中放入 3 个布局。我们用一个 RelativeLayout 作为一个 ViewFlipper 的子 View 占满一屏内容，只需要包含三个这样的 RelativeLayout 即可，代码如下：<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:showIn="@layout/activity_main"> <ViewFlipper android:id="@+id/view_flipper" android:layout_width="fill_parent" android:layout_height="fill_parent" android:inAnimation="@anim/in_from_right" android:outAnimation="@anim/out_from_left"> <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_gravity="center" android:adjustViewBounds="true" android:background="@android:color/black" android:scaleType="centerCrop" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:gravity="center" android:text="第一屏：好好学Android" android:textColor="@android:color/white" android:textSize="18dp" android:textStyle="bold" /> </RelativeLayout> <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_gravity="center" android:adjustViewBounds="true" android:background="@android:color/darker_gray" android:scaleType="centerCrop" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:gravity="center" android:text="第二屏：在慕课网好好学Android" android:textSize="18dp" android:textStyle="bold" /> </RelativeLayout> <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_gravity="center" android:adjustViewBounds="true" android:background="@android:color/holo_green_light" android:scaleType="centerCrop" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:gravity="center" android:text="第三屏：在慕课网跟着超哥好好学Android" android:textSize="18dp" android:textStyle="bold" /> </RelativeLayout> </ViewFlipper></RelativeLayout>可以看到其实 ViewFlipper 的子 View 和我们平时开发时用到的布局没有什么差别，然后将每一屏的内容作为 ViewFlipper 的子 View 添加进去即可。
• 3.1 布局文件 布局文件非常简单，主要功能就是做一个解析事件的触发和解析结果的展示即可，如下：<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TextView android:id="@+id/json" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:layout_marginStart="30dp" android:layout_marginTop="46dp" android:text="Json文本" /> <Button android:id="@+id/parse" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/json" android:layout_centerHorizontal="true" android:layout_marginTop="30dp" android:text="开始解析" /></RelativeLayout>

relativelayout相关搜索

radio radiobutton radiobuttonlist radiogroup radio选中 radius rails raise rand random_shuffle randomflip random函数 rangevalidator rarlinux ratio razor react react native react native android react native 中文

查看更多慕课网实用课程