android技巧：android xml布局總結

一.背景

可能很多人跟我一樣，做了好久的android程序，卻一直沒有認真地坐下來好好學習下xml文件的布局。其實有的時候我們用view繪制或是利用ADT的圖形界面功能就可以輕松搞定布局，但是最好還是靜下來學習下xml的布局文件具體寫法。這一節我們要繪制如下圖所示的界面。

二基礎知識

首先我們要了解android到底有那些布局，和每個布局類型的區別。

1.線性布局 LinearLayout

線性布局分兩種。一種是水平布局，一種是垂直布局。下面我們根據上圖舉例子。

先把上圖的代碼貼出來吧！

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout android:orientation="vertical"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">  
    <TextView android:layout_height="wrap_content" android:text="@string/note_title"
        android:layout_width="wrap_content" android:padding="10dp"></TextView>  
    <LinearLayout android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:layout_weight="1">  
        <EditText android:id="@+id/EditText02" android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:gravity="left"
            android:hint="@string/edithint"></EditText>  
    </LinearLayout>  
    <LinearLayout android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:layout_weight="2"
        android:gravity="center"<p class="p1">                android:orientation<span class="s1">=</span><span class="s2">"horizontal"</span></p>                >  
        <ImageButton android:id="@+id/ImageButton01"
            android:layout_width="72dp" android:layout_height="72dp"
            android:src="@drawable/sketchy_paper_003" android:layout_margin="3dp"></ImageButton>  
        <ImageButton android:id="@+id/ImageButton02"
            android:layout_width="72dp" android:layout_height="72dp"
            android:src="@drawable/sketchy_paper_004" android:layout_margin="3dp"></ImageButton>  
        <ImageButton android:id="@+id/ImageButton03"
            android:layout_width="72dp" android:layout_height="72dp"
            android:src="@drawable/sketchy_paper_007" android:layout_margin="3dp"></ImageButton>  
        <ImageButton android:id="@+id/ImageButton04"
            android:layout_width="72dp" android:layout_height="72dp"
            android:src="@drawable/sketchy_paper_011" android:layout_margin="3dp"></ImageButton>  
    </LinearLayout>  
</LinearLayout>

可以看到，上圖是由三部分組成。在大的LinearLayout從上而下垂直分布著三個內容：TextView，LinearLayout，LinearLayout。所以總體的LinearLayout是垂直布局

android:orientation="vertical"  

下面我們來看水平布局

其實就是上圖中的最下面那個LinearLayout。四個圖標平行排列。

android:orientation="horizontal"