Android基础#11: Layout经典布局--如何使用RelativeLayout相对布局来实现控件左右平均分布

客官°小女子只卖身不卖艺 2023-10-16 21:56 118阅读 0赞

世间无绝对，Relative即相对-----箴言-----

**内容简介：**

RelativeLayout相对布局的使用。

上一篇，我们用LinearLayout实现了水平平均布局，今天，来看如何使用RelativeLayout来实现水平平均布局。

**（1）水平平均分布,布局在顶端：使用RelativeLayout来实现。**

效果图如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U_size_16_color_FFFFFF_t_70][]

xml布局文件内容如下：

<?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"
        android:orientation="horizontal"
        >
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="左"
            android:layout_alignParentLeft="true"
            >
        </Button>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="中"
            android:layout_centerHorizontal="true"
            >
        </Button>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="右"
            android:layout_alignParentRight="true"
    
            >
        </Button>
    
    
    </RelativeLayout>

**说明：**

**android:layout\_alignParentLeft="true" ：居左  
android:layout\_centerHorizontal="true"：居中  
android:layout\_alignParentRight="true"：居右**

**（2）水平平均分布,布局在中间：使用RelativeLayout来实现:**

效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U_size_16_color_FFFFFF_t_70 1][]

只需要将gravity设置为center\_vertical即可，如下：

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210312224757832.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210312225003439.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcmFua2U=,size_16,color_FFFFFF,t_70