脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → iOS上下拉刷新控件MJRefresh

iOS上下拉刷新控件MJRefresh使用方法详解

 更新时间：2017年03月01日 11:38:34   作者：34码的小孩子  
这篇文章主要为大家详细介绍了iOS上下拉刷新控件MJRefresh的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

MJRefresh是一个好用的上下拉刷新的控件，github地址如下：https://github.com/CoderMJLee/MJRefresh很多app都使用这个控件，我们也来了解一下它的用法。下面主要是介绍在UITableView下的使用。


使用

在github上下载之后，将MJRefresh文件添加到项目中，并且在需要使用的文件上引入MJRefresh.h。然后在该文件的viewDidLoad方法中指定tableView的header和footer，如下：

#import "MJRefreshTableViewController.h"
#import "MJRefresh.h"

@interface MJRefreshTableViewController ()
@property (strong, nonatomic) IBOutlet UITableView *tableView;
@end

@implementation MJRefreshTableViewController

- (void)viewDidLoad {
[super viewDidLoad];

__weak typeof(self) weakSelf = self;
self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
 //刷新时候，需要执行的代码。一般是请求最新数据，请求成功之后，刷新列表
 [weakSelf loadNewData];
}];

self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingBlock:^{
 //刷新时候，需要执行的代码。一般是请求更多数据，请求成功之后，刷新列表
 [weakSelf loadNoreData];
}];
}

/**
 请求获取最新的数据
 */
- (void)loadNewData {
NSLog(@"请求获取最新的数据");

//这里假设2秒之后获取到了最新的数据，刷新tableview，并且结束刷新控件的刷新状态
__weak typeof(self) weakSelf = self;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 //刷新列表
 [weakSelf.tableView reloadData];
 //拿到当前的刷新控件，结束刷新状态
 [weakSelf.tableView.mj_header endRefreshing];
});
}

/**
 请求获取更多的数据
 */
- (void)loadNoreData {
NSLog(@"请求获取更多的数据");

//这里假设2秒之后获取到了更多的数据，刷新tableview，并且结束刷新控件的刷新状态
__weak typeof(self) weakSelf = self;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 //刷新列表
 [weakSelf.tableView reloadData];
 //拿到当前的刷新控件，结束刷新状态
 [weakSelf.tableView.mj_footer endRefreshing];
});
}
@end

按照app的实际情况来说，loadNoreData 和 loadNewData方法应该是发送数据请求，而结束刷新控件的刷新状态应该是在请求失败或者请求成功的方法中调用。

如果是带动图的刷新控件的话，就直接替换在viewDidLoad中的写法即可。

- (void)viewDidLoad {
[super viewDidLoad];

__weak typeof(self) weakSelf = self;
MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];

[header setImages:idleImages forState:MJRefreshStateIdle];
[header setImages:pullingImages forState:MJRefreshStatePulling];
[header setImages:refreshingImages forState:MJRefreshStateRefreshing];

self.tableView.mj_header = header;
}

其中idleImages，pullingImages，refreshingImages是图片数组，分别对应普通闲置状态，松开就可以进行刷新的状态，正在刷新中的状态等的图片。注意，idleImages等图片数组存储的对象是UIImage。

如果只设置了refreshingImages，只要在刷新状态下显示图片，其他状态不显示图片。如果设置了idleImages或者pullingImages其中之一，所有状态下都显示设置的图片。
同理，设置底部带动画效果的footer：

- (void)viewDidLoad {
[super viewDidLoad];

MJRefreshBackGifFooter *footer = [MJRefreshBackGifFooter footerWithRefreshingTarget:self refreshingAction:@selector(endRefreshing)];

[footer setImages:idleImages forState:MJRefreshStateIdle];
[footer setImages:pullingImages forState:MJRefreshStatePulling];
[footer setImages:refreshingImages forState:MJRefreshStateRefreshing];

self.tableView.mj_footer = footer;
}

PO一张效果图：

header.stateLabel.hidden = YES;
header.lastUpdatedTimeLabel.hidden = YES;

如果隐藏右边状态或者更新时间其中一行文字，则显示的一行文字会垂直居中，效果如下：

如果把右边的两行文字都隐藏了，只显示图片，则图片居中，效果如下：

如果觉得动画频率过快或者过低，可以修改MJRefresh以下位置。

使用以下方法还可以修改显示文字

[header setTitle:@"下拉刷新" forState:MJRefreshStateIdle];
[header setTitle:@"释放开始刷新哦~" forState:MJRefreshStatePulling];
[header setTitle:@"正在快马加鞭地刷新着呢" forState:MJRefreshStateRefreshing];

其他控件的用法

UICollectionView 和UIScrollView的用法与UITableView的用法一致，只需将上面所说的tableView.mj_header 改成 collectionView.mj_header 和 scrollView.mj_header 即可。例如：

self.collectionView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
 //刷新时候，需要执行的代码。一般是请求最新数据，请求成功之后，刷新列表
 [weakSelf loadNewData];
}];
self.scrollView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
 //刷新时候，需要执行的代码。一般是请求最新数据，请求成功之后，刷新列表
 [weakSelf loadNewData];
}];

又因UIWebView 自带一个UIScrollView的属性，所以UIWebView也可以使用MJRefresh，用法如下：

self.webView.scrollView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
 //刷新时候，需要执行的代码。一般是请求最新数据，请求成功之后，刷新列表
 [weakSelf loadNewData];
}];

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • iOS开发之自定义UITextField的方法

    iOS开发之自定义UITextField的方法

    UITextField是IOS开发中用户交互中重要的一个控件，常被用来做账号密码框，输入信息框等。本文给大家介绍iOS开发之自定义UITextField的方法，感兴趣的朋友一起学习吧
    2016-05-05
  • iOS计算上次日期距离现在多久的代码

    iOS计算上次日期距离现在多久的代码

    这篇文章主要为大家详细介绍了iOS计算上次日期距离现在多久的代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • iOS 利用动画和贝塞尔实现咻咻效果

    iOS 利用动画和贝塞尔实现咻咻效果

    这篇文章主要介绍了iOS 利用动画和贝塞尔实现咻咻效果的相关资料,需要的朋友可以参考下
    2016-09-09
  • 详解iOS应用开发中Core Data数据存储的使用

    详解iOS应用开发中Core Data数据存储的使用

    这篇文章主要介绍了iOS应用开发中Core Data数据存储的使用,Core Data可以看作是一个内嵌型数据库SQLite的iOS专用版本,需要的朋友可以参考下
    2016-02-02
  • iOS倒计时的实现方法

    iOS倒计时的实现方法

    这篇文章主要为大家详细介绍了iOS倒计时的实现方法，点击进行倒计时准备，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • iOS设置圆角的三种方式

    iOS设置圆角的三种方式

    本文给大家分享ios设置圆角的三种方式，相对来说最简单的一种是第一种方法，具体内容详情参考下本文
    2017-03-03
  • iOS自定义滑杆效果

    iOS自定义滑杆效果

    这篇文章主要为大家详细介绍了iOS自定义滑杆效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-04-04
  • iOS 清除xcode缓存和生成文件的方法

    iOS 清除xcode缓存和生成文件的方法

    下面小编就为大家分享一篇iOS 清除xcode缓存和生成文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • iOS 四种回调方法总结

    iOS 四种回调方法总结

    这篇文章主要介绍了iOS 四种回调方法总结的相关资料,需要的朋友可以参考下
    2016-10-10
  • swift 隐式可选型实例详解

    swift 隐式可选型实例详解

    这篇文章主要介绍了 swift 隐式可选型实例详解的相关资料,需要的朋友可以参考下
    2017-06-06

最新评论