SVProgressHUD
是一个轻量级的加载显示控件,简洁易用的API很受开发者青睐。看烦了经典的转圈动画?下面提供一种显示我们自己的gif动画的方案。
加载自定义的GIF
SVProgressHUD
提供了显示自定义图片的api,但是不支持gif格式,直接利用下面的方法依然显示一张静态的图片
[SVProgressHUD showImage:[UIImage imageNamed:@"loading.gif"] status:@"加载中..."];
创建动态 Image
+ (UIImage *)animatedImageWithImages:(NSArray *)images duration:(NSTimeInterval)duration
UIImage
的这个类方法可以用一组图片,创建一个动态的Image。这里我们就需要先由gif图得到一帧帧图片组成的图片数组images,然后得到我们想要动态Image。代码仓库里Demo,UIImage的分类UIImage+GIFImage
封装了这个方法,可以直接使用。下面是其中一段实现过程:
+ (UIImage *)imageWithGIFData:(NSData *)data
{
if (!data) return nil;
CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
size_t count = CGImageSourceGetCount(source);
UIImage *animatedImage;
if (count <= 1) {
animatedImage = [[UIImage alloc] initWithData:data];
} else {
NSMutableArray *images = [NSMutableArray array];
NSTimeInterval duration = 0.0f;
for (size_t i = 0; i < count; i++) {
// 拿出了Gif的每一帧图片
CGImageRef image = CGImageSourceCreateImageAtIndex(source, i, NULL);
//Learning... 设置动画时长 算出每一帧显示的时长(帧时长)
NSTimeInterval frameDuration = [UIImage sd_frameDurationAtIndex:i source:source];
duration += frameDuration;
// 将每帧图片添加到数组中
[images addObject:[UIImage imageWithCGImage:image scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp]];
// 释放真图片对象
CFRelease(image);
}
// 设置动画时长
if (!duration) {
duration = (1.0f / 10.0f) * count;
}
animatedImage = [UIImage animatedImageWithImages:images duration:duration];
}
// 释放源Gif图片
CFRelease(source);
return animatedImage;
}
然后我们再调用它的类方法,就可以展示自定义的gif动画啦
[SVProgressHUD setInfoImage:[UIImage imageWithGIFNamed:@"loading"]];
[SVProgressHUD showInfoWithStatus:@"加载中。。。"];
但是,这个gif图标好像比我们原想的要小。。。
修改图片的大小
回看SVProgressHUD的源码,imageView是固定大小(28x28)的。我们还发现imageView是 .m文件里的私有属性,在.h 文件里也没有设置图片frame的方法。并且SVProgressHUD虽然使用了单例,但是在.h 中没有暴露获取单例的方法sharedView,所以我们需要创造条件获取SVProgressHUD的单例对象,然后想办法修改imageView的属性size。
- 新建一个SVProgressHUD的扩展
SVProgressHUD_Extension.h
,创建sharedView方法的前向引用 - 用KVC的方式获取对象的私有属性imageView,修改size
UIImageView *svImgView = [[SVProgressHUD sharedView] valueForKey:@"imageView"];
CGRect imgFrame = svImgView.frame;
// 设置图片的显示大小
imgFrame.size = CGSizeMake(64, 48);
svImgView.frame = imgFrame;
方便使用
在AppDelegate.m
里配置SVProgressHUD图片gif和动画时长,控制器里直接使用[SVProgressHUD showInfoWithStatus:@"加载中。。。"];
就可以了!
-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[self svPreferrenceConf];
return YES;
}
#pragma mark --- SVProgressHUD 偏好设置
-(void)svPreferrenceConf {
[SVProgressHUD setDefaultStyle:SVProgressHUDStyleLight];
[SVProgressHUD setDefaultMaskType:SVProgressHUDMaskTypeBlack];
[SVProgressHUD setBackgroundColor:[UIColor whiteColor]];
[SVProgressHUD setMinimumDismissTimeInterval:CGFLOAT_MAX];
[SVProgressHUD setInfoImage:[UIImage imageWithGIFNamed:@"loading"]];
UIImageView *svImgView = [[SVProgressHUD sharedView] valueForKey:@"imageView"];
CGRect imgFrame = svImgView.frame;
// 设置图片的显示大小
imgFrame.size = CGSizeMake(64, 48);
svImgView.frame = imgFrame;
}