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

来源:互联网 发布:阿里云免费 编辑:程序博客网 时间:2024/06/05 20:50

搭建九宫格的步骤:

明确每一块用的是什么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];    }}

运行结果:
这里写图片描述

0 1
原创粉丝点击