1.分析界面由哪些控件组成?
界面有两行,可以用tableView的静态cell来搭建
注意:静态cell只能通过storyBoard来加载.xib不可以
下面还有一个九宫格样式的view 我们可以用tableView的footView来搭建
view里面九宫格样式的内容我们可以用UICollectionView来搭建
UICollectionView作为tableView的footView
2.分析用什么方式搭建界面
因为界面是固定的 我们可以是用xib 但是要用静态cell 那么只能用storyBoard
3.怎么把storyBoard的界面显示出来
3.1 第一种方法:首先要勾选 Is Initial View Controller (箭头指向控制器)
加载storyBoard
UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"XTMeViewController" bundle:nil];
加载storyBoard中箭头指向控制器
XTMeViewController *meVc = [storyboard instantiateInitialViewController];
3.2 第二种方法: 首先要给控制器绑定标识
加载指定标识的控制器.
UIViewController *vc = [storyBoard instantiateViewControllerWithIdentifier:@"VCStoryBoardID"];
4.UICollectionView的使用
UICollectionView使用步骤: 1.创建流水布局,初始化UICollectionView 2.设置数据源 3.cell必须注册
4.自定义Cell
4.1 通过all init创建collectionView 发现显示不了?
collectionView必须设置布局参数才能展示(流水布局,瀑布流)
默认创建出来的collectionView是黑色的
// 创建流水布局
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
// 创建UICollectionView:黑色
UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, 0, 200) collectionViewLayout:layout];
4.2 collectionView怎么展示数据
collectionView要展示数据必须要有数据源(和tableView比较像)
4.3 collectionView每一个格子叫做cell(item)
4.4 collectionView的cell(Item)里面没有默认的子控件,我们使用cell需要自定义 通过xib描述
4.5 加载collectionView的cell 必须要通过注册的方法加载 才能做缓存处理
只要使用了forIndexPath获取缓存池中cell,必须通过注册
UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:ID forIndexPath:indexPath];
4.6 collectionView尺寸怎么设置?
去 UICollectionView头文件去查找size 找不到
那么我们去布局参数( UICollectionViewFlowLayout)头文件里面查找 找到很多可以设置的属性
layout.itemSize = CGSizeMake(itemWH, itemWH); 设置cell尺寸
layout.minimumLineSpacing = margin; 设置行间距
layout.minimumInteritemSpacing = margin; 设置列间距
注意:实际的列间距不一定就是我们设置的大小 它内部会自动根据每一行展示cell的个数来进行调整
所以想要固定列间距 那么我们就要根据列间距来计算每个cell的宽度
4.7 怎么设置collectionView的分割线?
想要什么颜色的分割线 就给collectionView设置什么颜色的背景色 然后设置行间距和列间距 这样就能看到分割线的效果
5.抽取方法
5.1 为什么要抽取方法
创建collectionView和设置布局参数代码放在一起,阅读性太差
5.2 怎么抽取
两种抽取方式
5.2.1 常规方法抽取
1.先分析需要抽取几个方法, 怎么分析?
先划分模块 设置同一个模块的代码抽取到一个方法里面
比如:设置布局参数抽取一个方法 创建collectionView抽取一个方法
2.先写出一个没有参数没有返回值的方法名 - (void) xxxx;
3.把代码拷贝进方法里面
4.如果报错误,那么我们就根据错误补全参数或者返回值
优点:通俗易懂 各个阶段的人都能看明白
缺点:代码太分散 不易阅读和修改
5.2.2 大神抽取法(装逼特技)
1.这种方法和逗号表达式的原理差不多,都是等于最后一个数据的值
2.一般用于封装控件,能做到高内聚
3.格式为: int i = ({
int a = 2;
int b = 3;
int c = 4;
i = a + b + c;
});
结果为 i = a + b + c = 9;
// 一般用于封装控件
` // 思想:高聚合(代码聚合) 低耦合
// 创建流水布局
UICollectionViewFlowLayout *layout = ({
layout = [[UICollectionViewFlowLayout alloc] init];
CGFloat margin = 1;
NSInteger cols = 4;
CGFloat itemWH = (XMGScreenW - (cols - 1) * margin) / cols;
layout.itemSize = CGSizeMake(itemWH, itemWH);
layout.minimumLineSpacing = margin;
layout.minimumInteritemSpacing = margin;
layout;
});
优点:高内聚,阅读性好 代码容易修改
缺点:一般只能用于封装控件 需要积累一定的知识才能掌握
6.加载数据
6.1 查看接口文档(基本url , 请求方式 , 请求参数)
6.2 用AFN发送网络请求
6.2.1创建请求会话管理者对象
6.2.2拼接请求参数
6.2.3发送请求
6.3 解析数据(写成plist文件)
6.4 设计模型
6.5 字典转模型
6.6 展示数据 (如果是tableView 或 collectionView 需要刷新表格 reloadData)
6.6.1 在cell里面定义模型属性来接收模型数据
6.6.2 拖线,获取xib中的控件
6.6.3 重写cell模型属性的set方法
6.6.4 给需要接收数据的参数赋值
