Android利用reative_layout生成梅花界面

XML代码:

<?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" >
    
    <!-- 定义该组件位于父容器中间 -->
	<TextView android:id="@+id/view01" 
	    android:layout_width="50dp"
	    android:layout_height="50dp"
	    android:background="@drawable/a"
	    android:layout_centerInParent="true"
	    />
	
	<!-- 定义该组件位于父容器上方 -->
	<TextView android:id="@+id/view02" 
	    android:layout_width="50dp"
	    android:layout_height="50dp"
	    android:background="@drawable/a"
	    android:layout_above="@id/view01"
	    android:layout_alignLeft="@id/view01"
	    />
	
	<!-- 定义该组件位于view01组件的下方 -->
	<TextView android:id="@+id/view03" 
	    android:layout_width="50dp"
	    android:layout_height="50dp"
	    android:background="@drawable/a"
	    android:layout_below="@id/view01"
	    android:layout_alignLeft="@id/view01"
	    />
	
	<!-- 定义该组件位于view01组件的左边 -->
	<TextView android:id="@+id/view04" 
	    android:layout_width="50dp"
	    android:layout_height="50dp"
	    android:background="@drawable/a"
	    android:layout_toLeftOf="@id/view01"
	    android:layout_alignTop="@id/view01"
	    />
	
	<!-- 该组件位于view01组件的右边 -->
	<TextView android:id="@+id/view05" 
	    android:layout_width="50dp"
	    android:layout_height="50dp"
	    android:background="@drawable/a"
	    android:layout_toRightOf="@id/view01"
	    android:layout_alignTop="@id/view01"
	    />
</RelativeLayout>

效果:



posted @ 2017-05-11 17:53  llguanli  阅读(289)  评论(0编辑  收藏  举报