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>