5.1 Android Basic QuickStart Layouts Linear Layout

   

Linear Layout

• 新建项目HelloLinearLayout。
• 打开 res/layout/main.xml文件，修改成下面的代码。

  <?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 2" android:textSize="15pt"

  android:layout_width="fill_parent" android:layout_height="wrap_content"

  android:layout_weight="1" />

  <TextView android:text="row 3" android:textSize="15pt"

  android:layout_width="fill_parent" android:layout_height="wrap_content"

  android:layout_weight="1" />

  <TextView android:text="row 4" android:textSize="15pt"

  android:layout_width="fill_parent" android:layout_height="wrap_content"

  android:layout_weight="1" />

  </LinearLayout>

     

  </LinearLayout>

     

  上边的xml代码定义了一个垂直的LinearLayout,它包含了一个水平的LinearLayout和一个垂直的LinearLayout。然后每一个LinearLayout又包含了若干个TextView元素。

     

  允许程序结果如下：

  

     

  试着去改变layout_width的值，看看结果有什么不同。