RelativeLayout布局_使用relativelayout布局方式-优快云博客

本文详细介绍了RelativeLayout布局中按钮的排列方式，包括如何通过属性设置使按钮居中、对齐及分布到屏幕的不同位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

RelativeLayout布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <Button
        android:id="@+id/center"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:text="中间"
        android:textSize="32dp"
        android:layout_centerInParent="true"/>

    <!--
         android:layout_alignLeft="@id/center"
         android:layout_alignRight="@id/center"
         使用layout_alignLeft和layout_alignRight会拉伸控件使空间对齐
         gravity对齐方式
    -->
    <Button
        android:gravity="center"
        android:layout_alignLeft="@id/center"
        android:layout_alignRight="@id/center"
        android:layout_above="@id/center"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="上面"
        android:textSize="32dp"/>

    <Button

        android:layout_alignLeft="@id/center"
        android:layout_alignRight="@id/center"
        android:layout_below="@id/center"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下面"
        android:textSize="32dp"/>

    <!--
        只要一边用了layout_toLeftOf，就可以使用android:layout_width="match_parent"
    -->
    <Button
        android:layout_toLeftOf="@id/center"
        android:layout_above="@id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左上"
        android:textSize="32dp"/>

    <Button
        android:layout_toLeftOf="@id/center"
        android:layout_below="@id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左下"
        android:textSize="32dp"/>

    <Button
        android:layout_toRightOf="@id/center"
        android:layout_above="@id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右上"
        android:textSize="32dp"/>

    <Button
        android:layout_toRightOf="@id/center"
        android:layout_below="@id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右下"
        android:textSize="32dp"/>

    <Button
        android:layout_alignTop="@id/center"
        android:layout_toLeftOf="@+id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左边"
        android:textSize="32dp"/>

    <Button
        android:layout_alignTop="@id/center"
        android:layout_toRightOf="@+id/center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右边"
        android:textSize="32dp"/>

</RelativeLayout>