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