android佈局 - 頂部和底部

Question

使用相對或線性佈局，如何在水平居中佈局頂部的文本字段和底部有4個按鈕全部顯示在同一行上，並在它們之間具有相同的空間。

Answer 1

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 

    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="20dp" 
     android:layout_marginTop="20dp" > 

     <requestFocus /> 
    </EditText> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:gravity="center_horizontal" > 

     <Button 
      android:id="@+id/btn1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="btn 1 " /> 

     <Button 
      android:id="@+id/btn2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/btn1" 
      android:text="btn 2 " /> 

     <Button 
      android:id="@+id/btn3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/btn2" 
      android:text="btn 3 " /> 

     <Button 
      android:id="@+id/btn4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/btn3" 
      android:text="btn 4 " /> 
    </RelativeLayout> 

</RelativeLayout> 

Answer 2

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 


    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Hello Android!" 
     android:layout_centerHorizontal="true" 
     android:layout_alignParentTop="true"/> 

    <LinearLayout 
     android:layout_alignParentBottom="true" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <Button 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:text="Button1" 
      android:layout_weight="1" /> 
     <Button 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:text="Button2" 
      android:layout_weight="1" /> 
     <Button 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:text="Button3" 
      android:layout_weight="1" /> 
     <Button 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:text="Button4" 
      android:layout_weight="1" /> 
    </LinearLayout> 

</RelativeLayout> 

Answer 3

對於頂部的按鈕，你可以做，使用圖形佈局界面。只需添加您的文本框，並設置它的以下屬性：

android:layout_alignParentTop="true" 
android:layout_centerHorizontal="true" 

對於底部的按鈕，你應該添加的LinearLayout具有以下屬性：

android:layout_alignParentBottom="true" 
android:layout_width="fill_parent" 

，並把你的4個按鈕與android:layout_weight="1"內。