相对布局的重要属性

• [x] 关键是选取参照物，是父容器还是其他控件
• [x] 布局位置与代码的前后顺序无关，只与属性设置有关

相对于父容器（取值：true/false）

android:layout_alignParentRight

相对于其他控件（取值：其他控件id）

android:layout_toRightOf

参照父容器

【参照格式】

android:layout_centerInParent="true"

属性值

1 - android:layout_centerInParent    正中位置
2 - android:layout_alignParentLeft   左上
3 - android:layout_alignParentRight  右上
4 - android:layout_alignParentTop    顶部(偏左)
5 - android:layout_alignParentBottom 底部(偏左)
6 - android:layout_centerVertical    中部(偏左)
7 - android:layout_centerHorizontal  顶部中间

控件

参照某一id控件的相对位置

android:layout_above="@id/center"

I. 【在参照物的某边】

• android:layout_above: 上边
• android:layout_below: 下边
• android:layout_toLeftOf: 左边
• android:layout_toRightOf: 右边

II. 和参照物的某边线对齐

相对于控件定位的效果

RelativeLayout中还有另外一组相对于控件进行定位的属性，android:layout_alignLeft 表示让一个控件的左边缘和另一个控件的左边缘对齐，android:layout_alignRight 表示让一个控件的右边缘和另一个控件的右边缘对齐。此外，还有android:layout_alignTop 和android:layout_alignBottom ，道理都是一样的，我就不再多说，这几个属性就留给你自己去尝试吧。

• android:layout_alignTop: 上边线
• android:layout_alignBottom: 下边线
• android:layout_alignLeft: 左边线
• android:layout_alignRight: 右边线

<TextView
    android:layout_width="200dp"
    android:layout_height="40dp"
    android:background="#6ff9c1"
    android:layout_alignRight="@id/center"/>

基础属性

1.位置属性

以下的属性值为true或者false

android:layout_centerHrizontal        水平居中
android:layout_centerVertical         垂直居中
android:layout_centerInparent         相对于父元素完全居中
android:layout_alignParentBottom      贴紧父元素的下边缘
android:layout_alignParentLeft        贴紧父元素的左边缘
android:layout_alignParentRight       贴紧父元素的右边缘
android:layout_alignParentTop         贴紧父元素的上边缘
android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物

2.尺寸属性

以下属性值为具体的像素值，如30dip，40px

android:layout_marginBottom     离某元素底边缘的距离
android:layout_marginLeft       离某元素左边缘的距离
android:layout_marginRight      离某元素右边缘的距离
android:layout_marginTop        离某元素上边缘的距离

3.id引用属性

以下属性值必须为id的引用名“@id/id-name”

android:layout_below         在某元素的下方
android:layout_above         在某元素的的上方
android:layout_toLeftOf      在某元素的左边
android:layout_toRightOf     在某元素的右边
android:layout_alignTop      本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft     本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom   本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight    本元素的右边缘和某元素的的右边缘对齐

---

RelativeLayout的坑

在使用ListView时，如果使用相对布局，不加android:layout_above="@id/"则会看不到最后一条item

页面Demo

如何确定宽高的属性值？

• 拆谁就将谁设置为0dp

【第一步】：先分为上下两部分水平布局，由于是上下分，所以宽不变

• android:layout_width="match_parent"
• android:layout_height="0dp"

【第二步】：下部分分为三个相对布局，高不变，拆分宽

• android:layout_width="0dp"
• android:layout_height="match_parent"

【第三部】：上面分为左右两大部分，左侧为相对布局，右侧为一个大整体，大整体下分两个相对布局

[3.1] 两大部分-高不变，拆分宽

• android:layout_width="0dp"
• android:layout_height="match_parent"

[3.2] 右侧两个相对垂直布局，宽不变，拆分高

• android:layout_width="match_parent"
• android:layout_height="0dp"

View_LinearLayout.xml

<?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">

    <!--上半部分-->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal"
        android:layout_weight="2">
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#DAE8FC"
            android:layout_weight="2">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_3d"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:text="速度与激情10"
                android:textSize="30sp"
                android:textAlignment="center"
                android:textColor="#666666"
                android:background="#FFFFFF"
                android:layout_alignParentBottom="true"/>
        </RelativeLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:background="#79d2d2"
                android:layout_weight="1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@mipmap/icon_imax2d"/>
            </RelativeLayout>
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:background="#6ff9c1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@mipmap/icon_imax3d"/>
            </RelativeLayout>
        </LinearLayout>
    </LinearLayout>

    <!--下半部分-->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal"
        android:background="#D5E8D4"
        android:layout_weight="1">
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#ccff99"
            android:layout_weight="1">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_4d"/>
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#99f158"
            android:layout_weight="1">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_imax3d"/>
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#02b340"
            android:layout_weight="1">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/icon_4d"/>
        </RelativeLayout>
    </LinearLayout>

</LinearLayout>