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 给需要接收数据的参数赋值