Android 自定义 ViewGroup 九宫格布局完整实现

Android 自定义 ViewGroup 九宫格布局进阶

前言

在之前的文章我们复习了 ViewGroup 的测量与布局，那么这一篇效果就可以在之前的基础上实现一个灵活的九宫格布局。

一个九宫格的 ViewGroup 如何定义？我们分解为如下的几个步骤来实现：

1. 先计算与测量九宫格内部的子 View 的宽度与高度。
2. 再计算整体九宫格的宽度和高度。
3. 进行子 View 九宫格的布局。
4. 对单独的图片和四宫格的图片进行单独的布局处理。
5. 对填充的子 View 的方式进行抽取，可以自由添加布局。
6. 对自定义属性的抽取，设置通用的属性。

只要在前文的基础上掌握了 ViewGroup 的测量与布局，其实实现起来一点都不难，甚至我们还能实现一些特别的效果。

一、九宫格的测量

之前的文章，我们的测量方式是已经知道子 View 的具体大小了，让我们的父布局做宽高的适配，所以逻辑顺序也是先布局，然后再测量，对 ViewGroup 的宽高做限制。

但是在我们做九宫格控件的时候，就和之前有所区别了。我们不管子 View 的宽高测量模式是怎样的，我们都是通过九宫格控件的宽度对子 View 的宽高进行强制赋值。

public class AbstractNineGridLayout extends ViewGroup {

    private static final int MAX_CHILDREN_COUNT = 9;  //最大的子 View 数量
    private int horizontalSpacing = 20;  //每一个 Item 的左右间距
    private int verticalSpacing = 20;  //每一个 Item 的上下间距

    private int itemWidth;
    private int itemHeight;

    public AbstractNineGridLayout(Context context) {
        this(context, null);
    }

    public AbstractNineGridLayout {
        (context, attrs, );
    }

      {
        (context, attrs, defStyleAttr);
        init(context);
    }

       {
         (   ; i < MAX_CHILDREN_COUNT; i++) {
                (context);
            imageView.setLayoutParams( .LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
            imageView.setBackgroundColor(Color.RED);
            addView(imageView);
        }
    }

    
       {
           MeasureSpec.getMode(heightMeasureSpec);
           MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight();
           getNotGoneChildCount();

        
        itemWidth = (widthSize - horizontalSpacing * ) / ;
        itemHeight = itemWidth;

        
        measureChildren(MeasureSpec.makeMeasureSpec(itemWidth, MeasureSpec.EXACTLY),
                MeasureSpec.makeMeasureSpec(itemHeight, MeasureSpec.EXACTLY));

         (heightMode == MeasureSpec.EXACTLY) {
            .onMeasure(widthMeasureSpec, heightMeasureSpec);
        }  {
            notGoneChildCount = Math.min(notGoneChildCount, MAX_CHILDREN_COUNT);
               ((notGoneChildCount - ) /  + ) *
                    (itemHeight + verticalSpacing) - verticalSpacing + getPaddingTop() + getPaddingBottom();

            setMeasuredDimension(widthSize, heightSize);
        }
    }
}