SquareView无法正确布局子视图问题求助

看起来你是在做一个强制宽高相等的自定义SquareView，但内部的RelativeLayout子视图没法正确布局对吧？我结合自定义ViewGroup的常见坑，给你几个针对性的解决思路：

1. 先检查SquareView的核心实现逻辑 #

自定义ViewGroup最容易出问题的就是onMeasure和onLayout方法，这两个方法直接决定了自身和子视图的尺寸与位置：

如果你是直接继承RelativeLayout做SquareView（最推荐的方案） #

这种情况下不需要重写onLayout，只需要修正onMeasure来强制自身为正方形，同时让内部RelativeLayout的布局逻辑正常工作：

public class SquareView extends RelativeLayout {
    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 targetSize = Math.min(MeasureSpec.getSize(widthMeasureSpec), 
                                 MeasureSpec.getSize(heightMeasureSpec));
        // 生成新的测量规格，强制SquareView的宽高为目标尺寸
        int squareMeasureSpec = MeasureSpec.makeMeasureSpec(targetSize, MeasureSpec.EXACTLY);
        // 调用父类的测量方法，让内部RelativeLayout按正方形尺寸布局子视图
        super.onMeasure(squareMeasureSpec, squareMeasureSpec);
    }
}

如果你是自定义ViewGroup（自己加载布局） #

那必须同时重写onMeasure和onLayout，确保子视图能被正确测量和摆放：

public class SquareView extends ViewGroup {
    private View mInnerLayout;

    public SquareView(Context context) {
        super(context);
        init();
    }

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

    private void init() {
        // 加载你写的RelativeLayout布局
        mInnerLayout = LayoutInflater.from(getContext())
                .inflate(R.layout.your_square_inner_layout, this, true);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int targetSize = Math.min(MeasureSpec.getSize(widthMeasureSpec), 
                                 MeasureSpec.getSize(heightMeasureSpec));
        int squareSpec = MeasureSpec.makeMeasureSpec(targetSize, MeasureSpec.EXACTLY);
        // 先测量自身
        setMeasuredDimension(targetSize, targetSize);
        // 再强制内部布局按正方形尺寸测量
        mInnerLayout.measure(squareSpec, squareSpec);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        // 把内部布局铺满整个SquareView
        mInnerLayout.layout(0, 0, getWidth(), getHeight());
    }
}

2. 补全并检查你的XML布局 #

你提供的XML里ImageView的layout_height属性没写完，先补全，同时确保子视图的布局参数符合预期，比如给箭头ImageView加上定位属性：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/someInnerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#eeeeee"/>

    <ImageView
        android:id="@+id/iv_arrow"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/ic_arrow_down"
        <!-- 示例：把箭头放在底部居中 -->
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"/>
</RelativeLayout>

3. 调试小技巧 #

如果还是有问题，用Android Studio的Layout Inspector查看视图层级，能直观看到SquareView和每个子视图的实际尺寸、位置，快速定位是SquareView本身的尺寸不对，还是子视图的布局参数没生效。

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