如何让宽度为wrap_content的FrameLayout高度与宽度相等？

嘿，这个需求我之前做项目时刚好踩过坑，给你分享几个实用的解决方案，看哪个适合你的场景：

方法一：用ConstraintLayout（最省心的方案） #

如果你的项目已经在用ConstraintLayout，那这绝对是最快的解决方式。我们可以利用它的宽高比约束，让FrameLayout的高度自动匹配宽度：

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

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是决定宽度的文本"
            android:textSize="24sp"/>

    </FrameLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

原理很简单：把FrameLayout的高度设为0dp（依赖约束决定大小），然后通过app:layout_constraintDimensionRatio="1:1"强制宽高比1:1，这样它的高度就会完全跟随宽度（而宽度由内部TextView的wrap_content决定）。

方法二：自定义FrameLayout（最灵活的方案） #

如果不想引入ConstraintLayout，或者需要更定制化的逻辑，自定义一个FrameLayout重写onMeasure方法就可以搞定：

第一步：自定义类 #

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

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 先测量宽度（由内部TextView决定）
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        // 获取测量后的宽度
        val measuredWidth = measuredWidth
        // 把高度设置成和宽度一致，重新测量
        val newHeightMeasureSpec = MeasureSpec.makeMeasureSpec(measuredWidth, MeasureSpec.EXACTLY)
        super.onMeasure(widthMeasureSpec, newHeightMeasureSpec)
    }
}

第二步：布局中使用 #

<com.yourpackage.SquareFrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是决定宽度的文本"
        android:textSize="24sp"/>

</com.yourpackage.SquareFrameLayout>

这个方法的优势是完全自定义，你可以根据需求调整逻辑（比如加个最小宽高限制之类的）。

方法三：用ViewTreeObserver监听布局变化（适合老项目兼容） #

如果不能改布局结构，只能在代码里动态调整，那可以用ViewTreeObserver监听FrameLayout的布局完成事件，然后手动设置高度：

val frameLayout = findViewById<FrameLayout>(R.id.your_frame_layout)
frameLayout.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
    override fun onGlobalLayout() {
        // 移除监听，避免重复调用
        frameLayout.viewTreeObserver.removeOnGlobalLayoutListener(this)
        // 获取宽度，设置高度
        val width = frameLayout.width
        frameLayout.layoutParams.height = width
        frameLayout.requestLayout()
    }
})

注意：一定要记得移除监听，不然会多次触发导致性能问题，甚至内存泄漏。

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