Android约束布局：为所有分辨率调整图像大小

Question

我在一张背景图片上放置了小图片按钮。我已经使用约束布局管理了小图像的位置。但现在，问题在于小图像按钮的大小。随着屏幕尺寸的变化，图像不会改变尺寸。

我尝试过使用 drawable-hdpi、drawable-xhdpi、drawable-xxhdpi，但可能是约束布局没有拍摄这些图像。如果我应用 layout_constraintDimensionRatio，图像会针对不同的屏幕更改其位置。还是应该使用其他方法？

 <?xml version="1.0" encoding="utf-8"?>
    <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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
        <ImageView
            android:id="@+id/imgMainBg"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bg"
            android:layout_centerInParent="true"
            android:contentDescription="Background" />
        <ImageButton
            android:id="@+id/btnImg1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="btnImg1"
            android:scaleType="fitXY"
            android:src="@drawable/btnImg1"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintHorizontal_bias="0.585"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.183" />
        <ImageButton
            android:id="@+id/btnImg2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="btnImg2"
            android:scaleType="centerCrop"
            android:src="@drawable/btnImg2"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintHorizontal_bias="0.944"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.352" />
    </android.support.constraint.ConstraintLayout>

Answer 1

ConstraintLayout 的问题在于它使用一些指导线、屏幕的一部分或其他同级视图来限制视图。随着屏幕尺寸的增大或缩小，约束保持不变。因此，ConstraintLayout 上视图的相对位置会根据屏幕尺寸而变化。如果您在 drawable 文件夹中使用 png 或其他图像，您可以在 drawable-hdpi、drawable-ldpi 和其他文件夹中提供不同的图像。图像应该有不同的大小，以便您能够看到图像在不同的dpi 屏幕上测试应用时放大和缩小。