Дизайн верстки некорректно отображается в VS 2019

Question

(изображение поверхности дизайна) Я новичок в Android, и я следовал учебному пособию в (https://docs.microsoft.com/en-us/xamarin/android/get-started/hello-android/hello-android-quickstart?pivots=windows).) Проблема в том, что когда я перетаскиваю элементы из панели инструментов в поверхность дизайна, онивсе они появляются друг над другом в визуальной студии, НО, когда я отлаживаю программу и запускаю ее на своем телефоне, она выглядит просто отлично и точно так же, как в учебнике. мой код XML:

<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">
    <TextView
        android:text="Enter a password:"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="25px"
        android:minHeight="25px"
        android:id="@+id/textView1" />
    <EditText
        android:layout_width="246.5dp"
        android:layout_height="59.0dp"
        android:layout_below="@id/textView1"
        android:id="@+id/PhoneNumberText"
        android:text="1-855-XAMARIN"
        android:layout_marginTop="29.0dp"
        android:layout_marginBottom="0.0dp" />
    <Button
        android:text="Translate"
        android:layout_width="141.5dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/PhoneNumberText"
        android:id="@+id/TranslateButton"/>
    <TextView
        android:text="Text"
        android:layout_width="171.0dp"
        android:layout_height="33.5dp"
        android:layout_below="@id/TranslateButton"
        android:id="@+id/TranslatedPhoneWord"/>
</RelativeLayout>

Answer 1

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

Это не повлияет на ваш результат, возможно, VS не будет хорошо воспринимать ваш код в течение этого времени. Как бы то ни было, это не имеет значения.

Если вы все еще хотите правильно отобразить его в предварительном просмотре, вы можете попробовать использовать LinearLayout, LinearLayout будет отображать дочерние элементы View в линейном направлении, по вертикали или по горизонтали. LinearLayout: https://docs.microsoft.com/en-us/xamarin/android/user-interface/layouts/linear-layout

Изменение: RelativeLayout

Кому: LinearLayout

Для этого способа нет необходимости использовать layout_below.