разделите ширину экрана между элементами в относительной компоновке?

Question

Предположим, у меня есть кнопка и EditText, выровненные на одной высоте (внизу экрана) и разделяющие ширину экрана. Я хочу, чтобы кнопка занимала нужное пространство, а также editText, чтобы покрыть остальную ширину.

До сих пор я использовал linearLayout, где в этом случае я мог бы разместить эти два элемента в горизонтальном линейном макете, установить вес editText на 1 и с кнопкой на wrap_content, и это должно сработать.

Однако я не могу воспроизвести это поведение с использованием относительной компоновки. Я могу поместить editText в нижней части родителя, а затем установить кнопку справа, но я не знаю, как сделать editText заполнять остальную ширину в отношении пространства кнопки.

Каков правильный способ сделать это?

Edit: это то, что я до сих пор:

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



    <EditText 
     android:id="@+id/edittext" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:hint="@string/editText_Hint" 
     android:inputType="number" /> 


    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignRight="@id/edittext" 
     android:onClick="sendAnswer" 
     android:text="@string/button_text" /> 

</RelativeLayout> 

И я хочу повторить поведение этого:

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

    /*other stuff here*/ 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 


     <EditText 
      android:id="@+id/edittext" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:hint="@string/editText_Hint" 
      android:inputType="number" 
      android:layout_weight="1" 
      /> 


     <Button 
      android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/button_text" 
      android:onClick="sendAnswer"/> 
    </LinearLayout> 
</LinearLayout> 

Answer 1

Попробуйте это, совместив кнопку справа от кнопки и настройки width от edittext до match_parent работает отлично для меня.

<RelativeLayout 
    android:id="@+id/relativeLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" > 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Button" /> 

    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/button1" 
     android:ems="10" > 

     <requestFocus /> 
    </EditText> 
</RelativeLayout> 

Делая так edittext выглядит, как будто идет до границы. Для того, чтобы лучше выглядеть добавить некоторый запас справа от edittext с помощью атрибута android:layout_marginRight="5dp"

UPDATE

Если ваше требование использовать родительский макет быть Relative Layout, лучшим решением для вас, чтобы использовать вложенную раскладка.

Используйте LinearLayout, вложенный в Относительную компоновку с ее выравниванием android:layout_alignParentBottom="true" в LinearLayout.

Пример приведен ниже,

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

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

     <EditText 
      android:id="@+id/editText1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:ems="10" > 

      <requestFocus /> 
     </EditText> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button" /> 

    </LinearLayout> 

</RelativeLayout> 

Answer 2

Я нашел решение сам. Трюк состоял в том, чтобы установить оба элемента внизу, затем отредактировать текст по ширине: 0dp, alignParentLeft и toLeftOF кнопку (NOT alignLeft кнопки, но toLeftOF кнопку). Кнопка должна быть выровнена по отношению к родительскому праву и нижней части родителя.

Окончательный код выглядит следующим образом:

<EditText 
     android:id="@+id/edittext" 

     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_toLeftOf="@id/button" 
     android:layout_alignParentLeft="true" 
     android:hint="@string/editText_Hint" 
     android:inputType="number" 
     android:layout_width="0dp" 
     > 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:onClick="sendAnswer" 
     android:text="@string/button_text" />