Android---4---布局之RelativeLayout

RelativeLayout又称作相对布局，也是一种非常常用的布局。

和LinearLayout的排列规则不同，它显得更加随意一些，它可以用过相对定位的方式让控件出现在布局的任何位置。

通过相对布局我们来实现这么一个东西：

android:layout_centerHorizontal="true" 通过这个属性可以让控件水平居中

android:layout_alignParentBottom="true" 这个属性可使得控件位于底部

android:layout_centerVertical="true" 这个属性使得控件垂直居中

android:layout_alignParentRight="true" 这个属性使得控件位于父布局的右侧

android:layout_centerInParent="true" 这个属性使得控件位于父布局的中央

android:layout_toLeftOf="@id/button" 这个属性使得控件位于id为button的控件的左侧

android:layout_toRightOf="@id/button" 同样的，该控件位于button的右侧

android:layout_above="@id/button" 位于button的上方

 android:layout_below="@id/button" 位于button的下方

通过下面的代码，使用上述方法即可实现这个界面。

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="进攻" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="逃跑" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="左勾拳" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="右勾拳" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="必杀" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/button"
        android:text="左" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/button"
        android:text="右" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button"
        android:layout_centerHorizontal="true"
        android:text="上" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/button"
        android:layout_centerHorizontal="true"
        android:text="下" />


</RelativeLayout>