Макет предварительного просмотра Android - PullRequest
Новая
       71

Макет предварительного просмотра Android

0 голосов
/ 20 февраля 2019

У меня проблема с дизайном предварительного просмотра на платформе Android Studio.
Я приложу две фотографии:
Дизайнер: здесь
Мой телефон: здесь
Проблема в том, что предварительный просмотр на Android Studio непоказать то же самое, что и мой телефон. Вы определенно можете видеть, что поле описания не отображается на моем телефоне.
Ниже приведен фрагмент кода XML: 

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">

<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"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/yoyaku_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/yoyakulogo2" />

    <android.support.v7.widget.LinearLayoutCompat
        android:id="@+id/linear_layout_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/yoyaku_image"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/phone_number"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text="Phone number:" />

        <TextView
            android:id="@+id/actual_number"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text="076767674764764" />
    </android.support.v7.widget.LinearLayoutCompat>

    <android.support.v7.widget.LinearLayoutCompat
        android:id="@+id/linear_layout_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/linear_layout_1"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/location_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text="Location:" />

        <TextView
            android:id="@+id/location_view_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text="74 rue des cascades 75020 Paris " />
    </android.support.v7.widget.LinearLayoutCompat>

    <android.support.v7.widget.LinearLayoutCompat
        android:id="@+id/linear_layout_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/linear_layout_2"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/description_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text="Description:" />

        <TextView
            android:id="@+id/description_view_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dip"
            android:layout_marginTop="8dip"
            android:text=" record storespecialized in Electronic Music based in Paris" />

    </android.support.v7.widget.LinearLayoutCompat>

</RelativeLayout>


Проблема может быть решена с помощью ScrollView, но изначально я не хотел его использовать.
Что вызвало это?

1 Ответ

0 голосов
/ 20 февраля 2019

Проблема в том, что предварительный просмотр - это только оценка того, как будет выглядеть макет.Телефоны с Android бывают самых разных размеров, и причина, по которой вам нужно было обернуть макет в ScrollView, заключается в том, что высота содержимого вашего просмотра больше высоты физического устройства.Теперь это не обязательно плохо, но, может быть, вы просто не хотите ScrollView.Чтобы это исправить, вы можете использовать что-то вроде ConstraintLayout, а затем установка правильных ограничений позволит вам изменить размер контента, чтобы он соответствовал всем размерам экрана любого устройства.короткий учебный документ, который у них есть для ConstraintLayout: https://developer.android.com/training/constraint-layout/

...