У меня небольшая проблема с ImageView на разных экранах с разным dpi, например:

screen from emulator

screen from real device

На втором экране исходные размеры изображений. Но на первом экране изображения больше и съехали. Как я могу установить пропорциональные размеры и поля для ImageView.

Вот мой код:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/textLayoutIntro">

        <ImageView
            android:id="@+id/first_slide_second_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"
            android:src="@mipmap/first_slide_second_image"
            android:layout_alignParentStart="true"
            android:layout_alignStart="@+id/firstSlideTelephone"
            android:layout_marginTop="100dp"
            android:layout_marginStart="20dp"/>

        <ImageView
            android:id="@+id/first_slide_third_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/first_slide_third_image"
            android:scaleType="fitCenter"
            android:adjustViewBounds="true"
            android:layout_alignParentEnd="true"
            android:layout_alignEnd="@+id/firstSlideTelephone"
            android:layout_marginEnd="30dp"
            android:layout_marginTop="100dp"/>


        <ImageView
            android:id="@+id/firstSlideTelephone"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/first_slide_telephone"
            android:layout_centerInParent="true"
            android:adjustViewBounds="true"
            android:scaleType="centerInside"/>


        <ImageView
            android:id="@+id/first_slide_first_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"
            android:src="@mipmap/first_slide_first_image"
            android:layout_marginStart="-30dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentBottom="true"
            android:maxWidth="138dp"
            android:maxHeight="138dp"/>


        <ImageView
            android:id="@+id/first_slide_fourth_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"
            android:src="@mipmap/first_slide_fourth_image"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="100dp"/>


    </RelativeLayout>

Заранее спасибо)

0
Lemonyara 13 Янв 2021 в 12:02

3 ответа

Лучший ответ

Вместо RelativeLayout используйте constraintlayout с вертикальными и горизонтальными направляющими. Таким образом, размер содержимого увеличивается или уменьшается до размера экрана любого устройства. Как в примере ниже.

<android.support.constraint.ConstraintLayout
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:id="@+id/parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorAccent"
android:clickable="true"
tools:context="com.example.example.Fragments.ExampleFragment">


<android.support.constraint.Guideline
    android:id="@+id/fragment_guideline_v_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.1" />

<android.support.constraint.Guideline
    android:id="@+id/fragment_guideline_v_2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.9" />


<android.support.constraint.Guideline
    android:id="@+id/fragment_guideline_h_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.1" />

<android.support.constraint.Guideline
    android:id="@+id/fragment_guideline_h_2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.9" />

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:contentDescription="@string/none"
        app:layout_constraintStart_toEndOf="@+id/fragment_guideline_h_1"
        app:layout_constraintEnd_toStartOf="@+id/fragment_guideline_h_2"
        app:layout_constraintTop_toBottomOf="@+id/fragment_guideline_v_1"
        app:layout_constraintBottom_toTopOf="@+id/fragment_guideline_v_2"
        app:srcCompat="@drawable/forgot_password_arrow_back" />

2
Dankyi Anno Kwaku 13 Янв 2021 в 10:42

Вы можете использовать процент для ширины и высоты ImageView. Например, используйте ConstraintLayout и для ImageView:

<ImageView
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_constraintWidth_percent="0.7" />
1
Alex.Marynovskyi 13 Янв 2021 в 10:00
65698627