Android相对布局简单案例(附完整源码)

相对布局是采用相对于其他组件的位置的布局方式。在相对布局中，通过指定ID关联其他组件，从而以右对齐、上对齐、下对齐或屏幕中央对齐等方式来排列组件。
在XML布局文件中，由根元素RelativeLayout来标识相对布局。
本博文就以实现图片两种效果为例，讲解如何操作：
在这里插入图片描述
在本文阅览之前，确保大家会跑第一个hello,world。可以参考这个mooc讲的内容
mooc链接

布局步骤

创建新Project

在这里插入图片描述
点进Project—>Empty Activity—>然后finish即可。成功之后，点击箭头运行程序。

默认配置的话，应该可以跑起来hello world。然后我们继续做下一个不走

上传图片资源

从网上照一张或者自己搞一张5050~7575之间的图片，任意但不要太大，格式任意，名字不要任意。名字英文！规范！初学者就取by吧(测试里用了by)
在这里插入图片描述
一定要拖到drawable，比如像这种拖拽，

ok后，我们基础图片有了，直接上测试样例

布局测试源码

代码后对此作详细讲解。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

>
    <ImageView
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_centerInParent="true"
        android:src="@drawable/by"
        android:id="@+id/img"
        />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/img"
        android:layout_centerHorizontal="true"
        android:text="上面" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/img"
        android:layout_centerHorizontal="true"
        android:text="下面" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/img"
        android:layout_centerVertical="true"
        android:text="左边" />

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/img"
        android:layout_centerVertical="true"
        android:text="右边" />


</RelativeLayout>