练习:团购界面搭建(xib 封装,刷新数据增加 cell)


整体思路梳理:
    1、拖建 tableView,拖线到 ViewController 界面,创建一个普通数组(“ tg”)用于记录数据
    2、拖图片和 plist 文件
    3、创建LCGTgModel类来建立一个模型,并写入 kvc
    4、懒加载“ tg”,并进行字典转模型
    5、设定tableView 的行数和 cell 内容
    6、发现用 xib 对 cell 内容进行设置会使得代码扩展性较好。于是,创建一个 LCGTgCell.xib,对 cell 的基本界面进行拖控件布局,然后创建一个纯净的类(LCGTgCell)来描述  LCGTgCell.xib(注意创建时候选择subclass of UITableViewCell)。在 LCGTgCell.xib 中修改属性,使得 LCGTgCell.xib与LCGTgCell类建立起联系,并且对 xib 上的控件进行拖线。
    7、在LCGTgCell类中创建一个LCGTgModel类的模型属性,用重写 set方法的方式实现对 LCGTgCell.xib 中各个控件进行赋值。
    8、由于使用了LCGTgCell类和LCGTgCell.xib来描述 cell,所以在控制器中实现 cell 方法时候所创建的 cell 应该是遵循LCGTgCell类中的 cell,因此下图中( cell. tg =tgs)这一步就可以直接调用到LCGTgCell类中LCGTgModel类的模型属性的 set 方法,而由于该 set 方法上一步已经进行过重写,所以 tableView 中的 各个cell 就顺理成章的进行了赋值。
    9、cell 设置完毕后开始弄屏幕下方的家在更多数据的按钮。首先屏幕底部的按钮也是属于 tableView 里面的footerView(底部视图),所以也可以考虑用 xib 进行设置。
    10、同样先创建LCGFooterView.xib 文件,然后拖一个空白 view 做底板,再拖上一个按钮,最后再拖上一个空白 view 做加载中的效果(这个 view 跟前一句中的按钮是同一个级别,但是这个 view 在默认状态下是隐藏的,在此 view 上加一个 label 和“圈圈”)。然后创建一个纯净的类(LCGFooterView)来描述  LCGFooterView.xib(注意创建时候选择subclass of UIView)。在 LCGFooterView.xib 中修改属性,使得 LCGFooterView.xib与LCGFooterView类建立起联系,并且对 xib 上的控件进行拖线。
    11、创建监听LCGFooterView.xib 中按钮的事件。在控制器中添加 并实现方法( -( void )loadMoreData;),然后再LCGFooterView类中 创建 ViewController类的属性( loadVc)。在监听按钮事件中,先让按钮隐藏,view 显形,然后用延迟执行代码的方法执行一段代码段(代码段中用 loadVc调用方法( -( void )loadMoreData;),然后让按钮显形,view 再次隐藏)。
    12、关于第11点的方法是一个耦合性非常高的一个方法,对控制器的依赖十分严重。而且对代码将来的延展性非常差,所以在下一篇文章中将对其进行改进,用代理的方式来是实现。

练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
  练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
 
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿  练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
练习:团购界面搭建(xib 封装,刷新数据增加 cell) - 光 - 程序猿
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值