Android布局文件中如何设置View的layout_height等于match_parent的layout_width

嘿，这个问题问得好！其实完全不用非得等到运行时处理，有两种靠谱的方案，我给你详细说说：

方案一：直接在XML中用ConstraintLayout搞定（推荐） #

如果你用的是ConstraintLayout（现在Android开发的主流布局），可以直接在XML里通过约束属性让View的高度等于宽度，不用写任何代码。步骤很简单：

1. 把View的layout_width设为match_parent（你已经这么做了）
2. 将layout_height设为0dp（让约束来控制高度）
3. 添加app:layout_constraintDimensionRatio="1:1"属性，强制宽高比为1:1，也就是正方形

给你个实际的代码示例：

<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/square_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="#FF4081"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

这样ConstraintLayout会自动根据View的宽度，按照1:1的比例计算出高度，完美实现正方形效果。

方案二：自定义View（运行时处理） #

如果你的布局不是ConstraintLayout，或者需要更灵活的逻辑控制，那可以自定义一个View，在onMeasure方法里强制宽高相等：

Kotlin版本 #

class SquareView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 获取宽度的测量尺寸，作为正方形的边长
        val squareSize = MeasureSpec.getSize(widthMeasureSpec)
        // 重新设置宽高的测量规格，强制为正方形
        super.onMeasure(
            MeasureSpec.makeMeasureSpec(squareSize, MeasureSpec.EXACTLY),
            MeasureSpec.makeMeasureSpec(squareSize, MeasureSpec.EXACTLY)
        )
    }
}

Java版本 #

public class SquareView extends View {
    public SquareView(Context context) {
        super(context);
    }

    public SquareView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public SquareView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int squareSize = MeasureSpec.getSize(widthMeasureSpec);
        super.onMeasure(
                MeasureSpec.makeMeasureSpec(squareSize, MeasureSpec.EXACTLY),
                MeasureSpec.makeMeasureSpec(squareSize, MeasureSpec.EXACTLY)
        );
    }
}

然后在XML里直接使用这个自定义View就行，layout_height随便写都没关系，因为onMeasure会覆盖它：

<com.yourpackage.name.SquareView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FF4081"/>

补充小提示 #

• 如果你还在使用旧的PercentFrameLayout或PercentRelativeLayout，也可以用app:layout_aspectRatio="100%"实现，但现在ConstraintLayout已经完全替代了这些旧布局，所以更推荐方案一。
• 方案一的优势是零代码、配置简单；方案二更适合需要动态调整边长或者有特殊业务逻辑的场景。

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