iOS-MJRefresh框架底层实现原理

ゞ浴缸里的玫瑰 2022-06-17 06:48 172阅读 0赞

这两天研究了一下MJRefresh框架底层实现原理，下面贴出研究结果：

#import "ViewController.h"
    #import "MJExtension.h"
    #import "AFNetworking.h"
    #import "UIView+Frame.h"
    #import "TopicItem.h"
    
    @interface ViewController ()
    
    //* 请求管理者 
    @property (nonatomic, weak) AFHTTPSessionManager *mgr;
    /** 全部的帖子数据 */
    @property (nonatomic, strong) NSMutableArray *topics;
    /** 用来加载下一页数据 */
    @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;
    /** 是否正在加载更多数据 */
    @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
    {
        // 下拉刷新:加载最新的数据
        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;
    
        // 上拉刷新:加载更多的数据
        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 - 数据处理
    /** * 加载最新的帖子数据 */
    - (void)loadNewTopics
    {
        // 拼接请求参数
        NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
        parameters[@"a"] = @"list";
        parameters[@"c"] = @"data";
        parameters[@"type"] = @"1";
    
        // 发送请求
        [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"];
    
            // 字典数组 -> 模型数组
            self.topics = [TopicItem mj_objectArrayWithKeyValuesArray:responseObject[@"list"]];
    
            // 刷新表格
            [self.tableView reloadData];
    
            // 结束刷新
            self.loadingNewData = NO;
            // 恢复顶部的内边距
            [UIView animateWithDuration:0.25 animations:^{
                UIEdgeInsets inset = self.tableView.contentInset;
                inset.top -= self.header.height;
                self.tableView.contentInset = inset;
            }];
    
            // 有数据了
            self.footer.hidden = NO;
        } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
            NSLog(@"请求失败 - %@", error);
            // 结束刷新
            self.loadingNewData = NO;
            // 恢复顶部的内边距
            [UIView animateWithDuration:0.25 animations:^{
                UIEdgeInsets inset = self.tableView.contentInset;
                inset.top -= self.header.height;
                self.tableView.contentInset = inset;
            }];
        }];
    }
    
    /** * 加载更多的帖子数据 */
    - (void)loadMoreTopics
    {
        // 拼接请求参数
        NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
        parameters[@"a"] = @"list";
        parameters[@"c"] = @"data";
        parameters[@"type"] = @"1";
        parameters[@"maxtime"] = self.maxtime;
    
        // 发送请求
        [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"];
    
            // 字典数组 -> 模型数组
            NSArray *moreTopics = [TopicItem mj_objectArrayWithKeyValuesArray:responseObject[@"list"]];
            [self.topics addObjectsFromArray:moreTopics];
    
            // 刷新表格
            [self.tableView reloadData];
    
            // 结束刷新
            self.loadingMoreData = NO;
            self.footerLabel.text = @"上拉可以加载更多";
        } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
            NSLog(@"请求失败 - %@", error);
    
            // 结束刷新
            self.loadingMoreData = NO;
            self.footerLabel.text = @"上拉可以加载更多";
        }];
    }
    
    #pragma mark - 代理方法
    /** * 当scrollView在滚动,就会调用这个代理方法 */
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        // 处理下拉刷新
        [self dealLoadNewData];
    
        // 处理上拉加载更多
        [self dealLoadMoreData];
    }
    
    /** * 当用户手松开(停止拖拽),就会调用这个代理方法 */
    - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
    {
        if (self.willLoadingNewData == NO || self.loadingNewData) return;
    
        // 增加顶部的内边距
        [UIView animateWithDuration:0.25 animations:^{
            UIEdgeInsets inset = self.tableView.contentInset;
            inset.top += self.header.height;
            self.tableView.contentInset = inset;
        }];
    
        // 修改文字
        self.headerLabel.text = @"正在刷新数据...";
    
        // 正在刷新
        self.loadingNewData = YES;
    
        // 发送请求
        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
    {
        // 如果没有数据 或者 正在上拉刷新, 直接返回
        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 = @"正在加载更多的数据...";
    
            // 加载更多的帖子数据
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                [self loadMoreTopics];
            });
        }
    }
    
    #pragma mark - 数据源
    - (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

##### 效果 #####

![strip][]

##### 实现原理 #####

在tableView上加上一个View，注意不是headerView，而是一个Y值为负数的普通View，下拉时候监听偏移量，改变View的内容显示。  
在tableView下面加上一个footerView，监听偏移量，当footerView完全显示的时候加载更多数据。

[strip]: /images/20220617/f08880da85f84f04b31f84efaa725858.png