Android笔记——相对布局(RelativeLayout)

常见属性:
android:layout_toLeftOf:在某个控件的左边
android:layout_toRightOf:在某个控件的右边
android:layout_above:在某个控件的上边
android:layout_below:在某个控件的下边
android:layout_alignBottom:跟某个控件底部对齐
android:layout_alignParentBottom:跟父控件底部对齐

编写acrivity_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">

    <View
        android:id="@+id/view_1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#aaaaaa"/>

    <View
        android:id="@+id/view_2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#eeaacc"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"/>

    <!--在view_1右边-->
    <View
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toRightOf="@+id/view_1"
        android:background="#99eeee"
        android:layout_marginLeft="10dp"
        android:orientation="horizontal">
    </View>

    <!--
           在view_2左边

        下面两段代码效果一样:
        android:layout_alignBottom="@+id/view_2"
        android:layout_alignParentBottom="true"
    -->
    <View
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#222ccc"
        android:layout_toLeftOf="@+id/view_2"
        android:layout_marginRight="10dp"
        android:layout_alignBottom="@+id/view_2"
        />

    <!--在view_2上面-->
    <View
        android:id="@+id/view_3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#863245"
        android:layout_above="@+id/view_2"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="10dp"/>

    <!--在view_1底下-->
    <View
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#999111"
        android:layout_marginTop="10dp"
        android:layout_below="@+id/view_1"/>

    <!--在view_3上面-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="#FFFF33"
        android:layout_above="@+id/view_3"
        android:layout_marginBottom="10dp"
        android:padding="10dp">
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#66FF33"
            android:layout_weight="1"/>
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#993366"
            android:layout_weight="1"/>
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#FF6633"/>
    </LinearLayout>
</RelativeLayout>

                                               

                                                   效果图

Android笔记——相对布局(RelativeLayout)

上一篇:Android RelativeLayout 相对布局


下一篇:Android——RelativeLayout布局计算器