相对布局RelativeLayout的子控件属性和操作

RelativeLayout是相对布局控件，它包含的子控件将以控件之间的相对位置或者子类控件相对父类容器的位置方式排列。

子类控件常用属性

android:layout_alignParentLeft
-子类控件相对当前父类容器靠左

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_alignParentLeft="true"/>

显示效果：

android:layout_alignParentTop
-子类控件相对当前父类容器靠上

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_alignParentTop="true"/>

显示效果：

android:layout_marginLeft
-子类控件距离父类容器左边的距离

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_marginLeft="40dp"/>

显示效果：

android:layout_marginTop

-子类控件距离父类容器上边的距离

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_marginTop="40dp"/>

显示效果：

android:layout_centerInParent
-子类控件相对于父类容器居中

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_centerInParent="true"/>

显示效果：

android:layout_centerHorizontal
-子类控件相对于父类容器水平居中

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_centerHorizontal="true"/>

显示效果：

android:layout_centerVertical
-子类控件相对于父类容器垂直居中

代码：

<Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"
        android:layout_centerVertical="true"/>

显示效果：

android:layout_below
-该控件位于给id控件的下侧

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"/>
    <Button 
        android:id="@+id/bt2"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="Two"
        android:layout_below="@+id/bt1"/>

显示效果：

android:layout_roRightOf
-该控件位于给定id控件的右侧

代码：

    <Button 
        android:id="@+id/bt1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="One"/>
    <Button 
        android:id="@+id/bt2"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="Two"
        android:layout_toRightOf="@+id/bt1"/>

显示效果：

android:layout_above
-该控件位于给定id控件的上侧

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bt1"
        android:text="Two" />

显示效果：

android:layout_toLeftOf
-该控件位于给定id控件的左侧

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/bt1"
        android:text="Two" />

显示效果：

android:layout_alignBaseline
-该控件内容与给定id控件的内容在一条线上

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="160dp"
        android:layout_alignBaseline="@+id/bt1"
        android:text="Two" />

显示效果：

android:layout_alignBottom
-该控件的底部边缘与给定id控件的底部边缘对齐

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="160dp"
        android:layout_alignBottom="@+id/bt1"
        android:text="Two" />

显示效果：

android:layout_alignRight

-该控件的底部边缘与给定id控件的右侧边缘对齐

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="160dp"
        android:layout_alignRight="@+id/bt1"
        android:text="Two" />

android:layout_alignLeft
-该控件的底部边缘与给定id控件的左侧边缘对齐

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="160dp"
        android:layout_alignLeft="@+id/bt1"
        android:text="Two" />

android:layout_alignTop
-该控件的底部边缘与给定id控件的顶部边缘对齐

代码：

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="One" />

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="160dp"
        android:layout_alignTop="@+id/bt1"
        android:text="Two" />