资讯专栏INFORMATION COLUMN

iOS 中gif图的显示

go4it / 3021人阅读

摘要:一前言开发中,大部分时候我们显示一张静态图就可以了,但是有的时候为了表现更生动,我就有可能需要展示图来达到效果了。二显示本地图和的显示本地图片代码。四文件内容五没有的文章不是好文章和框架显示本地和网络图的传送门

一、前言

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

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

SDWebImage

YYImage

二、显示本地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的文章不是好文章

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/17335.html

相关文章

  • Web 图片性能优化系列一:背景与基础

    摘要:比如照片全色矢量图无压缩内容支持全色而且要支持缩放的时候质量不变。 什么是响应式图片 组成网站的资源中,图片往往是网络负载的主要组成部分,占据了大部分负载而且随着时间推移,这个现象仍然会保持。虽然现在的网络连接速度持续改进,但是同样出现了越来越多的高 DPI 分辨率设备,为了在这些设备上有更好的表现,就需要有更高清晰度的图片,高清晰的同时就需要更大的文件大小。而因为仍需要支持一些相对非...

    BearyChat 评论0 收藏0
  • Web 图片性能优化系列一:背景与基础

    摘要:比如照片全色矢量图无压缩内容支持全色而且要支持缩放的时候质量不变。 什么是响应式图片 组成网站的资源中,图片往往是网络负载的主要组成部分,占据了大部分负载而且随着时间推移,这个现象仍然会保持。虽然现在的网络连接速度持续改进,但是同样出现了越来越多的高 DPI 分辨率设备,为了在这些设备上有更好的表现,就需要有更高清晰度的图片,高清晰的同时就需要更大的文件大小。而因为仍需要支持一些相对非...

    frank_fun 评论0 收藏0
  • PHP图片操作

    摘要:保持原图长宽比,以图片的长度,或者宽度中,最小的一个为准,尽可能填充整个缩略图的画框,只显示原图中的某一部分。涉及到的相关图片操作函数如下创建黑色图片获取图片相关信息一个图片中的一部分到另外一个图片输出图片具体使用方法请查看相关手册。 1, PHP 中 图片的处理 要 依靠于扩展库, 可以选择gd2,或者imagemagick 第一步,首先要开启gd2的扩展库,在phpinfo() 中...

    yacheng 评论0 收藏0
  • 非常实用的在线工具网站清单

    摘要:文章目录在线图片压缩在线压缩最好用的切图工具在线工具一键抠图免费字体免费素材图片和视频中国风配色网站免费壁纸免费短连接在线在线代码编辑在线流程图思维导图在线图片压缩传送门在线图片压缩网站已经优化超过十亿张图片,支持,,等格式的图片的压缩。 ...

    XanaHopper 评论0 收藏0
  • Linux Command 系列:Tree

    摘要:撒花会将一个目录的所有内容以树状图的格式列出来。这是一个非常整齐简洁且实用的程序,你可以再命令行中使用它来查看你的文件系统的结构。类似下面的图表只显示目录,且层级不超过层。输出如下额外显示目录和文件的读写权限。 Linux 命令可以用浩瀚如烟来形容,那怎么办呢,我也很绝望啊,平时工作接触到的也就那么几个命令,那就平时自己多攒点,关键时候用上了就是物超所值 :) 最近想学的东西一大堆,今...

    BoYang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<