Android開發入門（六）適應方向 6.3 重新布局

如果想根據螢幕的方向自訂UI，除了把views錨定在螢幕的四周（上一節講過"錨定"視圖） ，更簡單的辦法就是建立一個獨立的res/layout檔案夾，它包含了不同螢幕方向下的UI布局。如果想要支援 landscape橫屏模式，那麼就可以在res檔案夾下面建立一個layout-land檔案夾（land代表landscape）。

基本上，在layout檔案夾下面的main.xml定義了在portrait豎屏模式下activity的布局。但在 layyout-land檔案夾下面的main.xml定義了橫屏模式下的UI布局。

1. 在layout檔案夾下面的 main.xml檔案：

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>

<RelativeLayout     android:layout_width="fill_parent"     android:layout_height="fill_parent"     xmlns:android="http://schemas.android.com/apk/res/android">        <Button         android:id="@+id/button1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Top Left"         android:layout_alignParentLeft="true"         android:layout_alignParentTop="true" />        <Button         android:id="@+id/button2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Top Right"         android:layout_alignParentTop="true"         android:layout_alignParentRight="true" />        <Button         android:id="@+id/button3"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Bottom Left"         android:layout_alignParentLeft="true"         android:layout_alignParentBottom="true" />        <Button         android:id="@+id/button4"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Bottom Right"         android:layout_alignParentRight="true"         android:layout_alignParentBottom="true" />        <Button         android:id="@+id/button5"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:text="Middle"         android:layout_centerVertical="true"         android:layout_centerHorizontal="true" />    </RelativeLayout>

2、在layout-land檔案夾下面的main.xml檔案，注意，它比上面的代碼 多了兩個Button視圖：

<?xml version="1.0" encoding="utf-8"?>    <RelativeLayout     android:layout_width="fill_parent"     android:layout_height="fill_parent"     xmlns:android="http://schemas.android.com/apk/res/android">        <Button         android:id="@+id/button1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Top Left"         android:layout_alignParentLeft="true"         android:layout_alignParentTop="true" />        <Button         android:id="@+id/button2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Top Right"         android:layout_alignParentTop="true"         android:layout_alignParentRight="true" />        <Button         android:id="@+id/button3"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Bottom Left"         android:layout_alignParentLeft="true"         android:layout_alignParentBottom="true" />        <Button         android:id="@+id/button4"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Bottom Right"         android:layout_alignParentRight="true"         android:layout_alignParentBottom="true" />        <Button         android:id="@+id/button5"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:text="Middle"         android:layout_centerVertical="true"         android:layout_centerHorizontal="true" />        <!-- 新增加的兩個Button -->     <Button         android:id="@+id/button6"         android:layout_width="180px"         android:layout_height="wrap_content"         android:text="Top Middle"         android:layout_centerVertical="true"         android:layout_centerHorizontal="true"         android:layout_alignParentTop="true" />        <Button         android:id="@+id/button7"         android:layout_width="180px"         android:layout_height="wrap_content"         android:text="Bottom Middle"         android:layout_centerVertical="true"         android:layout_centerHorizontal="true"         android:layout_alignParentBottom="true" />    </RelativeLayout>