让我们一起来撸个简单粗暴的Tv应用主界面的网格布局控件！

public class ElementEntity implements Serializable {
    private int x;//卡位坐标
    private int y;//卡位坐标
    private int row;//卡位长度
    private int column;//卡位宽度

    private String imgUrl;
}

public class ScreenEntity implements Serializable {
    private int row;//横向划分成几行
    private int column;//竖直方向划分成几列
    //row, column 用于将当前屏平均划分成 row * column 个小格

    private List<ElementEntity> elementList;
}

public class MenuEntity implements Serializable {
    private List<ScreenEntity> screenList;//一个Tab 下可能有多屏
}

public class LayoutEntity {
    private List<MenuEntity> menuList;//可能含有多个 Tab 菜单
}

{
    "menuList": [
        {
            "menuName": "影视娱乐",
            "screenList": [
                {
                    "row": 6,
                    "column": 4,
                    "elementList": [
                        {
                            "x": 3,
                            "y": 1,
                            "row": 3,
                            "column": 1
                        },
                        {
                            "x": 4,
                            "y": 1,
                            "row": 6,
                            "column": 1
                        },
                        {
                            "x": 2,
                            "y": 4,
                            "row": 3,
                            "column": 2
                        },
                        {
                            "x": 1,
                            "y": 1,
                            "row": 6,
                            "column": 1
                        },
                        {
                            "x": 2,
                            "y": 1,
                            "row": 3,
                            "column": 1
                        }
                    ]
                }
            ]
        }
    ]
}

public class TvGridLayout extends FrameLayout {
    ...
    private Adapter mAdapter;

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

    public void setAdapter(Adapter adapter) {
        mAdapter = adapter;
        ...

            layoutChildren();//动态计算每个卡位大小、位置进行布局
    }

    //卡位信息来源
    public static abstract class Adapter { 
        ...
    }
}

public static abstract class Adapter {
    public abstract int getPageRow(int pageIndex);
    public abstract int getPageColumn(int pageIndex);
    public abstract ItemCoordinate getChildCoordinate(int pageIndex, int childIndex);
    public abstract View getChildView(int groupPosition, int childPosition, int childW, int childH);
    public abstract int getChildCount(int pageIndex);
    public abstract int getPageCount();
    protected void onSwitchAdapter(Adapter newAdapter, Adapter oldAdapter) {}
}

private void layoutChildren() {
    //方便优化
    layoutChildrenOfPages(0, mAdapter.getPageCount());
}

private void layoutChildrenOfPages(int fromPage, int toPage) {
    //1\. 获取网格控件的宽度和高度（即每屏的大小）
    int contentWidth = mWidth - getPaddingLeft() - getPaddingRight();
    int contentHeight = mHeight - getPaddingTop() - getPaddingBottom();
    //2\. 遍历每一屏
    for (int j = fromPage; j < toPage; j++) {
        //3\. 获取第j屏的行数和列数
        int column = mAdapter.getPageColumn(j);//列数
        int row = mAdapter.getPageRow(j);//行数
        //4\. 根据行数和列数以及网格控件的大小，将当前j屏平均划分成 column * row 个小格
        float itemWidth = (contentWidth) * 1.0f / column;//每个小格的宽度
        float itemHeight = (contentHeight) * 1.0f / row;//每个小格的高度

        int pageWidth = 0;//每屏的宽度不一定是充满网格控件的宽度的，有可能当前屏宽度只有一半，所以需要记录当前屏的宽度具体是多少

         //5\. 遍历当前j屏下的每个卡位
        for (int i = 0; i < mAdapter.getChildCount(j); i++) {
            //6\. 获取当前卡位的位置、大小信息
            ItemCoordinate childCoordinate = mAdapter.getChildCoordinate(j, i);
            if (childCoordinate == null) {
                //7\. 如果当前卡位没有对应的位置大小信息
                continue;
            }
            int pointStartX = childCoordinate.start.x;
            int pointStartY = childCoordinate.start.y;
            int pointEndX = childCoordinate.end.x;
            int pointEndY = childCoordinate.end.y;

            //8\. 根据卡位的布局信息（位置，长度）计算卡位的大小
            int width = (int) ((pointEndX - pointStartX) * itemWidth);
            int height = (int) ((pointEndY - pointStartY) * itemHeight);

            //9\. 根据卡位的布局信息（位置，长度）计算卡位的位置，直接计算处于父控件坐标系下的绝对位置
            int marginLeft = (int) (pointStartX * itemWidth + contentWidth * j);
            int marginTop = (int) (pointStartY * itemHeight);

            if (marginLeft < 0) {
                marginLeft = 0;
            }
            if (marginTop < 0) {
                marginTop = 0;
            }

            //10\. 获取卡位的样式，想长啥样，Adapter 自己决定
            View view = mAdapter.getChildView(j, i, width, height);
            if (view == null) {
                //11\. 如果当前位置的卡位没有配置，那么就不参与布局中
                continue;
            }

            //12\. 通过 LayoutParams 来进行布局，参数传进卡位大小，
            LayoutParams params = new LayoutParams(width - mItemSpace * 2, height - mItemSpace * 2);//扣除间距

            //13\. 通过 leftMargin,topMargin 来决定卡位的位置
            params.topMargin = marginTop + mItemSpace;
            params.leftMargin = marginLeft + mItemSpace;
            //14\. 将卡位信息直接存储在卡位的 LayoutParams 中，方便后续直接使用
            params.itemCoordiante = childCoordinate;
            params.pageIndex = j;

            //15\. 记录当前屏的长度，因为每一屏不一定会充满整个父控件，可能一个Tab下有三屏，但第二屏只配置了一半的卡位
            int maxWidth = marginLeft + width - contentWidth * j;
            pageWidth = Math.max(pageWidth, maxWidth);

            //16\. 记录这个 Tab 下的网格控件的总长度
            int maxRight = marginLeft + width;
            mRightEdge = Math.max(mRightEdge, maxRight);

            //17\. 记录每一屏的第一个卡位，方便后续如果需要操作默认焦点
            if (childCoordinate.start.x == 0 && childCoordinate.start.y == 0) {
                mFirstChildOfPage.put(j, view);
            }

            //18\. 添加进父容器中，完成布局
            if (j == 0 && childCoordinate.start.x == 0 && childCoordinate.start.y == 0) {
                addView(view, 0, params);
            } else {
                addView(view, params);
            }   
        }
    }
}

static class ItemCoordinate {
    public Point start;//左上角坐标
    public Point end;//右下角坐标
}

private static class LayoutParams extends FrameLayout.LayoutParams {
    ItemCoordinate mItemCoordinate;//卡位的位置、大小信息
    int pageIndex;//卡位属于哪一屏的

    ...
}