這兩天研究了一下MJRefresh框架底層實現(xiàn)原理玲昧，下面貼出研究結(jié)果：
#import "ViewController.h"
#import "MJExtension.h"
#import "AFNetworking.h"
#import "UIView+Frame.h"
#import "TopicItem.h"
@interface ViewController ()
//* 請求管理者
@property (nonatomic, weak) AFHTTPSessionManager *mgr;
/** 全部的帖子數(shù)據(jù) */
@property (nonatomic, strong) NSMutableArray *topics;
/** 用來加載下一頁數(shù)據(jù) */
@property (nonatomic, copy) NSString *maxtime;
/******** 下拉刷新-header ********/
/** 下拉刷新控件 */
@property (nonatomic, weak) UIView *header;
/** 下拉刷新控件里面的文字 */
@property (nonatomic, weak) UILabel *headerLabel;
/** 是否為"松開立即刷新" */
@property(nonatomic, assign, getter=isWillLoadingNewData) BOOL willLoadingNewData;
/** 是否為"正在刷新" */
@property(nonatomic, assign, getter=isLoadingNewData) BOOL loadingNewData;
/******** 下拉刷新-header ********/
/******** 上拉刷新-footer ********/
/** 上拉刷新控件 */
@property (nonatomic, weak) UIView *footer;
/** 上拉刷新控件里面的文字 */
@property (nonatomic, weak) UILabel *footerLabel;
/** 是否正在加載更多數(shù)據(jù) */
@property(nonatomic, assign, getter=isLoadingMoreData) BOOL loadingMoreData;
/******** 上拉刷新-footer ********/
@end
@implementation ViewController
#pragma mark - 懶加載
- (AFHTTPSessionManager *)mgr
{
if (!_mgr) {
_mgr = [AFHTTPSessionManager manager];
}
return _mgr;
}
#pragma mark - 初始化
- (void)viewDidLoad {
[super viewDidLoad];
self.tableView.contentInset = UIEdgeInsetsMake(61, 0, 0, 0);
// 集成刷新控件
[self setUpRefresh];
[self loadNewTopics];
}
/**
* 集成刷新控件
*/
- (void)setUpRefresh
{
// 下拉刷新:加載最新的數(shù)據(jù)
UIView *header = [[UIView alloc] init];
header.backgroundColor = [UIColor yellowColor];
header.height = 60;
header.width = self.tableView.width;
header.y = - header.height;
[self.tableView addSubview:header];
self.header = header;
UILabel *headerLabel = [[UILabel alloc] init];
headerLabel.text = @"下拉可以刷新";
headerLabel.width = self.tableView.width;
headerLabel.height = header.height;
headerLabel.textAlignment = NSTextAlignmentCenter;
[header addSubview:headerLabel];
self.headerLabel = headerLabel;
// 上拉刷新:加載更多的數(shù)據(jù)
UIView *footer = [[UIView alloc] init];
footer.backgroundColor = [UIColor orangeColor];
footer.height = 35;
footer.hidden = YES;
self.tableView.tableFooterView = footer;
self.footer = footer;
UILabel *footerLabel = [[UILabel alloc] init];
footerLabel.text = @"上拉可以加載更多";
footerLabel.width = self.tableView.width;
footerLabel.height = footer.height;
footerLabel.textAlignment = NSTextAlignmentCenter;
[footer addSubview:footerLabel];
self.footerLabel = footerLabel;
}
#pragma mark - 數(shù)據(jù)處理
/**
* 加載最新的帖子數(shù)據(jù)
*/
- (void)loadNewTopics
{
// 拼接請求參數(shù)
NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
parameters[@"a"] = @"list";
parameters[@"c"] = @"data";
parameters[@"type"] = @"1";
// 發(fā)送請求
[self.mgr GET:@"http://api.budejie.com/api/api_open.php" parameters:parameters success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) {
// 存儲maxtime
self.maxtime = responseObject[@"info"][@"maxtime"];
// 字典數(shù)組 -> 模型數(shù)組
self.topics = [TopicItem mj_objectArrayWithKeyValuesArray:responseObject[@"list"]];
// 刷新表格
[self.tableView reloadData];
// 結(jié)束刷新
self.loadingNewData = NO;
// 恢復頂部的內(nèi)邊距
[UIView animateWithDuration:0.25 animations:^{
UIEdgeInsets inset = self.tableView.contentInset;
inset.top -= self.header.height;
self.tableView.contentInset = inset;
}];
// 有數(shù)據(jù)了
self.footer.hidden = NO;
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
NSLog(@"請求失敗 - %@", error);
// 結(jié)束刷新
self.loadingNewData = NO;
// 恢復頂部的內(nèi)邊距
[UIView animateWithDuration:0.25 animations:^{
UIEdgeInsets inset = self.tableView.contentInset;
inset.top -= self.header.height;
self.tableView.contentInset = inset;
}];
}];
}
/**
* 加載更多的帖子數(shù)據(jù)
*/
- (void)loadMoreTopics
{
// 拼接請求參數(shù)
NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
parameters[@"a"] = @"list";
parameters[@"c"] = @"data";
parameters[@"type"] = @"1";
parameters[@"maxtime"] = self.maxtime;
// 發(fā)送請求
[self.mgr GET:@"http://api.budejie.com/api/api_open.php" parameters:parameters success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) {
// 存儲maxtime
self.maxtime = responseObject[@"info"][@"maxtime"];
// 字典數(shù)組 -> 模型數(shù)組
NSArray *moreTopics = [TopicItem mj_objectArrayWithKeyValuesArray:responseObject[@"list"]];
[self.topics addObjectsFromArray:moreTopics];
// 刷新表格
[self.tableView reloadData];
// 結(jié)束刷新
self.loadingMoreData = NO;
self.footerLabel.text = @"上拉可以加載更多";
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
NSLog(@"請求失敗 - %@", error);
// 結(jié)束刷新
self.loadingMoreData = NO;
self.footerLabel.text = @"上拉可以加載更多";
}];
}
#pragma mark - 代理方法
/**
* 當scrollView在滾動,就會調(diào)用這個代理方法
*/
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
// 處理下拉刷新
[self dealLoadNewData];
// 處理上拉加載更多
[self dealLoadMoreData];
}
/**
* 當用戶手松開(停止拖拽),就會調(diào)用這個代理方法
*/
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
if (self.willLoadingNewData == NO || self.loadingNewData) return;
// 增加頂部的內(nèi)邊距
[UIView animateWithDuration:0.25 animations:^{
UIEdgeInsets inset = self.tableView.contentInset;
inset.top += self.header.height;
self.tableView.contentInset = inset;
}];
// 修改文字
self.headerLabel.text = @"正在刷新數(shù)據(jù)...";
// 正在刷新
self.loadingNewData = YES;
// 發(fā)送請求
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[self loadNewTopics];
});
}
/**
* 處理下拉刷新
*/
- (void)dealLoadNewData
{
if (self.loadingNewData) return;
CGFloat offsetY = - (64 + self.header.height);
if (self.tableView.contentOffset.y <= offsetY) {
self.headerLabel.text = @"松開立即刷新";
self.willLoadingNewData = YES;
} else {
self.headerLabel.text = @"下拉可以刷新";
self.willLoadingNewData = NO;
}
}
/**
* 處理上拉加載更多
*/
- (void)dealLoadMoreData
{
// 如果沒有數(shù)據(jù) 或者 正在上拉刷新, 直接返回
if (self.topics.count == 0 || self.loadingMoreData) return;
CGFloat offsetY = self.tableView.contentSize.height + self.tableView.contentInset.bottom - self.tableView.height;
if (self.tableView.contentOffset.y >= offsetY) {
self.loadingMoreData = YES;
// 更改文字
self.footerLabel.text = @"正在加載更多的數(shù)據(jù)...";
// 加載更多的帖子數(shù)據(jù)
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[self loadMoreTopics];
});
}
}
#pragma mark - 數(shù)據(jù)源
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return self.topics.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
}
TopicItem *item = self.topics[indexPath.row];
cell.textLabel.text = item.name;
cell.detailTextLabel.text = item.text;
return cell;
}
@end
效果
實現(xiàn)原理
在tableView上加上一個View，注意不是headerView长窄，而是一個Y值為負數(shù)的普通View养篓，下拉時候監(jiān)聽偏移量，改變View的內(nèi)容顯示民褂。
在tableView下面加上一個footerView，監(jiān)聽偏移量疯潭，當footerView完全顯示的時候加載更多數(shù)據(jù)赊堪。
基本代碼已貼，有不清楚的可以討論交流竖哩。
