android布局之相对布局（RelativeLayout）

用相对布局五个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" >

	<!--第一个组件
		android:id="@+id/top1"为button添加id，

		android:layout_marginTop="30dp"距离容器顶端30dp
		android:layout_alignParentRight="true"位置靠右
		android:layout_marginRight="60dp"距离容器右边框60dp

	 -->

    <Button 
        android:id="@+id/top1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="梅花"
        android:layout_marginTop="30dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="60dp"/>

	<!--第二个组件
		android:id="@+id/top2"为button添加id，
		android:layout_toLeftOf="@id/top1"组件的位置在id=top1组件的左边，即相对与第一个Button的左边

		android:layout_alignBaseline="@id/top1" 和id为top1的组件在同一基准线上，也可以理解成在同一条直线上
		android:layout_marginRight="100dp"组件位置距离容器右边框100dp远	



	 -->
 <Button android:id="@+id/top2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="梅花" android:layout_toLeftOf="@id/top1" android:layout_alignBaseline="@id/top1" android:layout_marginRight="100dp"/>

	<!--第三个组件
		android:id="@+id/center"为组件添加id，

       	 	android:layout_below="@+id/top2"相对与id为top2的组件（即第二个按钮）在其下面，
       		android:layout_centerHorizontal="true"  设置组件相对于容器水平居中
        	android:layout_marginTop="40dp"	组件距离容器右边框40dp

	 -->
 <Button android:id="@+id/center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/top2" android:layout_centerHorizontal="true" android:layout_marginTop="40dp" android:text="梅花" /> 
	<!--第四个组件
		android:id="@+id/down1" 为组件添加ID
        	android:layout_below="@id/center"相对于id为center的组件（即第三个按钮）在其下面
		android:layout_alignParentRight="true"位置靠右
		android:layout_marginRight="60dp"距离容器右边框60dp




	 -->
 <Button android:id="@+id/down1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="梅花" android:layout_below="@id/center" android:layout_alignParentRight="true" android:layout_marginRight="60dp"/>
	<!--第五个组件
		android:id="@+id/down2"为button添加id，
		android:layout_toLeftOf="@id/down1"组件的位置在id=down1组件的左边，即相对与第一个Button的左边

		android:layout_alignTope="@id/down1" 和id为down1的组件的顶端对齐
		android:layout_marginRight="100dp"组件位置距离容器右边框100dp





	 -->
 <Button android:id="@+id/down2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="梅花" android:layout_toLeftOf="@id/down1" android:layout_alignTop="@id/down1" android:layout_marginRight="100dp"/></RelativeLayout>