Question

我有相对布局，高度设置为wrap_content。它有2个TextView和2个EditText。但是，RelativeLayout与EditTexts的高度不匹配。

Dashed Rectangle是由android studio预览工具突出显示的区域，作为RelativeLayout的边框。

实际问题是，当我运行应用程序时，底部的edittext类型会低于Relative布局，因此其底部消失。因此，用户无法看到底线并且不知道有文本字段。

Android Studio预览：

模拟器上的问题和结果：

XML文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">

<android.support.v4.widget.Space
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_weight="5" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/numberOfDaysTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="@string/initialNumberOfDays"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textSize="58sp" />

    <TextView
        android:id="@+id/daysText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/numberOfDaysTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:text="@string/daysText"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textSize="15sp" />

</RelativeLayout>

<android.support.v4.widget.Space
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_weight="3" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/fromDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:text="@string/fromTextView"
        android:textSize="15sp" />

    <EditText
        android:id="@+id/fromDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/fromDatePickerTextView"
        android:layout_marginLeft="28dp"
        android:layout_marginStart="28dp"
        android:layout_toEndOf="@+id/fromDatePickerTextView"
        android:layout_toRightOf="@+id/fromDatePickerTextView"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date" />

    <TextView
        android:id="@+id/toDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/fromDatePickerTextView"
        android:layout_alignRight="@+id/fromDatePickerTextView"
        android:layout_below="@+id/fromDatePickerTextView"
        android:layout_marginTop="32dp"
        android:text="@string/toTextView"
        android:textSize="15sp" />

    <EditText
        android:id="@+id/toDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/toDatePickerTextView"
        android:layout_marginLeft="28dp"
        android:layout_marginStart="28dp"
        android:layout_marginTop="22dp"
        android:layout_toEndOf="@+id/toDatePickerTextView"
        android:layout_toRightOf="@+id/toDatePickerTextView"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date" />

</RelativeLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/calculateDaysButton"
        android:layout_width="160dp"
        android:layout_height="40dp"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="40dp"
        android:background="@drawable/button_bg"
        android:text="@string/calculateButtonText"
        android:textColor="@android:color/white" />

</RelativeLayout>

</LinearLayout>

编辑：另一种有效的解决方案：

TextView必须与EditText的基线对齐，而不是相反的方式！

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/fromDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignBaseline="@+id/fromDate"
        android:text="@string/fromTextView"
        android:textSize="15sp" />

    <EditText
        android:id="@+id/fromDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="28dp"
        android:layout_marginStart="28dp"
        android:layout_toEndOf="@+id/fromDatePickerTextView"
        android:layout_toRightOf="@+id/fromDatePickerTextView"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date" />

    <TextView
        android:id="@+id/toDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/fromDatePickerTextView"
        android:layout_alignRight="@+id/fromDatePickerTextView"
        android:layout_alignBaseline="@+id/toDate"
        android:layout_marginTop="32dp"
        android:text="@string/toTextView"
        android:textSize="15sp" />

    <EditText
        android:id="@+id/toDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="28dp"
        android:layout_marginStart="28dp"
        android:layout_marginTop="10dp"
        android:layout_toEndOf="@+id/toDatePickerTextView"
        android:layout_toRightOf="@+id/toDatePickerTextView"
        android:layout_below="@+id/fromDate"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date" />

</RelativeLayout>

Answer 1

您应该使用Linear Layout代替Relative Layout。

查看以下代码我已做过一些修改并应用Linear Layout。您可以使用margin，height，width进行修改。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <android.support.v4.widget.Space
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="5" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/numberOfDaysTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="0"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textSize="58sp" />

        <TextView
            android:id="@+id/daysText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/numberOfDaysTextView"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="10dp"
            android:text="Day"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textSize="15sp" />

    </RelativeLayout>

    <android.support.v4.widget.Space
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="3" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/fromDatePickerTextView"
                android:layout_width="30dp"
                android:layout_height="wrap_content"

                android:text="to"
                android:textSize="15sp" />

            <EditText
                android:id="@+id/fromDate"
                android:layout_width="130dp"
                android:layout_height="45dp"

                android:layout_marginLeft="28dp"
                android:layout_marginStart="28dp"

                android:ems="10"
                android:focusableInTouchMode="false"
                android:inputType="date" />
        </LinearLayout>

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/toDatePickerTextView"
                android:layout_width="30dp"
                android:layout_height="wrap_content"

                android:layout_marginTop="32dp"
                android:text="feom"
                android:textSize="15sp" />

            <EditText
                android:id="@+id/toDate"
                android:layout_width="130dp"
                android:layout_height="wrap_content"

                android:layout_marginLeft="28dp"
                android:layout_marginStart="28dp"
                android:layout_marginTop="22dp"

                android:ems="10"
                android:focusableInTouchMode="false"
                android:inputType="date" />
        </LinearLayout>
    </LinearLayout>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/calculateDaysButton"
            android:layout_width="160dp"
            android:layout_height="40dp"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="15dp"
            android:layout_marginTop="40dp"
            android:background="@drawable/button_bg"
            android:text="@string/calculateButtonText"
            android:textColor="@android:color/white" />

    </RelativeLayout>

</LinearLayout>

希望这能解决您的问题。

Answer 2

你能试试这段代码吗？

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/fromDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="from"
        android:textSize="15sp"
        android:layout_above="@+id/toDate"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <EditText
        android:id="@+id/fromDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date"
        android:layout_alignParentTop="true"
        android:layout_alignLeft="@+id/toDate"
        android:layout_alignStart="@+id/toDate" />

    <TextView
        android:id="@+id/toDatePickerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="to"
        android:textSize="15sp"
        android:layout_alignBottom="@+id/toDate"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <EditText
        android:id="@+id/toDate"
        android:layout_width="130dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/fromDate"
        android:layout_marginLeft="28dp"
        android:layout_marginStart="28dp"
        android:layout_toEndOf="@+id/toDatePickerTextView"
        android:layout_toRightOf="@+id/toDatePickerTextView"
        android:ems="10"
        android:focusableInTouchMode="false"
        android:inputType="date" />

</RelativeLayout>

Answer 3

您为edittext设置了固定大小，尝试删除它们以便您可以达到预期目标。对编辑文本也使用singleline = true / maxLines = 1 - 这是最佳实践。

RelativeLayout不会随着视图元素的高度而扩展

3 个答案: