Мой предварительный просмотр макета в Android показывает разные по сравнению с устройством

Question

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

Это то, как он отображается в предварительном просмотре.

Вот как это отображается на устройстве.

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


>

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/pr_image"
    android:layout_width="115dp"
    android:layout_height="90dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_marginStart="144dp"
    android:layout_marginTop="21dp"
    android:layout_marginEnd="152dp"
    android:src="@mipmap/ic_launcher_round" />

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_image"
    android:layout_alignParentStart="true"
    android:layout_alignParentEnd="true"
    android:layout_marginStart="124dp"
    android:layout_marginTop="26dp"
    android:layout_marginEnd="125dp"
    android:text="@string/personal_details"
    android:textSize="22sp"
    android:textStyle="bold" />

<EditText
    android:id="@+id/pr_name"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView"
    android:layout_alignParentStart="true"
    android:layout_marginStart="56dp"
    android:layout_marginTop="21dp"
    android:ems="10"
    android:hint="@string/full_name"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pr_email"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_name"
    android:layout_alignParentStart="true"
    android:layout_marginStart="56dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/email"
    android:inputType="textPersonName"
    android:textSize="16sp" />


<EditText
    android:id="@+id/ed_location"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_email"
    android:layout_alignParentStart="true"
    android:layout_marginStart="55dp"
    android:layout_marginTop="23dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/location"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pd_links"
    android:layout_width="3000dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/ed_location"
    android:layout_alignParentStart="true"
    android:layout_marginStart="55dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/links"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pd_mobile"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pd_links"
    android:layout_alignParentStart="true"
    android:layout_marginStart="56dp"
    android:layout_marginTop="26dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/mobile"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<Button
    android:id="@+id/pd_save"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pd_mobile"
    android:layout_alignParentStart="true"
    android:layout_marginStart="155dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="152dp"
    android:text="@string/save" />

Answer 1

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

    <androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:src="@tools:sample/avatars[5]" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Personal details"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />

    <EditText
        android:id="@+id/editText3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Full name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8" />

    <EditText
        android:id="@+id/editText"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Full Email"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText2" />

    <EditText
        android:id="@+id/editText4"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Location"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText" />

    <EditText
        android:id="@+id/editText5"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Links"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText4" />

    <EditText
        android:id="@+id/editText6"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="180dp"
        android:text="Mobile"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText5" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Full name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 2

Хорошо, попробуйте этот отредактированный код вашего xml-файла, с которым вы столкнулись с этой проблемой, потому что размеры экрана телефона различаются, и когда вы вручную указываете ширину и запускаете ее в конкретный телефон, он подстраивается под размер экрана, и это основная причина вашего экрана.напутал, поэтому вместо того, чтобы вручную указывать ширину, установите его как match_parent и предоставьте левое и правое поля для решения вашей проблемы:

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/pr_image"
    android:layout_width="115dp"
    android:layout_height="90dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
    android:layout_marginStart="144dp"
    android:layout_marginTop="21dp"
    android:layout_marginEnd="152dp"
    android:src="@mipmap/ic_launcher_round" />

<TextView
    android:id="@+id/textView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_image"
    android:layout_alignParentStart="true"
    android:layout_alignParentEnd="true"
    android:layout_marginStart="124dp"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginTop="26dp"
    android:layout_marginEnd="125dp"
    android:text="@string/personal_details"
    android:textSize="22sp"
    android:textStyle="bold" />

<EditText
    android:id="@+id/pr_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginStart="56dp"
    android:layout_marginTop="21dp"
    android:ems="10"
    android:hint="@string/full_name"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pr_email"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_name"
    android:layout_alignParentStart="true"
    android:layout_marginStart="56dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="56dp"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:ems="10"
    android:hint="@string/email"
    android:inputType="textPersonName"
    android:textSize="16sp" />


<EditText
    android:id="@+id/ed_location"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pr_email"
    android:layout_alignParentStart="true"
    android:layout_marginStart="55dp"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginTop="23dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/location"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pd_links"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/ed_location"
    android:layout_alignParentStart="true"
    android:layout_marginStart="55dp"
    android:layout_marginTop="24dp"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:hint="@string/links"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<EditText
    android:id="@+id/pd_mobile"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pd_links"
    android:layout_alignParentStart="true"
    android:layout_marginStart="56dp"
    android:layout_marginTop="26dp"
    android:layout_marginEnd="56dp"
    android:ems="10"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:hint="@string/mobile"
    android:inputType="textPersonName"
    android:textSize="16sp" />

<Button
    android:id="@+id/pd_save"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/pd_mobile"
    android:layout_alignParentStart="true"
    android:layout_marginStart="155dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="152dp"
    android:text="@string/save" />