iOS MJRefresh 自定义刷新动画

前言

项目开发中用了MJRefres 刷新控件，但是MJRefresh默认的加载样式感觉比较丑，产品觉得需要换个样式，弄的简洁一点。于是着手看了一下MJRefresh的源码，发现其提供了修改样式的方法。

从MJRefresh的继承图谱来看，带动画的下拉刷新类为：MJRefreshGifHeader，带动画的上拉刷新类为：MJRefreshBackGifFooter。我们只需要分别继承这两个类，然后把加载动画的功能重写一下就可以实现了。

一、自定义下拉刷新动画

自己重新创建一个类：HSRefreshGifHeader，继承 MJRefreshGifHeader。具体代码如下：

#import "MJRefreshGifHeader.h"@interface HSRefreshGifHeader : MJRefreshGifHeader@end

#import "HSRefreshGifHeader.h"@implementation HSRefreshGifHeader#pragma mark - 实现父类的方法
- (void)prepare {[super prepare];//GIF数据NSArray * idleImages = [self getRefreshingImageArrayWithStartIndex:1 endIndex:8];NSArray * refreshingImages = [self getRefreshingImageArrayWithStartIndex:1 endIndex:8];//普通状态[self setImages:idleImages forState:MJRefreshStateIdle];//即将刷新状态[self setImages:refreshingImages forState:MJRefreshStatePulling];//正在刷新状态[self setImages:refreshingImages forState:MJRefreshStateRefreshing];
}- (void)placeSubviews {[super placeSubviews];//隐藏状态显示文字self.stateLabel.hidden = YES;//隐藏更新时间文字self.lastUpdatedTimeLabel.hidden = YES;
}#pragma mark - 获取资源图片
- (NSArray *)getRefreshingImageArrayWithStartIndex:(NSInteger)startIndex endIndex:(NSInteger)endIndex {NSMutableArray * imageArray = [NSMutableArray array];for (NSUInteger i = startIndex; i <= endIndex; i++) {UIImage * image = [UIImage imageNamed:[NSString stringWithFormat:@"Loading_%zd.tiff",i]];if (image) {[imageArray addObject:image];}}return imageArray;
}@end

二、自定义上拉刷新动画

自己重新创建一个类：HSRefreshGifFooter，继承 MJRefreshBackGifFooter。具体代码如下：

#import "MJRefreshBackGifFooter.h"@interface HSRefreshGifFooter : MJRefreshBackGifFooter@end

#import "HSRefreshGifFooter.h"@interface HSRefreshGifFooter ()@end@implementation HSRefreshGifFooter#pragma mark - 实现父类的方法
- (void)prepare {[super prepare];//GIF数据NSArray * idleImages = [self getRefreshingImageArrayWithStartIndex:1 endIndex:8];NSArray * refreshingImages = [self getRefreshingImageArrayWithStartIndex:1 endIndex:8];// 普通状态[self setImages:idleImages forState:MJRefreshStateIdle];//即将刷新状态[self setImages:refreshingImages forState:MJRefreshStatePulling];//正在刷新状态[self setImages:refreshingImages forState:MJRefreshStateRefreshing];
}- (void)placeSubviews {[super placeSubviews];self.stateLabel.hidden = self.state != MJRefreshStateNoMoreData;
}- (void)scrollViewContentSizeDidChange:(NSDictionary *)change
{[super scrollViewContentSizeDidChange:change];// 内容的高度CGFloat contentHeight = self.scrollView.mj_contentH + self.ignoredScrollViewContentInsetBottom;// 表格的高度CGFloat scrollHeight = self.scrollView.mj_h - self.scrollViewOriginalInset.top - self.scrollViewOriginalInset.bottom + self.ignoredScrollViewContentInsetBottom;// 设置位置和尺寸self.mj_y = MAX(contentHeight, scrollHeight);}#pragma mark - 获取资源图片
- (NSArray *)getRefreshingImageArrayWithStartIndex:(NSInteger)startIndex endIndex:(NSInteger)endIndex {NSMutableArray * imageArray = [NSMutableArray array];for (NSUInteger i = startIndex; i <= endIndex; i++) {UIImage * image = [UIImage imageNamed:[NSString stringWithFormat:@"Loading_%zd.tiff",i]];if (image) {[imageArray addObject:image];}}return imageArray;
}@end

三、如何使用

//导入相关头文件
#import "HSRefreshGifHeader.h"
#import "HSRefreshGifFooter.h"//下拉刷新self.tableView.mj_header = [HSRefreshGifHeader headerWithRefreshingBlock:^{self.page = 1;[self.arrData removeAllObjects];[self requestData];}];//上拉加载更多self.tableView.mj_footer = [HSRefreshGifFooter footerWithRefreshingBlock:^{self.page ++;[self requestData];}];

自己准备好动画图片：

资源下载：https://download.csdn.net/download/u010545480/86018815

iOS MJRefresh 自定义刷新动画相关推荐

android 自定义刷新控件,Android开发中MJRefresh自定义刷新动画效果
有时候我们对自己开发的项目经常不满意,但是我们要达到自定义刷新动画的效果有一定的难度,别着急,下面爱站技术频道和大家分享Android开发中MJRefresh自定义刷新动画效果,一起来学习吧! [一] ...
使用MJRefresh自定义下拉刷新,上拉加载动画
有时候我们需要自己设置下拉刷新,上拉加载动画的实现,这里主要是记录下使用MJRefresh自定义下拉刷新,上拉加载动画..... 下拉刷新我们只需要继承MJRefreshGifHeader即可: 实现 ...
iOS MJRefresh下拉刷新（上拉加载）使用详解
下拉刷新控件目前比较火的有好几种,本人用过MJRefresh 和 SVPullToRefresh,相对而言,前者比后者可定制化.拓展新都更高一点. 因此本文着重讲一下MJRefresh的简单用法. 导 ...
VCTransitionsLibrary –自定义iOS交互式转场动画的库
简介 VCTransitionsLibrary 提供了许多适用于入栈,出栈,模态等场景下控制器切换时的转场动画.它本身提供了一个定义好的转场动画库,你可以拖到自己工程中直接使用;也提供了许多拥有不同转 ...
iOS学习笔记-自定义过渡动画
代码地址如下: http://www.demodashi.com/demo/11678.html 这篇笔记翻译自raywenderlick网站的过渡动画的一篇文章,原文用的swift,由于考虑到swi ...
iOS 关于自定义转场动画,以UITabBarController为例
1.小记关于自定义转场动画,只要你理清他的"套路",你就可以随心所欲地自定义了. 大体思路就是:遵守对应的代理协议,然后设置对应的代理,实现代理方法,这个代理方法要返回的值就是你 ...
iOS 类似亲宝宝app下拉刷新动画效果
iOS 类似亲宝宝app下拉刷新动画效果,最近看了下这种效果,感觉有点意思.于是就实现了一下. 方案一采用两个背景View1.View2,三个球ball1,ball2,ball3,将ball1,ba ...
iOS自定义过渡动画
历时5天从各种英文教程中学习到的过渡动画,是一个很难忘的探索经历比较好的参考文章自定义UIViewController过渡入门 ,动画入门. 转场方式首先让我们来了解iOS转场的方式: UINav ...
Android自定义下拉刷新动画--仿百度外卖下拉刷新
好久没写博客了,小编之前一段时间一直在找工作,从天津来到了我们的大帝都,感觉还不错.好了废话不多说了,开始我们今天的主题吧.现如今的APP各式各样,同样也带来了各种需求,一个下拉刷新都能玩出花样了,前 ...

iOS MJRefresh 自定义刷新动画

前言

一、自定义下拉刷新动画

二、自定义上拉刷新动画

三、如何使用

iOS MJRefresh 自定义刷新动画相关推荐

最新文章

热门文章