Android 指定宽高比的ViewGroup

开发中有时需要固定一个控件的宽高比, 有时候是View类型的,有时候是ViewGroup类型的,这两者的实际实现是有一些区别的.

例如,有时候开发一个相册界面,这种类型的

image.png

我们可以指定RecyclerView单个item的ImageView宽度为屏幕宽度的1/4,然后通过内边距来控制间隔,可以这样来实现

public class SquareImageView extends ImageView {
      //屏幕宽度
      private int screenWidth;
      private int ratio = 4;
        // 省略...

        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
             // 保存测量结果即可, 指定宽高相等
            setMeasuredDimension(screenWidth / ratio, screenWidth / ratio);
        }
}

View类型的指定宽高比,基本上都是这样来实现的,测量时保存自己想要的测量的结果即可

ViewGroup的实现方式上有所差别, ViewGroup可以包含childView, 不同于View, 还需要measureChild, 否则child的width,height就始终等于0,未被初始化

例如实现一个宽高比16:9的FrameLayout

public class RatioFrameLayout extends FrameLayout {
    
        // 宽高比
        private static final float RATIO = 16.f / 9;
    
        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            // 获取宽度
            int Width = MeasureSpec.getSize(widthMeasureSpec);
            // 设置当前控件宽高
            setMeasuredDimension(parentWidth, (int) (parentWidth/RATIO));
        }
    }

以上做法,可以确定FrameLayout的宽高比一定是16:9, 但是如果此ViewGroup包含childView, 那么childView将不显示, 因为并没有主动去measureChildren

正确的onMeasure回调应该这样处理

@Override
     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            // 父控件是否是固定值或者是match_parent
            int mode = MeasureSpec.getMode(widthMeasureSpec);
            if (mode == MeasureSpec.EXACTLY) {
                // 得到父容器的宽度
                int parentWidth = MeasureSpec.getSize(widthMeasureSpec);
                // 得到子控件的宽度
                int childWidth = parentWidth - getPaddingLeft() - getPaddingRight();
                // 计算子控件的高度
                int childHeight = (int) (childWidth / RATIO + 0.5f);
                // 计算父控件的高度
                int parentHeight = childHeight + getPaddingBottom() + getPaddingTop();
                // note 必须测量子控件,确定孩子的大小
                int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(childWidth, MeasureSpec.EXACTLY);
                int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(childHeight, MeasureSpec.EXACTLY);
                measureChildren(childWidthMeasureSpec, childHeightMeasureSpec);
                // 测量
                setMeasuredDimension(parentWidth, parentHeight);
            } else {
                super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            }
    
        }