温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ios基于MJRefresh如何实现上拉刷新和下拉加载动画效果

发布时间:2021-07-21 14:36:16 来源:亿速云 阅读:486 作者:小新 栏目:移动开发

这篇文章将为大家详细讲解有关ios基于MJRefresh如何实现上拉刷新和下拉加载动画效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

目录本文介绍了ios基于MJRefresh实现上拉刷新和下拉加载动画效果,分

1、 头部刷新动画

2、尾部刷新动画

头部刷新动画

#import <MJRefresh/MJRefresh.h>

@interface HZNormalHeader : MJRefreshGifHeader

@end
#import "HZNormalHeader.h"

@implementation HZNormalHeader

#pragma mark - 重写父类的方法
- (void)prepare{
  [super prepare];

  // 设置普通状态的动画图片
  NSMutableArray *idleImages = [NSMutableArray array];
  for (NSUInteger i = 1; i<=60; i++) {
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_anim__000%zd", i]];
    [idleImages addObject:image];
  }
  [self setImages:idleImages forState:MJRefreshStateIdle];

  // 设置即将刷新状态的动画图片(一松开就会刷新的状态)
  NSMutableArray *refreshingImages = [NSMutableArray array];
  for (NSUInteger i = 1; i<=3; i++) {
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_loading_0%zd", i]];
    [refreshingImages addObject:image];
  }
  [self setImages:refreshingImages forState:MJRefreshStatePulling];

  // 设置正在刷新状态的动画图片
  [self setImages:refreshingImages forState:MJRefreshStateRefreshing];

  //隐藏时间
  self.lastUpdatedTimeLabel.hidden = NO;
  //隐藏状态
  self.stateLabel.hidden = NO;
}

实现部分

self.tableView.mj_header = [HZNormalHeader headerWithRefreshingBlock:^{
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
      [self.tableView.mj_header endRefreshing];
    });

  }];

尾部刷新动画

#import <MJRefresh/MJRefresh.h>

@interface XZZNormalFooter : MJRefreshAutoGifFooter

@end
#import "XZZNormalFooter.h"

@implementation XZZNormalFooter


#pragma mark - 重写父类的方法
- (void)prepare{
  [super prepare];

  // 设置普通状态的动画图片
  NSMutableArray *idleImages = [NSMutableArray array];
  for (NSUInteger i = 1; i<=60; i++) {
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_anim__000%zd", i]];
    [idleImages addObject:image];
  }
  [self setImages:idleImages forState:MJRefreshStateIdle];

  // 设置即将刷新状态的动画图片(一松开就会刷新的状态)
  NSMutableArray *refreshingImages = [NSMutableArray array];
  for (NSUInteger i = 1; i<=3; i++) {
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"dropdown_loading_0%zd", i]];
    [refreshingImages addObject:image];
  }
  [self setImages:refreshingImages forState:MJRefreshStatePulling];

  // 设置正在刷新状态的动画图片
  [self setImages:refreshingImages forState:MJRefreshStateRefreshing];

  //隐藏时间
//  self.lastUpdatedTimeLabel.hidden = NO;
  /*隐藏*/
  self.refreshingTitleHidden = YES;
  //隐藏状态
  self.stateLabel.hidden = YES;
}

@end

实现部分

self.tableView.mj_footer = [XZZNormalFooter footerWithRefreshingBlock:^{
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
      [self.tableView.mj_footer endRefreshing];
    });
  }];

关于“ios基于MJRefresh如何实现上拉刷新和下拉加载动画效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios
AI