温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

iOS中gif图的显示方法示例

发布时间:2020-09-19 06:15:42 来源:脚本之家 阅读:474 作者:蓝光95 栏目:移动开发

一、前言

iOS开发中,大部分时候我们显示一张静态图就可以了,但是有的时候为了UI表现更生动,我就有可能需要展示gif图来达到效果了。

网上找了一下,显示gif图的框架找到了两个。

  • SDWebImage
  • YYImage

iOS中gif图的显示方法示例

二、显示本地gif图

SDWebImage和YYImage的显示本地图片代码。

//load loacle gif image
- (void)loadLocaleGifImage{
 
 //sdwebimage
 [self labelFactoryWithFrame:CGRectMake(0, 80, kScreenWidth, 20) title:@"SDWebImage"];
 NSString *path = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"gif"];
 NSData *gifData = [NSData dataWithContentsOfFile:path];
 UIImageView *sdImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 100, kScreenWidth, kScreenHeight/3)];
 sdImageView.image = [UIImage sd_animatedGIFWithData:gifData];
 [self.view addSubview:sdImageView];
 
 //yyImage show gif image
 [self labelFactoryWithFrame:CGRectMake(0, kScreenHeight/2 - 20, kScreenWidth, 20) title:@"yyImage"];
 YYImage *yyimage = [YYImage imageNamed:@"test.gif"];
 YYAnimatedImageView *yyImageView = [[YYAnimatedImageView alloc] initWithImage:yyimage];
 yyImageView.frame = CGRectMake(0, kScreenHeight/2, kScreenWidth, kScreenHeight/3);
 [self.view addSubview:yyImageView];
}

三、加载网络的gif图

SDWebImage和YYImage的加载网络图片代码。

//download network gif image
- (void)downloadNetworkGifImage{
 
 //sdwebimage
 [self labelFactoryWithFrame:CGRectMake(0, 80, kScreenWidth, 20) title:@"SDWebImage"];
 FLAnimatedImageView *sdImageView = [[FLAnimatedImageView alloc] initWithFrame:CGRectMake(0, 100, kScreenWidth, kScreenHeight/3)];
 [sdImageView sd_setImageWithURL:[NSURL URLWithString:@"http://photocdn.sohu.com/20151214/mp48444247_1450092561460_10.gif"]];
 [self.view addSubview:sdImageView];
 
 //yyImage show gif image
 [self labelFactoryWithFrame:CGRectMake(0, kScreenHeight/2 - 20, kScreenWidth, 20) title:@"yyImage"];
 YYImage *yyimage = [YYImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://photocdn.sohu.com/20151214/mp48444247_1450092561460_10.gif"]]];
 YYAnimatedImageView *yyImageView = [[YYAnimatedImageView alloc] initWithImage:yyimage];
 yyImageView.frame = CGRectMake(0, kScreenHeight/2, kScreenWidth, kScreenHeight/3);
 [self.view addSubview:yyImageView];
}

- (void)labelFactoryWithFrame:(CGRect)frame title:(NSString *)title{
 
 UILabel *label = [[UILabel alloc] initWithFrame:frame];
 label.textAlignment = NSTextAlignmentCenter;
 label.textColor = [UIColor blackColor];
 label.font = [UIFont systemFontOfSize:14];
 label.text = title;
 [self.view addSubview:label];
}

四、Podfile文件内容

platform :ios, '10.0'
inhibit_all_warnings!

target 'GifDemo' do

pod 'YYImage'
pod 'SDWebImage/GIF'
pod 'FLAnimatedImage'

end

五、没有demo的文章不是好文章

SDWebImage和YYImage框架显示本地和网络gif图的demo传送门

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对亿速云的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI