ios基于MJRefresh如何实现上拉刷新和下拉加载动画效果
更新:HHH   时间:2023-1-8


这篇文章将为大家详细讲解有关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如何实现上拉刷新和下拉加载动画效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

返回移动开发教程...