iOS Utilizes MJRefresh to Refresh Custom Animation Effect

  • 2021-10-16 05:08:01
  • OfStack

This article mainly introduces iOS using MJRefresh to realize the pull-up refresh pull-down loading effect of custom animation, and 1-like types (including update time and loading pattern) are not introduced here.

To achieve this function, you must first have a set of load picture arrays.

The next step is the implementation process:

Introduce header file:


#import "MJRefresh.h"
// Customize 1 Method implementation 
- (void)prepareRefresh
{
 NSMutableArray *headerImages = [NSMutableArray array];
 for (int i = 1; i <= 4; i++) {
  UIImage *image = [UIImage imageNamed:[NSStringstringWithFormat:@"topload%d",i]];
  [headerImages addObject:image];
 }
 MJRefreshGifHeader *gifHeader = [MJRefreshGifHeaderheaderWithRefreshingBlock:^{
// Drop down to refresh the action to be done .
 }];
 gifHeader.stateLabel.hidden = YES;
 gifHeader.lastUpdatedTimeLabel.hidden = YES;
 [gifHeader setImages:@[headerImages[0]]forState:MJRefreshStateIdle];
 [gifHeader setImages:headerImages forState:MJRefreshStateRefreshing];
 _tableView.header = gifHeader;
 NSMutableArray *footerImages = [NSMutableArray array];
 for (int i = 1; i <= 4; i++) {
  UIImage *image = [UIImage imageNamed:[NSStringstringWithFormat:@"footerload%d",i]];
  [footerImages addObject:image];
 }
 MJRefreshAutoGifFooter *gifFooter = [MJRefreshAutoGifFooterfooterWithRefreshingBlock:^{
// Operations required for pull-up loading .
 }];
 gifFooter.stateLabel.hidden = YES;
 gifFooter.refreshingTitleHidden = YES;
 [gifFooter setImages:@[footerImages[0]]forState:MJRefreshStateIdle];
 [gifFooter setImages:footerImages forState:MJRefreshStateRefreshing];
 _tableView.footer = gifFooter;
}

Finally, remember to stop loading when the data load is complete


  [_tableView.header endRefreshing];// Write when the drop-down refresh data is complete 
  [_tableView.footer endRefreshing];// Write on when pull-up loading data is complete 

Related articles: