android开发步步为营之45：横版与竖版页面效果

    大家都知道智能手机的屏幕是可以竖着看，也可以横着看的，有时候如果页面过长，竖着看的效果放在横着看可能页面就会显示不全，那怎么办呢，我们可以res文件下另外新建一个文件夹layout-land,里面放竖着看的改良版，让横着看页面也能显示全。下面我们做一个实验。
     有一个页面竖着放了6个按钮，横着放手机上看可能后面几个按钮就看不到了，所以我们需要新建一个layout-land的页面。
     第一步：新建一个activity LayoutlandActivity.java
     /**
 *
 */
package Test.HelloWorld;
 
import android.app.Activity;
import android.os.Bundle;
 
/**
 * @author zhuzhifei
 *
 */
public class LayoutlandActivity extends Activity {
 
         @Override
         protected void onCreate(Bundle savedInstanceState) {
                   // TODO Auto-generated method stub
                   super.onCreate(savedInstanceState);
                   setContentView(R.layout.layoutland);
         }
 
} 
   第二步：新建一个layout xml页面layoutland.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
    <Button android:id="@+id/button2" android:layout_width="wrap_content" android:text="Button1" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignLeft="@+id/button3" android:layout_marginTop="28dp"></Button>
    <Button android:id="@+id/button3" android:layout_width="wrap_content" android:text="Button2" android:layout_height="wrap_content" android:layout_below="@+id/button2" android:layout_alignLeft="@+id/button4" android:layout_marginTop="22dp"></Button>
    <Button android:id="@+id/button4" android:layout_width="wrap_content" android:text="Button3" android:layout_height="wrap_content" android:layout_below="@+id/button3" android:layout_alignLeft="@+id/button5" android:layout_marginTop="15dp"></Button>
    <Button android:id="@+id/button6" android:layout_width="wrap_content" android:text="Button6" android:layout_height="wrap_content" android:layout_below="@+id/button1" android:layout_alignLeft="@+id/button1" android:layout_marginTop="18dp"></Button>
    <Button android:id="@+id/button1" android:layout_width="wrap_content" android:text="Button5" android:layout_height="wrap_content" android:layout_below="@+id/button5" android:layout_alignLeft="@+id/button5" android:layout_marginTop="24dp"></Button>
    <Button android:id="@+id/button5" android:layout_width="wrap_content" android:text="Button4" android:layout_height="wrap_content" android:layout_below="@+id/button4" android:layout_centerHorizontal="true" android:layout_marginTop="22dp"></Button>
  
</RelativeLayout>
 
第三步：在layout-land文件夹新建一个layoutland.xml，这个页面我们把按钮放两行，其实使用到的widget都是一样的，就是重新排版了一下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
    <Button android:id="@+id/button1" android:layout_width="wrap_content" android:text="Button5" android:layout_height="wrap_content" android:layout_alignTop="@+id/button5" android:layout_alignLeft="@+id/button3"></Button>
    <Button android:id="@+id/button2" android:layout_width="wrap_content" android:text="Button1" android:layout_height="wrap_content" android:layout_above="@+id/button5" android:layout_alignParentLeft="true" android:layout_marginLeft="102dp" android:layout_marginBottom="28dp"></Button>
    <Button android:id="@+id/button5" android:layout_width="wrap_content" android:text="Button4" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_alignLeft="@+id/button2"></Button>
    <Button android:id="@+id/button4" android:layout_width="wrap_content" android:text="Button3" android:layout_height="wrap_content" android:layout_alignTop="@+id/button3" android:layout_toRightOf="@+id/button3" android:layout_marginLeft="39dp"></Button>
    <Button android:id="@+id/button6" android:layout_width="wrap_content" android:text="Button6" android:layout_height="wrap_content" android:layout_alignTop="@+id/button1" android:layout_alignLeft="@+id/button4"></Button>
    <Button android:id="@+id/button3" android:layout_width="wrap_content" android:text="Button2" android:layout_height="wrap_content" android:layout_alignTop="@+id/button2" android:layout_toRightOf="@+id/button2" android:layout_marginLeft="38dp"></Button>
  
</RelativeLayout>
第五步：运行后的效果
竖着看：
 
 
横着看：