IOS之UI--小实例项目--添加商品和商品名（纯代码终结版）

前言：这个小实例项目是完完全全以MJ视频传授的优化方案一步一个思路从零开始敲出代码的，而且每一步都有思路，都有逻辑所以然。敲代码讲究思路，我个人不建议记忆太多东西，反正我记性很差的。

小贴士：文章末尾有 项目资源 的百度云下载链接。

小实例项目--添加商品和商品名

好，现在完成了 plist文件的数据 --转换到--> 集合对象存储这些数据 ,接下来根据MVC的原则，我们当然需要一个Model(数据模型)，

所以需要新建数据模型类，同时这里需要类前缀，类前缀设置一下可以一劳永逸：

设置类前缀：

新建数据模型：

到这里MVC中的Model准备好了，接着就要准备View了：

为了能够将控件给多个控制器共享

• 继承自系统自带的控件，写一个属于自己的控件
• 目的：封装控件内部的细节，不让外界关心
• 步骤：
  • 新建一个继承UIView的类
  • 在init方法中添加子控件
  • 在layoutSubViews方法中设置子控件的frame
    • 一定要调用[super layoutSubView]
  • 提供一个模型属性(我个人发现：其实可以直接通过初始化方法传入局部参数，然后局部就使用这个模型属性)，重写模型属性的set方法
    • 在set方法中取出模型属性，给对应的子控件赋值

因为继承自UIView，所以就具有UIView的属性。
比如frame属性，比如addSubView方法，以及可以重写专门用来布局子控件的layoutSubViews方法

layoutSubviews这个方法专门用来布局子控件，设置子控件的frame

-(void)layoutSubviews
{
    //这个方法必须要实现
    [super layoutSubviews];
}

思考一下自定义控件在这个MVC综合项目应该怎么去自定义和使用：

1、首先因为组合模式，所以需要内部创建两个需要组合的控件：
        UIImageView和UILabel这两个子控件。
2、在什么地方创建这两个组合的控件呢？
        在初始化方法中创建最合适。因为我们需要一创建这个自定义控件，就创建好了两个子控件。
3、另外，创建子控件需要模型数据model，因为一个UIImageView对应一个icon，一个UILabel对应一个商品名称，
   而一个icon和一个UILabel是存储在一个model模型对象中的，所以，还需要创建一个模型对象的引用。    

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

讨 论：接下来说说为什么要在layoutSubView中，实现子控件的frame的设置，而不仅仅只在初始化方法里通过WithFrame: (CGRect)frame传入需要的父控件frame，然后通过父控件的frame设置子控件的frame呢？或者是通过声明一个property的 Frame属性，然后重写这个frame的set方法：

1 -(void)setFrame:(CGRect)frame
2 {
3     _frame = frame;
4 }   

解 答：因为按照"讨论"的问题说法，不管外部通过初始化方法里传入父控件的frame，还是通过点访问符号或者是setFrame方法传入父控件的 frame都会调用layoutSubView方法，还有，在这个父控件的类中，初始化方法内部也要通过点访问符号调用自己的frame，只要点访问 frame都会调用layoutSubView方法，那么还不如直接在layoutSubView中写好设置子控件的布局位置。

另外：只要 一个控件的frame一变化，就会调用layoutSubView方法，这一点可以通过按钮点击事件，按钮监听一个改变组件的frame属性方法，这个方 法实现执行点击一次就改变这个控件的frame，然后在这个控件的类中的layoutSubView方法中写出打印frame的方法。

所以下面的代码基本不变化的思路就是，在父控件类的初始化方法中仅仅通过alloc-init来初始化子控件，然后在layoutSubView方法中初始化子控件的frame。

九宫格算法思路：

逻辑过程描述：每点击一次，添加一次图片，而且一行添加超过三次会换行，而且所占位置是父控件的行距离的三分之一。
需要解决问题细分三点：
    1、每点击一次，添加一次图片
    2、一行添加超过三次换行
    3、所在位置是父控件行距离的三分之一

问题1解决思路：每点击一次，变化的是子控件添加1，所以可以通过父控件的子控件数来获取动态数据数值 n ：

int n = (int)self.shopsBoxView.subView.count

问题2解决思路：只要涉及到换行可以考虑求余数或者求模：

//行数：row 列：column
int row = n / 3;
int column = n % 3;

然后是九宫格的这个格子的坐标
(0,0)(0,1)(0,2)
(1,0)(1,1)(1,2)
(2,0)(2,1)(2,2)
结合对应子控件的个数的次第
 1，2，3
 4，5，6
 7，8，9

• 简单讲解一下逻辑关系，当我们第一次添加子控件之前，子控件个数count = 0，对应即将添加子控件的坐标是(0,0)，所以：count = 0 -> (0,0);count = 1 -> (0,1);count = 2 -> (0,2)...以此类推

总结：用当前子控件个数，通过求得行列的算法，就能算出对应的九宫格格子的坐标

问题3的解决思路：

通过问题二获取的坐标可以对应算出各需要添加的子控件坐标位置。

上代码算法思路(另外直接写完了按钮在数量达到目标数值会自动变成disEnable状态)：

以上错误更正：九宫格算法的代码行数应该是75~92行。

然后回到HYUIView类中，进行最后的优化。

 到这里，纯代码最优的项目代码就完成了，其实如果用xib文件的话，会让整个项目开发更简单而且更完美，下一博文进行在这个项目的基础上分解xib的使用以及如果优化这个项目，最后让你感觉到开发IOS真的很爽。

 

纯代码源文件下载链接: http://pan.baidu.com/s/1qW3TNu0 密码: ymhc

纯代码资源文件下载链接:http://pan.baidu.com/s/1dDsKQ7B 密码: 1squ