iOS_九宫格代码

最新推荐文章于 2018-10-25 16:32:45 发布

原创最新推荐文章于 2018-10-25 16:32:45 发布 · 503 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#九宫格

IOS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用Swift或Objective-C布局iOS应用图标的方法。通过计算每个图标的坐标位置，实现均匀分布的应用图标网格布局。文章提供了详细的代码示例，包括如何设定图标之间的间距、图标大小及起始位置。

//假设每行应用的格数
    int colums = 3;
    //获取控制器所管理view的宽度
    CGFloat viewWith = self.view.frame.size.width;
    //设置第一行距离顶部的高度
    CGFloat marginTop = 40;
    //每个应用的宽度和高度
    CGFloat appW = 75;
    CGFloat appH = 90;
    CGFloat marginX = (viewWith - colums * appW) / (colums + 1);
    CGFloat marginY = marginX;
    
    for (int i = 0; i < self.apps.count; i++) {
        
        //创建UIView
        UIView *appView = [[UIView alloc] init];
        
        //计算每个单元格所在列的索引
        int colInx = i % colums;
        //计算每个单元格所在行的索引
        int rowInx = i / colums;
        
        //设置UIView属性frame
        CGFloat appX = marginX + colInx * (appW + marginX);
        CGFloat appY = marginTop + rowInx * (appH + marginY);
        appView.frame = CGRectMake(appX, appY, appW, appH);
//        appView.backgroundColor = [UIColor blueColor];
        
        //设置控件
        [self setCompent:appView withAPP:self.apps[i]];