Android常用布局范例

在Android开发中UI设计十分重要，当用户使用一个软件时，最先感受到的不是这款软件的功能是否强大，而是界面设计是否精致，用户体验是否良好。也可以这样说，有一个好的界面设计去吸引用户的使用，才能让更多的用户体验到软件功能的强大。 下面着重讲一下Android中几种常用布局的使用：

首先，需要说明的是，各个布局既可以单独使用，也可以嵌套使用，读者在实际应用中应灵活掌握。

1 LinearLayout 是一种Android中最常用的布局之一，它将自己包含的子元素按照一个方向排列。方向的设置通过Android:orientation=”vertical”(竖直)或者Android:orientation=”horizontal”（水平）来实现。

 

代码如下：

1.  <LinearLayout android:orientation="vertical" android:layout_width="fill_parent"  android:layout_height="fill_parent">     
2.     <Button android:id="@+id/bt_1" android:layout_width="fill_parent"  
3.     android:layout_height="wrap_content"  android:text="用来验证RelativeLayout" 
4. />
5.     <Button android:id="@+id/bt_2" android:layout_width="fill_parent"  
6.     android:layout_height="wrap_content" android:text="用来验证TableLayout" 
7.     /> 
8.     <Button android:id="@+id/bt_3" android:layout_width="fill_parent"  
9.     android:layout_height="wrap_content" android:text="用来验证ListView" 
10.     />   
11.     <Button android:id="@+id/bt_4" android:layout_width="fill_parent"  
12.     android:layout_height="wrap_content" android:text="用来验证FrameLayout" 
13.     />
    
14. </LinearLayout> 

2 FrameLayout对象好比一块在屏幕上提前预定好的空白区域，可以将一些元素填充在里面，如图片。所有元素都被放置在FrameLayout区域的最左上区域，而且无法为这些元素制指定一个确切的位置，若有多个元素，那么后面的元素会重叠显示在前一个元素上。

代码如下：

1. <FrameLayout 
2.   xmlns:android="http://schemas.android.com/apk/res/android" 
3.   android:layout_width="match_parent" android:layout_height="match_parent"> 
4.   <ImageView  android:id="@+id/photo" 
5.        android:src="@drawable/img" android:layout_width="wrap_content" 
6.        android:layout_height="wrap_content"/> 
7. </FrameLayout> 

3 RelativeLayout是一种相对布局，控件的位置是按照相对位置来计算的，后一个控件在什么位置依赖于前一个控件的基本位置。是布局最常用，也是最灵活的一种布局。

 

 

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
2.     android:layout_width="match_parent" android:layout_height="match_parent" 
3.     android:padding="10dip">     
4.     <TextView android:id="@+id/label" android:layout_width="fill_parent" 
5.         android:layout_height="wrap_content" android:text="请输入用户名"/> 
6.     <EditText android:id="@+id/entry" android:layout_width="fill_parent" 
7.          android:layout_height="wrap_content" android:layout_below="@id/label"/> 
   
8.     <Button android:id="@+id/cancel" android:layout_width="wrap_content" 
9.          android:layout_height="wrap_content" android:layout_below="@id/entry" 
10.          android:text="取消"/>      
11. </RelativeLayout> 

4 TableLayout
TableLayout是指将子元素的位置分配到行或列中。Android的一个TableLayout有许多TableRow组成，每一个TableRow都会定义一个Row。TableLayout容器不会显示Row，Column，及Cell的边框线，每个Row拥有0个或多个Cell，每个Cell拥有一个View对象。
在使用tablelayout时，应注意每一个cell的宽度。

 

 

1. <TableLayout 
2.   xmlns:android="http://schemas.android.com/apk/res/android"  
3.   android:layout_width="match_parent" android:layout_height="match_parent">   
4.   <TableRow> 
5.     <TextView android:id="@+id/lable1"  android:text="用户名" android:textStyle="bold" 
6.         android:layout_width="55dip" android:gravity="center"/> 
7.     <EditText android:id="@+id/entry1" android:layout_width="250dip" 
8.         android:layout_height="wrap_content" 
9.         /> 
10.   </TableRow> 
11.   <TableRow> 
12.     <TextView android:id="@+id/lable2" android:textStyle="bold" android:text="密码" 
13.         android:layout_width="55dip" android:gravity="center"/> 
14.     <EditText android:id="@+id/entry2" 
15.         android:layout_width="250dip" android:layout_height="wrap_content" 
16.         android:password="true" android:scrollHorizontally="true"/> 
17.   </TableRow> 
18. </TableLayout> 

 

本文出自 “HDDevTeam” 博客，请务必保留此出处http://hddev.blog.51cto.com/3365350/629635