SDWebImage动画加载图片

简介:

SDWebImage动画加载图片

 

效果

 

源码

https://github.com/YouXianMing/Animations


//
//  PictureCell.m
//  SDWebImageLoadImageAnimation
//
//  Created by YouXianMing on 15/4/30.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import "PictureCell.h"
#import "UIImageView+WebCache.h"
#import "PictureModel.h"
#import "UIView+AnimationProperty.h"

@interface PictureCell ()

@property (nonatomic, strong) UIImageView *iconImageView;

@end

@implementation PictureCell

- (void)setupCell {

    self.selectionStyle = UITableViewCellSelectionStyleNone;
}

- (void)buildSubview {

    self.iconImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
    [self addSubview:self.iconImageView];
}

- (void)loadContent {

    // 图片模型
    PictureModel *model = self.data;
    
    // 进行图片下载
    SDWebImageManager *manager = [SDWebImageManager sharedManager];
    
    // 加载图片(动画逻辑)
    [manager downloadImageWithURL:model.pictureUrl options:0 progress:nil
                        completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
                            
                            if (image) {
                                
                                // 如果没有执行过动画
                                if (model.haveAnimated.boolValue == NO) {
                                    
                                    // 将动画设置成已经执行了
                                    model.haveAnimated = @(YES);
                                    
                                    self.iconImageView.alpha = 0.f;
                                    self.iconImageView.image = image;
                                    self.iconImageView.scale = 2.f;
                                    
                                    // 执行动画
                                    [UIView animateWithDuration:0.5f animations:^{
                                        
                                        self.iconImageView.alpha = 1.f;
                                        self.iconImageView.scale = 1.f;
                                    }];
                                    
                                } else {
                                    
                                    // 直接设置
                                    self.iconImageView.image = image;
                                    self.iconImageView.scale = 1.f;
                                }
                            }
                        }];
}

@end

细节


目录
相关文章
|
3月前
|
缓存 监控 Java
在使用 Glide 加载 Gif 动画时避免内存泄漏的方法
【10月更文挑战第20天】在使用 Glide 加载 Gif 动画时,避免内存泄漏是非常重要的。通过及时取消加载请求、正确处理生命周期、使用弱引用、清理缓存和避免重复加载等方法,可以有效地避免内存泄漏问题。同时,定期进行监控和检测,确保应用的性能和稳定性。需要在实际开发中不断积累经验,根据具体情况灵活运用这些方法,以保障应用的良好运行。
|
前端开发 算法
一个有趣的图片加载效果
一个有趣的图片加载效果
116 0
|
JSON 前端开发 Android开发
Lottie 动画里有图片?有动画效果但图片加载不出来?
Lottie 动画里有图片?有动画效果但图片加载不出来?
2024 0
|
缓存 数据安全/隐私保护
SDWebImage的应用(常用)
SDWebImage的应用(常用)
270 0
SDWebImage的应用(常用)
|
缓存
|
Android开发 缓存
Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果
 Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果 附录1简单介绍了Android开源的图片加载框架。
1957 0
|
JavaScript Android开发 前端开发