框架结构
1.框架结构图
image.png
2.MJRefresh的框架图梳理
| 类 | 作用 |
|---|---|
| MJRefreshComponent | 继承自UIView，最基本的刷新类 |
| MJRefreshHeader | 最基本的下拉刷新类 |
| MJRefreshStateHeader | 可以下拉刷新，但是只有文字 |
| MJRefreshNormalHeader | 默认的刷新样式，有文字，有上下箭头，有菊花 |
对于使用下拉刷新的问题是一定要自定义控件的,毕竟各个App的风格截然不同
使用说明
1.MJRefresh默认的下拉刷新和上拉加载
使用@selector的方式
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
//默认【下拉刷新】
self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshingAction:@selector(refresh)];
//默认【上拉加载】
self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMore)];
}
- (void)refresh {
[self getNetworkData:YES];
}
- (void)loadMore {
[self getNetworkData:NO];
}
使用block的方式
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
__weak typeof(self) weakSelf = self;
//默认block方法：设置下拉刷新
self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
[weakSelf getNetworkData:YES];
}];
//默认block方法：设置上拉加载更多
self.tableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
//Call this Block When enter the refresh status automatically
[weakSelf getNetworkData:NO];
}];
}
自定义下拉刷新和上拉加载
1.动画图片样式；
2.隐藏刷新控件状态或者时间样式；
3.自定义刷新状态和刷新时间文字样式
- (void)viewDidLoad {
[super viewDidLoad];
//样式一：设置一张图片（无动画效果）
// NSArray *idleImages = [NSArray arrayWithObject:[UIImage imageNamed:@"xiala_icon.png"]];
//样式二：设置多张图片（有动画效果）
NSArray *idleImages = [NSArray arrayWithObjects:
[UIImage imageNamed:@"dropdown_loading_01.png"],
[UIImage imageNamed:@"dropdown_loading_02.png"],
[UIImage imageNamed:@"dropdown_loading_03.png"],nil];
NSArray *pullingImages = [NSArray arrayWithObject:[UIImage imageNamed:@"shifang_icon.png"]];
NSArray *refreshingImages = [NSArray arrayWithObjects:
[UIImage imageNamed:@"load_view_01.png"],
[UIImage imageNamed:@"load_view_02.png"],
[UIImage imageNamed:@"load_view_03.png"],
[UIImage imageNamed:@"load_view_04.png"],
[UIImage imageNamed:@"load_view_05.png"],
[UIImage imageNamed:@"load_view_06.png"],
[UIImage imageNamed:@"load_view_07.png"],
[UIImage imageNamed:@"load_view_08.png"],
[UIImage imageNamed:@"load_view_09.png"],
[UIImage imageNamed:@"load_view_010.png"], nil];
// MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(animationRefresh)];
//-------以下是使用block方法【不包含animationRefresh方法】,动画设置在上面的部分代码---------
__weak typeof(self) weakSelf = self;
MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingBlock:^{
[weakSelf getNetworkData:YES];
}];
//-------以上是使用block方法【不包含animationRefresh方法】,动画设置在上面的部分代码---------
//1.设置普通状态的动画图片
[header setImages:idleImages forState:MJRefreshStateIdle];
//2.设置即将刷新状态的动画图片（一松开就会刷新的状态）
[header setImages:pullingImages forState:MJRefreshStatePulling];
//3.设置正在刷新状态的动画图片
[header setImages:refreshingImages forState:MJRefreshStateRefreshing];
self.tableView.mj_header = header;
#pragma mark --- 下面两个设置根据各自需求设置
// // 隐藏更新时间
// header.lastUpdatedTimeLabel.hidden = YES;
//
// // 隐藏刷新状态
// header.stateLabel.hidden = YES;
#pragma mark --- 自定义刷新状态和刷新时间文字【当然了，对应的Label不能隐藏】
// Set title
[header setTitle:@"Pull down to refresh" forState:MJRefreshStateIdle];
[header setTitle:@"Release to refresh" forState:MJRefreshStatePulling];
[header setTitle:@"Loading ..." forState:MJRefreshStateRefreshing];
// Set font
header.stateLabel.font = [UIFont systemFontOfSize:15];
header.lastUpdatedTimeLabel.font = [UIFont systemFontOfSize:14];
// Set textColor
header.stateLabel.textColor = [UIColor redColor];
header.lastUpdatedTimeLabel.textColor = [UIColor blueColor];
}
#pragma mark --- "动画图片"样式的非block方法
-(void)animationRefresh
{
[self getNetworkData:YES];
}
完全自定义的下拉刷新和上拉加载
- 首先创建一个类（譬如MJDIYHeader），继承自MJRefreshHeader；
- 重写相关方法 【 在MJRefreshComponent.h中有下面的提示】
#pragma mark - 交给子类们去实现
/** 初始化 */
#pragma mark 在这里做一些初始化配置（比如添加子控件）
-(void)prepare NS_REQUIRES_SUPER;
/** 摆放子控件frame */
#pragma mark 在这里设置子控件的位置和尺寸
-(void)placeSubviews NS_REQUIRES_SUPER;
/** 当scrollView的contentOffset发生改变的时候调用 */
-(void)scrollViewContentOffsetDidChange:(NSDictionary *)change NS_REQUIRES_SUPER;
/** 当scrollView的contentSize发生改变的时候调用 */
-(void)scrollViewContentSizeDidChange:(NSDictionary *)change NS_REQUIRES_SUPER;
/** 当scrollView的拖拽状态发生改变的时候调用 */
-(void)scrollViewPanStateDidChange:(NSDictionary *)change NS_REQUIRES_SUPER;
