Android：如何使用下面的按钮来布局全屏EditText？

Question

This seems simple, but I can't get it to work. I'd like to place a button at the bottom of the screen, and have an EditText occupy the rest of the available space. The below layout shows creates an EditText that occupies the full screen but the Button is not visible.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <EditText
        android:id="@+id/textField"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </EditText>
    <Button
        android:id="@+id/button"
        android:text="text"
        android:layout_below="@id/textField"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </Button>

</RelativeLayout>

Answer 1

Try the following inside your RelativeLayout:

<EditText
    android:id="@+id/textField"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/button" />

<Button
    android:id="@+id/button"
    android:layout_alignParentBottom="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

The problem with your original layout is that your EditText's height was set to match_parent and your button was set to be below that. match_parent caused the EditText to take up the full height of the screen, pushing the button below the bottom of the screen.

By telling the button to align itself to the bottom of the screen, then telling the EditText to lay itself out above that, you should be able to achieve what you are looking for.

Answer 2

It is because of layout, you need to use the right layout. For example linear layout could help much more in this situation.