如何使用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:id="@+id/centered_square"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="#FF5722" <!-- 加个背景方便直观看到效果 -->
        <!-- 绑定四个方向到父布局，实现水平+垂直居中 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" <!-- 你之前漏了这个，垂直居中必须要它 -->
        app:layout_constraintBottom_toBottomOf="parent"
        <!-- 设置宽度为父布局宽度的50% -->
        app:layout_constraintWidth_percent="0.5"
        <!-- 强制宽高比1:1，让高度自动等于宽度 -->
        app:layout_constraintDimensionRatio="1:1" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键属性拆解： #

• app:layout_constraintWidth_percent="0.5"：直接指定视图宽度占父布局宽度的50%，数值范围是0到1，0.5就代表一半。
• app:layout_constraintDimensionRatio="1:1"：这个约束会锁定视图的宽高比例为1:1，所以当宽度通过比例确定后，高度会自动匹配宽度，完美形成正方形。
• 四个方向的父布局约束：确保视图在水平和垂直两个方向都完全居中于父布局。

这样配置后，不管父布局的尺寸怎么变化，这个视图都会始终保持居中的正方形状态，宽度稳定是父布局的一半~

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