android基础学习（2）关于layout的学习

 

   刚开始学习Android，一定要熟悉Android独特的框架，今天我们要介绍的就是它的布局文件。很多大侠看来很简单，请一笑而过，谢谢~~

   Android布局有五种布局方式，这是Android面试经常问到的问题。我就曾经面试时被问到，流利的说出来这五种布局，肯定会留给面试官一个好印象，知道你还是了解Android开发的。五种布局就是：

 1.LinearLayout 流线布局

   2.FrameLayout帧布局

   3.AbsoluteLayout绝对布局

   4.RelativeLayout相对布局

   5.TableLayout表格布局

  一.LinearLayout 此布局是最常见的布局，按照由上到下的排列排成的。 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<LinearLayout android:orientation="horizontal"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:layout_weight="1">
	<TextView android:text="red"
		android:background="#aa0000"
		android:gravity="center"
	    android:layout_gravity="center_horizontal"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:layout_weight="1"></TextView>
	<TextView android:text="green"
		android:background="#00aa00"
	    android:gravity="center"
	    android:layout_gravity="center_horizontal"
		android:layout_width="wrap_content"
		android:layout_height="fill_parent"
		android:layout_weight="1"></TextView>
</LinearLayout>
<LinearLayout android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:layout_weight="1">
	<TextView android:text="red"
		android:background="#aa0000"
		android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
		android:gravity="center"
	    android:layout_gravity="center_vertical"
		android:layout_weight="1"></TextView>
	<TextView android:text="green"
		android:background="#00aa00"
		android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:gravity="center"
	    android:layout_gravity="center_vertical"
		android:layout_weight="1"></TextView>
</LinearLayout>
</LinearLayout>

 这是两个LinearLayout标签，嵌套在一个大的LinearLayout中，效果图为：

 

二 FrameLayout帧布局，又称为层布局，就是后面的组件覆盖前面的组件。在某固定的位置显示单一的对象，一层覆盖一层，后面添加的组件覆盖先添加的组件。

  

 

 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <View android:layout_width="fill_parent"
    	android:layout_height="fill_parent"
    	android:background="@drawable/untitled"></View>
    <TextView android:layout_width="wrap_content"
    	      android:layout_height="wrap_content"
    	      android:text="Frame Layout13811346744"
    	      android:padding="5px"
    	      ></TextView>
</FrameLayout>

 

 

 

其中untitled为放到resource中的图片文件名。美女图片在为第一层在下面，TextView为第二层在上面，以此类推。

 

三.AbsoluteLayout绝对布局，（0,0）为手机屏幕左上角， 每一个元素都固定好具体的座标，这种方式不推荐，因为每款手机的屏幕像素可能存在差异，一次会出现应用在不同手机上面显示效果差异较大，这是我们作为开发人员不愿意看到的，不推荐使用，就不做详细的介绍了。

 

四.RelativeLayout相对布局，要学习相对布局，得先学习相对布局特有的属性。

• (1 )layout_alignParentBottom    当前控件低端与父控件的低端对齐(重合）
• (2)layout_alignParentLeft        当前控件左端与父控件的左端对齐(重合）
• (3)layout_alignParentRight      当前控件右端与父控件的右端对齐(重合）
• (4)layout_alignParentTop        当前控件上端与父控件的上端对齐(重合）
• (5)layout_centerHorizontal      当前控件位于父控件的横向中间位置（水平方向上的中间）
• (6)layout_centerInParent        当前控件位于父控件的纵横向中间位置（垂直方向上的中间）
• (7)layout_centerVertical          当前控件位于父控件的纵向中间位置（平面上的正中间）
• (8)layout_above             使当前控件位于给出id控件的上方
• (9)layout_below             使当前控件位于给出id控件的下方
• (10)layout_toLeftOf          使当前控件位于给出id控件的左侧
• (11)layout_toRightOf        使当前控件位于给出id控件的右侧
• (12)layout_alignBottom     使当前控件与给出id控件的底部部重合(注意可用和给出id控件来对齐）
• (13)layout_alignLeft          使当前控件与给出id控件的左边重合
• (14)layout_alignRight        使当前控件与给出id控件的右边重合
• (15)layout_alignTop          使当前控件与给出id控件的顶部重合
• (16)layout_alignBaseline    使当前控件的BaseLine与给出id控件t的BaseLine重合，这个主要用于Label或者其他包含文本的widgets。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="15px"
    >
<TextView  
	android:id="@+id/textview1"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:text="textview1"
    />
 <TextView  
	android:id="@+id/textview2"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/textview1"
    android:text="textview2"/>
 <TextView  
	android:id="@+id/textview3"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="100px"
    android:text="textview3"
    />
</RelativeLayout>

 

五.TableLayout表格布局, 将子元素的位置分配到行与列中，跟html中的table标签类似，每个TableRow都会定义一个row

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TableRow>
   <TextView android:text="textview1"/>
   <TextView android:text="textview2"
   	android:paddingLeft="100px"/>
</TableRow>

<TableRow>
   <TextView android:text="textview3"/>
   <TextView android:text="textview4"
   	android:paddingLeft="100px"/>
</TableRow>

<TableRow>
   <TextView/>
   <TextView android:text="textview5"
   	android:paddingLeft="100px"/>
</TableRow>
</TableLayout>

 

    终于介绍完了，当然在项目中没有例子这么简单，但是复杂的事情都是由每一个简单的事情组合成的，这些布局并不是死的，他们之间可以相互嵌套，组合出不同的变化，形成一个个交互性超强的activity。希望对初学者有所帮助。

 

leoo

2011/11/3