如何通过单个布局使ImageView在手机与平板上显示效果一致？

嘿，这个场景我太熟悉了——用固定dp值设置ImageView大小，到了平板上就显得特别小，视觉效果和手机完全不一样对吧？别担心，不用写多个布局文件，用下面这些方法就能在单个布局里搞定：

方法一：用ConstraintLayout的百分比尺寸（推荐） #

现在Android官方最推荐的就是ConstraintLayout，它能轻松实现基于屏幕比例的布局，完美适配不同尺寸的设备。你只需要把原来的RelativeLayout替换成ConstraintLayout，然后给ImageView设置百分比宽度和高度就行：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/your_image_view"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop" <!-- 根据你的需求调整缩放类型 -->
        <!-- 设置宽度为屏幕宽度的20% -->
        app:layout_constraintWidth_percent="0.2"
        <!-- 设置高度为屏幕高度的20% -->
        app:layout_constraintHeight_percent="0.2"
        <!-- 定位到父布局的左上角，你可以根据需求调整约束 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

这样设置后，不管是手机还是平板，ImageView的大小都会占屏幕的固定比例，视觉上的显示效果就完全一致了。如果需要保持宽高比，还可以加上app:layout_constraintDimensionRatio="1:1"（比如正方形），这样宽高会按比例适配。

方法二：基于屏幕短边适配（进阶） #

如果想让ImageView的大小始终基于屏幕的短边（比如手机的高度、平板的宽度）来设置比例，ConstraintLayout也能做到，只需要调整约束：

<ImageView
    android:id="@+id/your_image_view"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:src="@drawable/your_image"
    app:layout_constraintWidth_percent="0.2"
    app:layout_constraintHeight_percent="0.2"
    <!-- 让View的大小受限于短边 -->
    app:layout_constraintWidth_max="wrap_content"
    app:layout_constraintHeight_max="wrap_content"
    app:layout_constraintDimensionRatio="H,1:1"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

这个方法能保证在任何设备上，ImageView的大小都不会超过短边的比例，适配更灵活。

补充说明 #

如果你坚持不想替换RelativeLayout，也可以在里面嵌套一个ConstraintLayout来实现上述效果，不用改动原有布局的整体结构。另外要注意：dp本身是密度无关像素，它保证的是不同密度设备上的物理大小一致，但屏幕尺寸差异会导致视觉占比不同——这也是你觉得显示效果不一样的核心原因，所以用百分比适配是最直接的解决方案。

内容的提问来源于stack exchange，提问作者Bai Radule