ConstraintLayout设置最小宽度后视图异常占满可用空间求助

问题场景 #

在ConstraintLayout中嵌套MaterialCardView，需求如下：

• 宽度为父布局的70%
• 最小宽度300dp
• 最大宽度450dp

当前最大宽度功能正常，但当父布局70%宽度小于300dp时，CardView未保持300dp，而是直接占满父布局100%宽度。

原布局代码 #

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        <com.google.android.material.card.MaterialCardView
                android:id="@+id/balanceCard"
                android:layout_width="0dp"
                android:layout_height="0dp"
                app:cardCornerRadius="40dp"
                app:cardElevation="15dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintDimensionRatio="1:1"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintWidth_min="300dp"
                app:layout_constraintWidth_percent="0.7"/>
</androidx.constraintlayout.widget.ConstraintLayout>

问题原因 #

原布局中同时设置了layout_constraintStart_toStartOf="parent"和layout_constraintEnd_toEndOf="parent"，这两个约束会强制CardView的宽度填充父布局的可用空间，直接覆盖了layout_constraintWidth_min的限制逻辑。

解决方案 #

移除左右两端绑定父布局的约束，改用水平居中约束，让CardView的宽度由百分比、最小、最大值共同控制。修改后的代码如下：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.google.android.material.card.MaterialCardView
        android:id="@+id/balanceCard"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:cardCornerRadius="40dp"
        app:cardElevation="15dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintHorizontal_center_inParent="true"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_min="300dp"
        app:layout_constraintWidth_max="450dp"
        app:layout_constraintWidth_percent="0.7"/>
</androidx.constraintlayout.widget.ConstraintLayout>

效果说明 #

• 当父布局70%宽度 < 300dp时：CardView以300dp宽度居中显示
• 当300dp ≤ 父布局70%宽度 ≤ 450dp时：CardView以父布局70%宽度显示
• 当父布局70%宽度 > 450dp时：CardView以450dp宽度居中显示

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