在相对布局中划分元素之间的屏幕宽度?

时间:2014-11-01 12:38:38

标签: android android-layout android-relativelayout

假设我有一个按钮和一个EditText,在同一高度(屏幕底部)对齐并共享屏幕宽度。我希望按钮只占用所需的空间,而editText则覆盖宽度的其余部分。

到目前为止,我一直在使用linearLayout,在这种情况下,我可以将这两个元素放在水平线性布局中,将editText的权重设置为1,将按钮的权重设置为wrap_content,它会工作。

但是,我无法使用相对布局复制此行为。我可以将editText放在父级的底部,然后将按钮设置为右侧,但我不知道如何使editText填充宽度的其余部分,而不是按钮的空间。

这样做的正确方法是什么?

编辑:这是我到目前为止所做的:

<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>

2 个答案:

答案 0 :(得分:1)

试试这个,对齐按钮右侧的按钮,并将width的{​​{1}}设置为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",则使用嵌套布局的最佳解决方案。

使用嵌套在Relative布局中的Relative Layout及其对齐LinearLayout到LinearLayout。

下面给出的样本,

android:layout_alignParentBottom="true"

答案 1 :(得分:0)

我自己找到了解决方案。诀窍是将两个元素设置在底部,然后将编辑文本设置为宽度:0dp,alignParentLeft和toLeftOF按钮(不是按钮的alignLeft,而是按钮的左侧)。该按钮应与父右侧和父级底部对齐。

最终代码如下:

<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" />