首页 > 代码库 > 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基础 九宫格算法