首页 > 代码库 > iOS UI基础 九宫格算法

iOS UI基础 九宫格算法

 

 

案例分析:

分析:

 

 

 

 

代码案例实现:

//

//  ViewController.m

//  01-九宫格算法

//

//  Created by FlyLee on 14-9-12.

//  Copyright (c) 2014年 FLYLEE.CN. All rights reserved.

//

 

#import "ViewController.h"

 

@interface ViewController ()

/*

 数据容器

 */

@property (nonatomic,strong) NSArray *apps;

 

@end

 

@implementation ViewController

 

//懒加载

- (NSArray *)apps

{

    if (_apps == nil) {

        

        // 1.获得plist文件的全路径

        NSString *path = [[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil];

        

        // 2.加载数组

        _apps = [NSArray arrayWithContentsOfFile:path];

        

    }

    return _apps;

}

 

- (void)viewDidLoad

{

    [super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

    

    //1. 每一行的列数

    int totalCol = 3;

    

    //2.每一个格子的尺寸及y值的常量

    CGFloat appW = 85;

    CGFloat appH = 90;

    CGFloat startY = 30; //设置Y的初始位置,电池栏20 所以初始位置设置30

    CGFloat marginY = 15; //设置Y的初始间隙空间

    

    //3.间隙 = (控制器view的宽带 - 3 *格子的宽度 ) / 4;

    CGFloat marginX = (self.view.frame.size.width - totalCol * appW) / (totalCol + 1);

    int count = self.apps.count;

    

    //4.根据应用管理的个数,创建格子

    for (int i = 0 ; i < count;  i++) {

        //4.1 创建view

        UIView *appView = [[UIView alloc] init];

        appView.backgroundColor = [UIColor redColor];

        

        //4.2 计算行号和列号

        // i = 0, 1 ,2 / 3 = 0    初始的都是0行开始  0 , 1 ,  2  ,3 ....

        // i = 3, 4 ,5 / 3 = 1

        

        int row = i / totalCol;

        

        // i  =  0 , 3, 6 % 3 = 0 初始的都是0列开始  0 , 1 ,  2  ,3 ....

        // i  =  1, 4 , 7 %3 =  1

        

        int col = i % totalCol;

        

//        4.3  计算x和y

        CGFloat appX = marginX + (appW + marginX) * col;

        CGFloat appY = startY + (appH + marginY) * row;

        

        appView.frame = CGRectMake(appX,appY, appW,appH);

        

        //4.4 添加格子到控制器的view

        [self.view addSubview:appView];

        

    

        

    }

}

 

- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

 

@end

 

iOS UI基础 九宫格算法