RelativeLayoutはビュー要素の高さで拡大しません

相対レイアウトは、wrap_contentの高さに設定されています。 2つのTextViewと2つのEditTextがあります。ただし、RelativeLayoutはEditTextの高さに一致しません。RelativeLayoutはビュー要素の高さで拡大しません

点線の四角形は、アンドロイドスタジオのプレビューツールで、RelativeLayoutの境界線として強調表示されている領域です。

実際の問題は、私がアプリを実行すると、下のedittextの種類が相対レイアウトより下になり、その下の部分が消えてしまうことです。それにより、ユーザはその最終行を見ることができず、テキストフィールドがあることを知らない。

のAndroidメーカープレビュー：

問題やエミュレータ上で結果：

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>

EDIT：働いている別の解決策：

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>

出典

2016-07-28 Marat

問題は破線の四角形ですか？ – ddb

Dashed Rectangleは、アンドロイドスタジオのプレビューツールでRelativeLayoutの境界線として強調表示されている領域です。実際の問題は、下のエディットテキストが相対レイアウトの下に沈んで、下の部分が消えてしまうことです。それによって、ユーザはその最終行を見ることができず、テキストフィールドがあることを知らない – Marat

問題の画面を共有できますか？ – ddb

このコードを試すことができます。

私はいくつかの変更を加えて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>

ホープこれはあなたの問題を解決します。

出典

2016-07-28 12:53:26

あなたはあなたの期待を達成できるように、それらを削除しようとしました。また、テキストを編集するにはsingleline = true/maxLines = 1を使用してください。これがベストプラクティスです。

出典

2016-07-28 12:44:20 Yuvisiva

申し訳ありませんが、私はその特定のコード行のバージョンを間違ってアップロードしました。更新されたコードを見てください。同じように動作しています – Marat

あなたがLinear Layout代わりのRelative Layoutを使用する必要があります

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

出典

2016-07-28 12:50:50

RelativeLayoutはビュー要素の高さで拡大しません

答えて

関連する問題