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"内。