当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS中gif图的显示方法示例

iOS中gif图的显示方法示例

2019年07月23日  | 移动技术网IT编程  | 我要评论

儿女传奇之猎野人,阿米尼电动车怎么样,星光大道20130907

一、前言

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的文章不是好文章

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

总结

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网