在UIView中添加多个大小一样的框框 (小View)

 

效果图为

代码如下

<span style="font-size:18px;">- (void)viewDidLoad {
    [super viewDidLoad];
    //添加应用信息
    
    //1.总列数
    int totalcolumns = 3;
    
    //2.应用(一个小框框）的尺寸
    CGFloat appwith = 80;
    CGFloat appheight = 90;
    
    //3.水平方向上的间隙  （屏幕的宽度-总列数*应用的宽度)/(总列数+1)
    CGFloat marginX = (self.view.frame.size.width - totalcolumns*appwith)/(totalcolumns+1);
    //4.垂直方向上的间隙
    CGFloat marginY = 15;
    
    //5.根据个数创建对应的框框（ index 0 ~ index 17)
    for (int index = 0; index < 18; index++) {
        //创建小框框
        UIView *appView = [[UIView alloc]init];
        //设置背景色
        appView.backgroundColor = [UIColor greenColor];
        
        /**计算框框的位置*/
        
          //计算行号:
        int row = index / totalcolumns;
          //计算列号:
        int col = index % totalcolumns;
        
        //计算每个框框的坐标
          //x：水平方向上的间隙+（框框的宽度+水平方向的间隙）*列号
        CGFloat appx = marginX + (appwith + marginX) * col;
           //y：垂直方向上的间隙（或者自己设定）+（框框的高度+垂直方向的间隙）*行号
        CGFloat appy = 40 + (appheight + marginY) * row;
        
        //设置frame
        appView.frame = CGRectMake(appx, appy, appwith, appheight);
        
        //将小框框添加到控制器的view中
        [self.view addSubview:appView];
        
        }
    
}
</span>