平常用的刷新用是开源的MJRefresh,这个刷新库想必也是很多开发者比较熟悉的一个库,作者采用继承的方式,不同的层次有不同的功能与UI展示,用起来简洁,方便。
MJ为UIScrollView类写了类别,给UIScrollView增加了mj_header
(下拉刷新)和mj_footer
(上拉加载更多)两个关联对象。 MJ作者李明杰老师的示例用法如下:
- 下拉刷新
__weak typeof(self) weakSelf = self;
self.tableView.mj_header = [MJRefreshHeader headerWithRefreshingBlock:^{
[weakSelf refreshAction];//这里可以做请求网络等操作。
}];
刷新的操作结束后,调用下边方法,结束刷新
[self.tableView.mj_header endRefreshing];
复制代码
- 上拉加载更多
__weak typeof(self) weakSelf = self;
self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingBlock:^{
[weakSelf footerRefreshAction];//请求更多数据
}];
//可以根据请求的结果来以不同的方式结束刷新。
[self.tableView.mj_footer endRefreshing];
[self.tableView.mj_footer endRefreshingWithNoMoreData];
复制代码
以上只是示例,MJ中作者提供来多种不同UI和交互的header和footer供大家选择使用。
平常这样直接按照作者的Demo示例用可以,但是个人总觉得不太好。就想着能够封装下(主要是懒,想省点事)。
先说下基本的需求:一个tableView的列表,每页请求20(注:不同的公司可能不同的每页条数,这里只是举例)条数据,下拉刷新的时候是重新请求第一页的数据,上拉加载更多的时候是请求下一页数据。如果下一页数据还是20条,则认为还有数据,将footr以正常的状态结束刷新。再次上拉加载的时候,还会正常请求下一页的数据。 如果加载出来的数据少于一页的数据条数(20条),那么就认为没有更多数据了,这时就将footer以没有更多数据的状态结束刷新,再进行上拉加载的时候,将不起作用。
我想要的效果是,我外部调用的时候,我只想知道触发去请求刷新和加载更多的时机, 其它的都不想管。
本人目前的实现是:给UITableView写了一个类别(UICollectionView同理。UIScrollView也可以进行下拉刷新,只不过是不用上拉加载更多了)。写了两个方法,分别是下拉刷新和上拉加载的调用。同时增加了两个关联对象:每页的数据条数和一个上拉加载更多后的footer的设置回调的block。 示例代码如下:
#define WeakSelf __weak typeof(self) weakSelf = self;
typedef void(^FooterConfigBlock)(NSInteger newDataCount);
typedef void(^RefreshActionBlock)(FooterConfigBlock footerConfig);
@interface UITableView (Refresh)
/**
每页的数据条数
*/
@property (nonatomic,strong)NSNumber *pageCount;
/**
设置footer的回调
*/
@property (nonatomic,copy)void(^footerConfigBlock)(NSInteger newCount);
/**
header的刷新
@param refreshBlock 刷新的回调,回调block里有个"FooterConfigBlock"的参数,外部调用的时候可以将请求下拉的数据的条数传进来,让方法里边对footer进行设置。eg:如果下拉刷新都没有数据的话,就可以直接将不要footer。
*/
- (void)normalHeaderRefreshingActionBlock:(RefreshActionBlock)refreshBlock;
/**
footer的刷新加载更多
@param footerRefreshBlock 加载更多的回调。回调block里有个"FooterConfigBlock"的参数,外部调用的时候可以将请求下拉的数据的条数传进来,让方法里边对footer进行设置。eg:如果上拉加载返回的数据小于每页的设置条目数量,则认为数据已经加载完毕,可以将footer设置为没有更多数据的状态。
*/
- (void)backNormalFooterRefreshingActionBlock:(RefreshActionBlock)footerRefreshBlock;
@end
@implementation UITableView (Refresh)
#pragma mark --关联对象----------------
- (void)setPageCount:(NSNumber *)pageCount
{
objc_setAssociatedObject(self, @selector(setPageCount:), pageCount, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (NSNumber *)pageCount
{
return objc_getAssociatedObject(self, @selector(setPageCount:));
}
- (void)setFooterConfigBlock:(void (^)(NSInteger))footerConfigBlock
{
objc_setAssociatedObject(self, @selector(setFooterConfigBlock:), footerConfigBlock, OBJC_ASSOCIATION_COPY_NONATOMIC);
}
- (void (^)(NSInteger))footerConfigBlock
{
return objc_getAssociatedObject(self, @selector(setFooterConfigBlock:));
}
#pragma mark --header刷新----------------
- (void)normalHeaderRefreshingActionBlock:(RefreshActionBlock)refreshBlock
{
//如果外部调用的时候不设置每页的数据条目数量pageCount。这里设置一个默认值。
self.pageCount = [self.pageCount integerValue] > 0 ? self.pageCount : @(20);
WeakSelf
//将外部的block给关联对象赋值,如果外部需要内部进行footer和header结束刷新的处理的话,可以传block进来。
self.footerConfigBlock = ^(NSInteger newCount) {
[weakSelf handleEndRefreshing:newCount];
};
self.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
refreshBlock(weakSelf.footerConfigBlock);
}];
}
#pragma mark --footer刷新----------------
- (void)backNormalFooterRefreshingActionBlock:(RefreshActionBlock)footerRefreshBlock
{
//同理设置一个默认的每页数据条目
self.pageCount = [self.pageCount integerValue] > 0 ? self.pageCount : @(20);
WeakSelf
self.footerConfigBlock = ^(NSInteger newCount) {
[weakSelf handleEndRefreshing:newCount];
};
self.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingBlock:^{
footerRefreshBlock(weakSelf.footerConfigBlock);
}];
}
- (void)handleEndRefreshing:(NSInteger)count
{
if (self.mj_header.isRefreshing) {
[self.mj_header endRefreshing];
[self.mj_footer endRefreshing];
}
if (count < [self.pageCount integerValue]) {
[self.mj_footer endRefreshingWithNoMoreData];
}else{
[self.mj_footer endRefreshing];
}
}
#pragma mark --结束刷新-----
//如果外部想自己处理结束刷新,可以为tabelView添加的其它结束刷新的方法。
- (void)beginRefreshing
{
if (!self.mj_header) return;
[self.mj_header beginRefreshing];
}
- (void)endRefrehing
{
if (self.mj_header) {
[self.mj_header endRefreshing];
}
if (self.mj_footer) {
[self.mj_footer endRefreshing];
}
}
@end
复制代码
外部的调用如下:
- (void)configTableView
{
WeakSelf
[self.tableView normalHeaderRefreshingActionBlock:^(FooterConfigBlock _Nonnull footerConfig) {
weakSelf.page = 1;
//上拉刷新触发请求第一页数据。
[weakSelf requestData:^(NSInteger count) {
weakSelf.dataCount = count;
[weakSelf.tableView reloadData];
//请求成功后将数据的条数回调给tableView,让tableVie自己处理footer的设置
footerConfig(count);
} failCallBack:^{
[weakSelf.tableView endRefrehing];
}];
}];
[self.tableView backNormalFooterRefreshingActionBlock:^(FooterConfigBlock _Nonnull footerConfig) {
[weakSelf requestData:^(NSInteger count) {
weakSelf.dataCount += count;
[weakSelf.tableView reloadData];
//请求成功后将数据的条数回调给tableView,让tableVie自己处理footer的设置
footerConfig(count);
} failCallBack:^{
[weakSelf.tableView endRefrehing];
}];
}];
[self.tableView beginRefreshing];
}
- (void)requestData:(void(^)(NSInteger count))successCallBack failCallBack:(void(^)(void))failCallBack
{
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
if (self.page > 5) {
successCallBack(0);
}else{
successCallBack(20);
}
self.page += 1;
});
}
复制代码
以上只是自己的简单封装示例,MJRefresh提供了多种header和footer,可以根据业务或产品的要求自定义并封装适合自己的使用代码。
以上是本人的一些使用总结,如有错误,还请批评指正。谢谢!!!