iOS-界面搭建鼻祖_九宫格算法

搭建九宫格的步骤：

明确每一块用的是什么view

明确每个view之间的父子关系

先尝试逐个逐个添加格子，最后考虑使用for循环

加载app数据，根据数据长度创建对应个数的格子

添加格子内部的子控件

给格子内部的子控件装配数据

效果图：

代码：

- (void)viewDidLoad
{
    [super viewDidLoad];
    //搭建界面-九宫格！！
#define kAppViewH 80 //每个小视图高80
#define kAppViewW 80 //每个小视图宽80
#define kColCount 3 //每行视图数量一定，都是三个
#define kStart 20   //适配屏幕，起点20
    CGFloat marginX = (self.view.bounds.size.width - kColCount * kAppViewW) / (kColCount + 1);//每一列的x值一定
    CGFloat marginY = 10;//每一行的Y值一定由行号决定
    for (int i=0; i<12; i++) {
        //行号
        int row = i/kColCount;

        //列号
        int col = i%kColCount;

        //x - 由列号决定
        CGFloat x = marginX + col * (kAppViewW + marginX);

        //y - 由行号决定
        CGFloat y = kStart + marginY + row * (kAppViewH + marginY);

        //CGFloat
        UIView *appView = [[UIView alloc]initWithFrame:CGRectMake(x, y, kAppViewW, kAppViewH)];
        appView.backgroundColor = [UIColor redColor];
        [self.view addSubview:appView];
    }

}

运行结果：