RelativeLayout 布局的运用

RelativeLayout 布局的运用

LinearLayout 布局的多重嵌套会导致 程序执行效率的低下，因此我们最好用RelativeLayout 来实现布局的效果，当然五大布局是结合使用才会出现美好的效果；

看效果图：

代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_main" >


<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="30dp"
android:src="@drawable/index_icon" />


<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/imageView1"
android:layout_below="@+id/imageView1"
android:background="#50000000"
android:drawableTop="@drawable/icon_mine"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="我的文档"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/textView1"
android:layout_alignBottom="@+id/textView1"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/textView1"
android:background="#50000000"
android:drawableTop="@drawable/icon_local"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="本地管理"
android:textColor="@color/white"
android:textSize="12sp" />


<RelativeLayout
android:id="@+id/relativeLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:layout_marginTop="5dp"
android:background="#50000000" >


<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/icon_files"
android:gravity="center"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="新闻编审"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/textView3"
android:layout_below="@+id/textView3"
android:layout_marginRight="3dp"
android:background="@color/black"
android:paddingLeft="7dp"
android:paddingRight="7dp"
android:text="9"
android:textColor="@color/white"
android:textSize="8dp" />
</RelativeLayout>


<RelativeLayout
android:id="@+id/relativeLayout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView01"
android:layout_alignTop="@+id/relativeLayout1"
android:background="#50000000" >


<TextView
android:id="@+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/icon_prog"
android:gravity="center"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="流程管理"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/TextView02"
android:layout_below="@+id/TextView02"
android:layout_marginRight="3dp"
android:background="@color/black"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="12"
android:textColor="@color/white"
android:textSize="8dp" />
</RelativeLayout>


<TextView
android:id="@+id/TextView04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/TextView03"
android:layout_alignBottom="@+id/TextView03"
android:layout_alignLeft="@+id/relativeLayout2"
android:background="#50000000"
android:drawableTop="@drawable/icon_mine"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="录音"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:id="@+id/TextView06"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/relativeLayout2"
android:layout_alignTop="@+id/TextView05"
android:background="#50000000"
android:drawableTop="@drawable/icon_mine"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="拍照"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:id="@+id/TextView03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView05"
android:layout_below="@+id/relativeLayout1"
android:layout_marginTop="5dp"
android:background="#50000000"
android:drawableTop="@drawable/icon_mine"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="撰稿"
android:textColor="@color/white"
android:textSize="12sp" />


<TextView
android:id="@+id/TextView05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/relativeLayout1"
android:layout_below="@+id/TextView03"
android:layout_marginTop="5dp"
android:background="#50000000"
android:drawableTop="@drawable/icon_mine"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="5dp"
android:text="摄像"
android:textColor="@color/white"
android:textSize="12sp" />


<ImageView
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/lay1"
android:layout_alignTop="@+id/relativeLayout2"
android:layout_marginTop="13dp"
android:src="@drawable/icon_help" />


<ImageView
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/TextView01"
android:layout_alignLeft="@+id/lay1"
android:src="@drawable/icon_setting" />


<RelativeLayout
android:id="@+id/lay1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/TextView01"
android:layout_marginRight="14dp" >


<ImageView
android:id="@+id/imageView2"
android:layout_width="30dp"
android:layout_height="wrap_content"
android:src="@drawable/icon_bulletin" />


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/imageView2"
android:layout_toRightOf="@+id/imageView2"
android:text="3"
android:textColor="@color/white"
android:textSize="8sp" />
</RelativeLayout>


</RelativeLayout>

比较简单，如果你有好的想法，或好的布局，请留言，或发到我的邮箱jrhhybh@163.com谢谢。