Android：如何在横竖屏模式下保持View的固定宽高比？

我有一个固定宽高比的View，布局代码如下：

<androidx.constraintlayout.widget.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">

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginEnd="12dp"
    android:layout_marginStart="12dp"
    android:layout_marginTop="12dp"
    android:background="@android:color/holo_blue_dark"
    app:layout_constraintDimensionRatio="h,3:4"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

该布局在竖屏模式下正常显示，但切换至横屏模式时，View会超出屏幕范围。

问题根源是当前布局仅约束了View的顶部、左右边界，未限制底部，横屏时父容器高度缩小，View按宽度计算的高度会超出父容器剩余空间。以下两种方案可解决问题：

方案一：补充底部约束并适配宽高比逻辑 #

修改View的约束配置，添加底部限制，同时让ConstraintLayout在空间不足时自动平衡宽高比与容器边界：

<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">

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_margin="12dp"
    android:background="@android:color/holo_blue_dark"
    app:layout_constraintDimensionRatio="3:4"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintWidth_default="wrap"
    app:layout_constraintHeight_default="wrap" />
</androidx.constraintlayout.widget.ConstraintLayout>

• app:layout_constraintWidth_default="wrap" 和 app:layout_constraintHeight_default="wrap"：让View在空间不足时优先自适应宽/高，同时维持设定的宽高比
• app:layout_constraintBottom_toBottomOf="parent"：限制View底部不超出父容器边界
• 移除h,前缀，让宽高比自动适配横竖屏方向，若需强制以高度为基准，可保留h,3:4

方案二：设置最大尺寸+完整边界约束 #

通过设置View的最大宽高，确保其无论横竖屏都不会超出父容器：

<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">

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_margin="12dp"
    android:background="@android:color/holo_blue_dark"
    android:maxWidth="match_parent"
    android:maxHeight="match_parent"
    app:layout_constraintDimensionRatio="h,3:4"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

• android:maxWidth和android:maxHeight：强制View的宽高不超过父容器尺寸
• 配合完整的上下左右约束，确保View在维持宽高比的同时，始终处于父容器范围内

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