Текстовые поля друг на друга? - PullRequest
0 голосов
/ 06 ноября 2019

Я проектирую свое приложение, и я столкнулся с какой-то ошибкой. С точки зрения дизайна моего приложения все выглядит нормально, но когда я запускаю эмулятор, у меня появляются два моих текстовых поля друг над другом, и я не уверен, как это исправить?

Это мой код xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/gradient"
tools:context=".Registration_form">

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="240dp"
    android:layout_height="298dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="-1dp"
    android:layout_marginEnd="60dp"
    android:layout_marginRight="60dp"
    app:srcCompat="@drawable/hotellogo" />

<EditText
    android:id="@+id/editText1"
    android:layout_width="300dp"
    android:layout_height="35dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_centerInParent="true"
    android:layout_marginTop="308dp"
    android:layout_marginEnd="34dp"
    android:layout_marginRight="34dp"
    android:background="#11000000"
    android:drawableLeft="@drawable/ic_action_fn"
    android:ems="10"
    android:hint="Full name"
    android:inputType="textPersonName"
    android:textColor="#E1F7F7"
    android:textColorHighlight="#FFFFFF"
    android:textColorHint="#807D7D"
    android:textSize="16dp" />

<EditText
    android:id="@+id/editText2"
    android:layout_width="300dp"
    android:layout_height="35dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_centerInParent="true"
    android:layout_marginTop="362dp"
    android:layout_marginEnd="35dp"
    android:layout_marginRight="35dp"
    android:background="#11000000"
    android:drawableLeft="@drawable/ic_action_user"
    android:ems="10"
    android:hint="Username (email)"
    android:inputType="textEmailAddress"
    android:textColor="#E1F7F7"
    android:textColorHighlight="#FFFFFF"
    android:textColorHint="#807D7D"
    android:textSize="16dp" />

<EditText
    android:id="@+id/editText3"
    android:layout_width="300dp"
    android:layout_height="35dp"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="38dp"
    android:layout_marginEnd="35dp"
    android:layout_marginRight="40dp"
    android:layout_marginBottom="285dp"
    android:background="#11000000"
    android:drawableLeft="@drawable/ic_action_pass"
    android:ems="10"
    android:hint="Password"
    android:inputType="textPassword"
    android:textColor="#E1F7F7"
    android:textColorHint="#807D7D" />

<EditText
    android:id="@+id/editText4"
    android:layout_width="300dp"
    android:layout_height="35dp"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="38dp"
    android:layout_marginEnd="35dp"
    android:layout_marginRight="35dp"
    android:layout_marginBottom="239dp"
    android:background="#11000000"
    android:drawableLeft="@drawable/ic_action_phone"
    android:ems="10"
    android:hint="Phone"
    android:inputType="phone"
    android:textColor="#E1F7F7"
    android:textColorHint="#807D7D" />

<EditText
    android:id="@+id/editText5"
    android:layout_width="300dp"
    android:layout_height="35dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_centerInParent="true"
    android:layout_marginTop="507dp"
    android:layout_marginEnd="34dp"
    android:layout_marginRight="34dp"
    android:background="#11000000"
    android:drawableLeft="@drawable/ic_action_room"
    android:ems="10"
    android:hint="Room number"
    android:inputType="textPersonName"
    android:textColor="#E1F7F7"
    android:textColorHighlight="#FFFFFF"
    android:textColorHint="#807D7D"
    android:textSize="16dp" />

Вот как это выглядит:

Вот как это выглядит до сих пор

1 Ответ

0 голосов
/ 07 ноября 2019

Вы должны использовать атрибут android:layout_below, чтобы расположить представление под другим видом внутри RelativeLayout. Я установил поля между текстами редактирования на 10dp, вы можете изменить их, если хотите:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/gradient"
    tools:context=".Registration_form">

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="240dp"
        android:layout_height="298dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="-1dp"
        android:layout_marginEnd="60dp"
        android:layout_marginRight="60dp"
        app:srcCompat="@drawable/hotellogo" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="300dp"
        android:layout_height="35dp"
        android:layout_below="@id/imageView2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#11000000"
        android:drawableLeft="@drawable/ic_action_fn"
        android:ems="10"
        android:hint="Full name"
        android:inputType="textPersonName"
        android:textColor="#E1F7F7"
        android:textColorHighlight="#FFFFFF"
        android:textColorHint="#807D7D"
        android:textSize="16dp" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="300dp"
        android:layout_height="35dp"
        android:layout_below="@id/editText1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#11000000"
        android:drawableLeft="@drawable/ic_action_user"
        android:ems="10"
        android:hint="Username (email)"
        android:inputType="textEmailAddress"
        android:textColor="#E1F7F7"
        android:textColorHighlight="#FFFFFF"
        android:textColorHint="#807D7D"
        android:textSize="16dp" />

    <EditText
        android:id="@+id/editText3"
        android:layout_width="300dp"
        android:layout_height="35dp"
        android:layout_below="@id/editText2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#11000000"
        android:drawableLeft="@drawable/ic_action_pass"
        android:ems="10"
        android:hint="Password"
        android:inputType="textPassword"
        android:textColor="#E1F7F7"
        android:textColorHint="#807D7D" />

    <EditText
        android:id="@+id/editText4"
        android:layout_width="300dp"
        android:layout_height="35dp"
        android:layout_below="@id/editText3"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#11000000"
        android:drawableLeft="@drawable/ic_action_phone"
        android:ems="10"
        android:hint="Phone"
        android:inputType="phone"
        android:textColor="#E1F7F7"
        android:textColorHint="#807D7D" />

    <EditText
        android:id="@+id/editText5"
        android:layout_width="300dp"
        android:layout_height="35dp"
        android:layout_below="@id/editText4"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#11000000"
        android:drawableLeft="@drawable/ic_action_room"
        android:ems="10"
        android:hint="Room number"
        android:inputType="textPersonName"
        android:textColor="#E1F7F7"
        android:textColorHighlight="#FFFFFF"
        android:textColorHint="#807D7D"
        android:textSize="16dp" />
</RelativeLayout>
...