（二）Android布局之相对布局(RelativeLayout)-蒲公英云

（二）Android布局之相对布局(RelativeLayout)

蔚落 2022-08-06 14:17 361阅读 0赞

相对布局，直接粘代码main.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">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/text"
        android:text="@string/name_text"/>
    <EditText
        android:id="@+id/edit"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/text"/>
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/edit"
        android:layout_alignParentRight="true"
        android:text="@string/cancle_button"/>
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ok_button"
        android:layout_below="@id/edit"
        android:layout_toLeftOf="@id/button1"/>
</RelativeLayout>

代码解析：

（1）android:layout_below=”@id/text”——该元素放到id为text的元素的下面；

（2）android:layout_toLeftOf=”@id/ok”——该元素放到id位ok的元素的左边；

（3）android:layout_alignTop=”@id/ok”——对齐id为ok的元素的顶部；

界面效果如下：

Center

线性布局与相对布局嵌套使用：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/name_text"/>
    <EditText
        android:id="@+id/edit"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="#####"/>
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
       <Button
           android:id="@+id/button1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@string/cancle_button"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/button1"
            android:text="@string/ok_button"/>
        </RelativeLayout>
</LinearLayout>