MJRefresh实现动画下拉刷新

最新推荐文章于 2022-07-11 10:26:19 发布

winterLiao

最新推荐文章于 2022-07-11 10:26:19 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：移动开发 iOS 文章标签： MJRefrsh 动画下拉刷新

本文链接：https://blog.youkuaiyun.com/IT_201607/article/details/60876148

移动开发同时被 2 个专栏收录

42 篇文章

订阅专栏

iOS

31 篇文章

订阅专栏

本文介绍如何通过继承MJRefreshGifHeader来自定义iOS应用中的下拉刷新样式，实现图片在上方、文字说明在下方的效果，并展示了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中需要使用下拉的动画效果，MJ上的是图片在左，文字在右（而且没有样式选择），我们需要的是图片在上文字在下，我们只需要继承MJRefreshGifHeader，即可修改样式。
gif

代码：

-(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 = YES;
        self.stateLabel.hidden = NO;
    self.stateLabel.textColor = [UIColor blackColor];
    self.mj_h = 80;
}

//在这修改图片和label的位置
- (void)placeSubviews
{
    [super placeSubviews];
    self.gifView.contentMode = UIViewContentModeCenter;

    //调整图片的位置
    CGRect labelframe = self.stateLabel.frame;
    labelframe.size.height = 15;
    labelframe.origin.y = self.bounds.size.height - 20;
    self.stateLabel.frame = labelframe;
    CGPoint center = self.center;
    center.y = CGRectGetMinY(self.stateLabel.frame) - self.gifView.mj_h / 2.0;
    self.gifView.center = center;
}