IDEA Android 相对布局（RelativeLayout）示例

柔光的暖阳◎ 2023-10-04 22:36 3阅读 0赞

示例效果如下：

**相对布局（RelativeLayout）**  
BB相对于AA的左边，CC相对于AA的下边，DD相对于BB的下边且相对于CC的右边  
EE相对于CC的下边, FF相对于EE的右边且相对于DD的下边

![78e8fee92ddd4e9fa132db17fa566997.png][]

**activity\_main.xml：**

<?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="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical"
                    android:background="#ffffff"
    >
    
    
    
    
        <TextView
                android:id="@+id/textAA"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="AA"
                android:textColor="#00FF00"
                android:textSize="22sp"
                android:layout_marginLeft="20px"/>
    
        <TextView
                android:id="@+id/textBB"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/textAA"
                android:text="BB"
                android:textColor="#FF0000"
                android:textSize="22sp"
                android:layout_marginLeft="20px"/>
        <TextView
                android:id="@+id/textCC"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/textAA"
                android:text="CC"
                android:textColor="#00FFFF"
                android:textSize="22sp"
                android:layout_marginLeft="20px"/>
        <TextView
                android:id="@+id/textDD"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/textBB"
                android:layout_toRightOf="@id/textCC"
                android:text="DD"
                android:textColor="#000000"
                android:textSize="22sp"
                android:layout_marginLeft="20dip"/>
    
        <EditText
                android:id="@+id/editEE"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:hint="EE"
                android:inputType="textPersonName"
                android:layout_below="@id/textCC"
                android:layout_marginLeft="20px"
                android:layout_marginTop="20dp"
                android:ems="10"
                />
        <Button
                android:id="@+id/btnFF"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="FF"
                android:layout_toRightOf="@id/editEE"
                android:layout_below="@id/textDD"
                android:layout_marginLeft="20px"
                android:layout_marginTop="20dp"
    />
    
    </RelativeLayout>

附：相对布局参数说明：

![4fda68f2dd5946c598b4521e1eabfa17.png][]

[78e8fee92ddd4e9fa132db17fa566997.png]: https://img-blog.csdnimg.cn/78e8fee92ddd4e9fa132db17fa566997.png
[4fda68f2dd5946c598b4521e1eabfa17.png]: https://img-blog.csdnimg.cn/4fda68f2dd5946c598b4521e1eabfa17.png