ios UITableView封装之下拉-上提-图片异步加载

文献：http://www.verydemo.com/demo_c134_i43085.html

写在前面

做过移动端开发的人都知道，列表控件是最常用的控件之一。iOS里的列表控件是UITableView，其实Apple的开发人员对于UITableView的设计已经够好的了(简单易用，扩展性非常强等等)。

但对于展示逻辑单一的移动端系统软件，你还是能感觉到有些繁琐(或许是程序员天生就有些懒惰的毛病吧)。

来看看它到底繁琐在哪儿了。首先，它的使用频率太高了；第二，它通常不是只呈现一下数据就完事了，一般都会跟随下拉刷新、上提加载更多功能，当然通常还要跟网络下载数据、图片打交道；第三，MVC模式是ios开发的惯用模式，随之而来的是一大堆协议的实现(无论你是再写一次也好，拷贝也罢，反正做这些工作都让人觉得索然无味)。

冲着这些，今天就把UITableView常见的使用模式封装了一下。具体做了以下几件事：

1、  内嵌了下拉刷新(EGORefreshTableHeaderView)、上提加载更多(LoadMoreTableFooterView)

2、  内置实现了UITableViewDataSource、UITableViewDelegate这两个通常必须实现的协议，对于自实现的逻辑以Block的形式对客户代码开放

3、  内置实现了1中提到的两个组件的回调协议，同上，自实现的逻辑以Block的形式对外开放

4、  内置实现了EGORefreshTableHeaderView、LoadMoreTableFooterView与UITableView交互必须实现的UIScrollViewDelegate协议

5、  内置实现了异步图片下载(可选)

 

你可以到我的上，查看源码。称它为ELTableViewController是取了EGORefreshTableHeaderView以及LoadMoreTableFooterView的首字母。

这份代码中包含了一个示例程序以及三个必备组件：

1、  EGORefreshTableHeaderView

2、  LoadMoreTableFooterView(修改版，原版不能适应任何尺寸的高度)

3、  Apple官方提供的异步下载UITableView中的图片的示例组件(IconDownLoader)，这个只适用于下载类似于社交网络中的用户头像，不建议使用它来下载那些大图片，因为它甚至都没有缓存(如果图片很大，推荐使用SDImage)

代码解读

它已经内置实现了这些协议，所以在你使用它的时候，无需设置和实现。

[cpp] view plaincopy

对于不断变化的业务逻辑，这里提供了所有需要实现的block：

[cpp] view plaincopy

[cpp] view plaincopy

[cpp] view plaincopy

2. andLoadMoreFooterViewEnabled:(
4. - (id)initWithRefreshHeaderViewEnabled:(
5.           andLoadMoreFooterViewEnabled:(

[cpp] view plaincopy

7.     
11.     
15.     
19.     
21.                                        reason:@
23.     
26. - (
27.     
33. - (
34.     
44. - (
45.     
49. -(
50.     
60. -(
61.     
65.     
69. -(
73. -(
75.     
82. -(
84.     
86.     }
90.     
95. -(
96.     
102. -(
103.     

ELTableViewController 的使用

创建一个新的controller继承自：ELTableViewController；

override父类的initBlocks方法：

[cpp] view plaincopy

2. - (
5.     [self.dataSource addObject:@
6.     [self.dataSource addObject:@
7.     [self.dataSource addObject:@
8.     [self.dataSource addObject:@
9.     [self.dataSource addObject:@
10.     [self.dataSource addObject:@
11.     [self.dataSource addObject:@
12.     [self.dataSource addObject:@
13.     [self.dataSource addObject:@
16. - (
19.     
21.         [blockedSelf.dataSource addObject:@
22.         [blockedSelf.dataSource addObject:@
23.         [blockedSelf.dataSource addObject:@
24.         [blockedSelf.dataSource addObject:@
25.         [blockedSelf.dataSource addObject:@
30.         NSLog(@
33.     
38.         NSLog(@
41.     
44.         [blockedSelf.dataSource addObject:@
45.         [blockedSelf.dataSource addObject:@
46.         [blockedSelf.dataSource addObject:@
47.         [blockedSelf.dataSource addObject:@
48.         [blockedSelf.dataSource addObject:@
53.         NSLog(@
56.     
61.         NSLog(@
67.         
73.         NSLog(@
75.         
79.         NSLog(@
80.         
84.         NSLog(@

[cpp] view plaincopy

最后，你在实例化该controller的时候，可以指定是否使用上提和下拉

[cpp] view plaincopy

写在最后

写完之后，我用它重构了一下快易博中，新浪微博的几个视图。也省掉了一些冗余代码，如果当初在开发的时候就使用它的话，感觉还是省了一些功夫的。

它其实也还是比较简单的封装，所以还不是很具有业务相关性，同时也可见它还有很多可继续增强的功能：

1、  封装增删改查功能

2、  封装加载、操作时动画

3、  封装网络加载的统一实现

……………….

推荐两篇讲ios block非常不错的文章：

http://lldong.github.com/blog/2011/12/30/blocks/

http://yannickloriot.com/2011/11/working-with-blocks/

源码地址：

https://github.com/yanghua/ELTableViewController