Android布局之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:gravity="center_horizontal"
          android:background="#aa0000"
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"/>
      <TextView
          android:text="green"
          android:gravity="center_horizontal"
          android:background="#00aa00"
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"/>
      <TextView
          android:text="blue"
          android:gravity="center_horizontal"
          android:background="#0000aa"
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"/>
      <TextView
          android:text="yellow"
          android:gravity="center_horizontal"
          android:background="#aaaa00"
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_weight="1"/>
  </LinearLayout>

  <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1">
    <TextView
        android:text="row one"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <TextView
        android:text="row two"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <TextView
        android:text="row three"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <TextView
        android:text="row four"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
  </LinearLayout>

</LinearLayout>

这是Android项目中Layout文件下的xml布局文件，它的效果图如下

这个例子来自官方文档，下面对这个布局进行讲解：

android:orientation="vertical"

它确定了LinearLayout的方向，其值可以为
*vertical， 表示垂直布局
*horizontal， 表示水平布局

    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

分别指明了在父控件中当前控件的宽和高，可以设定其确定的值，但一般使用下面两个值
*fill_parent，填满父控件的空白
*wrap_content，表示大小刚好足够显示当前控件里的内容

    android:gravity="center_horizontal"

如果是没有子控件的view设置此属性，表示内容的对齐方式；如果是有子控件的view设置此属性，则表示子控件的对齐方式（重力倾向），其值如下（需要多个时，用“|”分开）
*top
*bottom
*left
*right
*center_vertical
*center_horizontal
*center
*fill_vertical
*fill_horizontal
*fill
不用具体讲解，通过字面意思大家应该能看明白这是什么意思。

最后给一个稍微复杂的LinearLayout布局代码，有兴趣可以试一试，后面是效果图。

<!-- by hoyah 
    14/6/2010 -->
<?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="vertical"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layout_weight="1">
  <TextView
   android:text="red"
   android:gravity="fill_vertical"
   android:background="#aa0000"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_weight="1"/>
  <TextView
   android:text="white"
   android:textColor="#ff0000"
   android:background="#ffffff"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_weight="1"/>
 </LinearLayout>

 <LinearLayout
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  >
  <LinearLayout
   android:orientation="horizontal"
   android:layout_width="wrap_content"
   android:layout_height="fill_parent"
   android:layout_weight="1">
   <TextView
    android:text="green"
    android:textColor="#ff0000"
    android:background="#00aa00"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_weight="1"/>
   <TextView
    android:text="blue"
    android:background="#0000aa"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_weight="1"/>
  </LinearLayout>

  <LinearLayout
   android:orientation="vertical"
   android:layout_width="wrap_content"
   android:layout_height="fill_parent"
   android:layout_weight="1">
   <TextView
    android:text="black"
    android:background="#000000"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"/>
   <TextView
    android:text="yellow"
    android:background="#aaaa00"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"/>
   <TextView
    android:text="unkown"
    android:background="#00aaaa"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"/>
  </LinearLayout>

 </LinearLayout>

</LinearLayout>

效果图：