RelativeLayout布局



RelativeLayout布局

参考其他控件进行布局，默认为父控件。
有三种类型的属性：

• 属性值是true或false
  
  • android:layout_centerHrizontal 水平居中
  • android:layout_centerVertical 垂直居中
  • android:layout_centerInparent 相对于父元素完全居中。
  • android:layout_alignParentBottom 位于父元素的下边缘
  • android:layout_alignParentTop 位于父元素的上边缘
  • android:layout_alignParentLeft 位于父元素的左边缘
  • android:layout_alignParentRight 位于父元素的右边缘

属性值是”@id/*“

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

属性值是数值

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

注意：

• 如果没有定义左右，那么默认在左边，如果没有定义上下，默认在上边。
• 相同位置，新定义的元素会覆盖旧的元素。例：1被2覆盖了。
• 4只定义了在父元素的下部，左右没有定义，于是默认就在左边了。
• android:layout_below,在某元素的下部并不意味着就一定是紧随某元素，只是在下部的默认位置。例如：5是在3的下部，但是是在下部的默认左边。
• 6为下边缘对齐3，7为marginLeft=150dp。
• 8为多个属性共同定义的结果。首先是在3的右部，然后是垂直居中，然后marginLeft=100dp得到最后位置。

注意：

• 如果没有定义左右，那么默认在左边，如果没有定义上下，默认在上边。
• 相同位置，新定义的元素会覆盖旧的元素。例：1被2覆盖了。
• 4只定义了在父元素的下部，左右没有定义，于是默认就在左边了。
• android:layout_below,在某元素的下部并不意味着就一定是紧随某元素，只是在下部的默认位置。例如：5是在3的下部，但是是在下部的默认左边。
• 6为下边缘对齐3，7为marginLeft=150dp。
• 8为多个属性共同定义的结果。首先是在3的右部，然后是垂直居中，然后marginLeft=100dp得到最后位置。

代码如下：

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

    <TextView
        style="@style/btn_relative"

        android:text="1" />

    <TextView
        style="@style/btn_relative"

        android:text="2" />

    <TextView
        android:id="@+id/txt_center"
        style="@style/btn_relative"

        android:layout_centerInParent="true"

        android:text="3" />

    <TextView
        style="@style/btn_relative"

        android:layout_alignParentBottom="true"

        android:text="4" />

    <TextView
        style="@style/btn_relative"

        android:layout_below="@id/txt_center"
        android:background="#d0d9ff"

        android:text="5" />

    <TextView
        style="@style/btn_relative"

        android:layout_alignBottom="@+id/txt_center"

        android:text="6" />

    <TextView
        style="@style/btn_relative"

        android:layout_marginLeft="150dp"

        android:text="7" />

    <TextView
        style="@style/btn_relative"

        android:layout_centerVertical="true"
        android:layout_marginLeft="100dp"
        android:layout_toRightOf="@id/txt_center"        android:text="8" />
</RelativeLayout>