九宫格排布

在我们设置UI时，肯定会遇到设置九宫格的效果：

如上图所示，我们如何让图片展示出来哪？
首先我们会发现：
每行的图片的 y 值是一样的-> 行数决定 y 值
每列的图片的 x 值是一样的-> 列数决定 x 值
综上所述：我们只要知道每张图片的 行数 和 列数 那么，它的坐标自然就肯定了

我们怎样确定 行数 和 列数那？
我们发现 (图片的索引 / 3 ) 就是图片的行数，(图片的索引 % 3 ) 就是图片的列数

那接下来直接上代码：

    CGFloat iconViewW = 85; // 图片宽度
    CGFloat iconViewH = 90; // 图片高度
    int row = 3; // 排数
    // 间距
    CGFloat iconViewMargin = (self.view.frame.size.width - 3 * iconViewW) / (row + 1);

        for (int index = 0; index < 9; index++) {
        UIView *iconView = [[UIView alloc] init];
        iconView.backgroundColor = [UIColor brownColor];

        // 行号
        int line = index / row;
        // 列号
        int column = index % row;
            // x坐标
        CGFloat iconViewX = column *(iconViewW + iconViewMargin) + iconViewMargin;
            // y坐标
        CGFloat iconViewY = line * (iconViewH + iconViewMargin) + iconViewMargin;
        iconView.frame = CGRectMake(iconViewX, iconViewY, iconViewW, iconViewH);
        [self.view addSubview:iconView];
    }

看下边的显示结果：