- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章浅析IOS中播放gif动态图的方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
1、引言 。
在ios开发中,uiimageview类专门来负责图片数据的渲染,并且uiimageview也有帧动画的方法来播放一组图片,但是对于gif类型的数据,uiimageview中并没有现成的接口提供给开发者使用,在ios中一般可以通过两种方式来播放gif动态图,一种方式是通过imageio框架中的方法将gif文件中的数据进行解析,再使用coreanimation核心动画来播放gif动画,另一种方式计较简单,可以直接通过webview来渲染gif图.
2、为原生的uiimageview添加类别来支持gif动态图的播放 。
gif动态图文件中包含了一组图片及其信息,信息主要记录着每一帧图片播放的时间,我们如果获取到了gif文件中所有的图片同时又获取到每一帧图片播放的时间,就可以为uiimageview添加核心动画的方法来让其播放gif的内容了.
首先解析gif文件中的数据,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
//要引入imageio库
#import <imageio/imageio.h>
//解析gif文件数据的方法 block中会将解析的数据传递出来
-(
void
)getgifimagewithurk:(nsurl *)url
returndata:(
void
(^)(nsarray<uiimage *> * imagearray,
nsarray<nsnumber *>*timearray,
cgfloat totaltime,
nsarray<nsnumber *>* widths,
nsarray<nsnumber *>* heights))datablock{
//通过文件的url来将gif文件读取为图片数据引用
cgimagesourceref source = cgimagesourcecreatewithurl((cfurlref)url, null);
//获取gif文件中图片的个数
size_t
count = cgimagesourcegetcount(source);
//定义一个变量记录gif播放一轮的时间
float
alltime=0;
//存放所有图片
nsmutablearray * imagearray = [[nsmutablearray alloc]init];
//存放每一帧播放的时间
nsmutablearray * timearray = [[nsmutablearray alloc]init];
//存放每张图片的宽度 (一般在一个gif文件中,所有图片尺寸都会一样)
nsmutablearray * widtharray = [[nsmutablearray alloc]init];
//存放每张图片的高度
nsmutablearray * heightarray = [[nsmutablearray alloc]init];
//遍历
for
(
size_t
i=0; i<count; i++) {
cgimageref image = cgimagesourcecreateimageatindex(source, i, null);
[imagearray addobject:(__bridge uiimage *)(image)];
cgimagerelease(image);
//获取图片信息
nsdictionary * info = (__bridge nsdictionary*)cgimagesourcecopypropertiesatindex(source, i, null);
cgfloat width = [[info objectforkey:(__bridge nsstring *)kcgimagepropertypixelwidth] floatvalue];
cgfloat height = [[info objectforkey:(__bridge nsstring *)kcgimagepropertypixelheight] floatvalue];
[widtharray addobject:[nsnumber numberwithfloat:width]];
[heightarray addobject:[nsnumber numberwithfloat:height]];
nsdictionary * timedic = [info objectforkey:(__bridge nsstring *)kcgimagepropertygifdictionary];
cgfloat
time
= [[timedic objectforkey:(__bridge nsstring *)kcgimagepropertygifdelaytime]floatvalue];
alltime+=
time
;
[timearray addobject:[nsnumber numberwithfloat:
time
]];
cfrelease(info);
}
cfrelease(source);
datablock(imagearray,timearray,alltime,widtharray,heightarray);
}
|
为uiimageview添加一个设置gif图内容的方法:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
-(
void
)yh_setimage:(nsurl *)imageurl{
__weak id __self = self;
[self getgifimagewithurk:imageurl returndata:^(nsarray<uiimage *> *imagearray, nsarray<nsnumber *> *timearray, cgfloat totaltime, nsarray<nsnumber *> *widths, nsarray<nsnumber *> *heights) {
//添加帧动画
cakeyframeanimation *animation = [cakeyframeanimation animationwithkeypath:@
"contents"
];
nsmutablearray * times = [[nsmutablearray alloc]init];
float
currenttime = 0;
//设置每一帧的时间占比
for
(
int
i=0; i<imagearray.count; i++) {
[times addobject:[nsnumber numberwithfloat:currenttime/totaltime]];
currenttime+=[timearray[i] floatvalue];
}
[animation setkeytimes:times];
[animation setvalues:imagearray];
[animation settimingfunction:[camediatimingfunction functionwithname:kcamediatimingfunctionlinear]];
//设置循环
animation.repeatcount= maxfloat;
//设置播放总时长
animation.duration = totaltime;
//layer层添加
[[(uiimageview *)__self layer]addanimation:animation forkey:@
"gifanimation"
];
}];
}
|
使用代码示例如下:
1
2
3
4
|
uiimageview * imageview = [[uiimageview alloc]initwithframe:cgrectmake(0,0 , 320, 200)];
nsurl * url = [[nsurl alloc]initfileurlwithpath:[[nsbundle mainbundle] pathforresource:imagename oftype:nil]];
[imageview yh_setimage:url];
[self.view addsubview:imageview];
|
3、使用uiwebview来加载gif动态图数据 。
ios中的uiwebview功能十分强大,可以通过uiwebview为载体,来展示gif图。并且这种方法也十分简单,代码如下:
1
2
3
4
5
6
7
8
9
10
|
//读取gif数据
nsdata *gifdata = [nsdata datawithcontentsofurl:imageurl];
uiwebview *webview = [[uiwebview alloc] initwithframe:cgrectmake(0, 0, self.frame.size.width, self.frame.size.height)];
//取消回弹效果
webview.scrollview.bounces=no;
webview.backgroundcolor = [uicolor clearcolor];
//设置缩放模式
webview.scalespagetofit = yes;
//用webview加载数据
[webview loaddata:gifdata mimetype:@
"image/gif"
textencodingname:nil baseurl:nil];
|
4、两种加载gif动态图方式的优劣 。
经过测试,从加载速度上来说,通过uiimageview类别加载的方式更加快速,uiwebview的方式加载时间会稍长,但是从性能上来比较,webview的方式性能更优,播放的gif动态图更加流畅。在开发中,可以根据需求,适当选择,例如虽然webview加载的方式性能更好,但是在许多情况下,原生的uiimageview能够更加自由的让开发者进行扩展.
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! 。
原文链接:https://my.oschina.net/u/2340880/blog/608560 。
最后此篇关于浅析IOS中播放gif动态图的方法的文章就讲到这里了,如果你想了解更多关于浅析IOS中播放gif动态图的方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我做了一个项目,使用两个不同的textview进行触摸来播放两个音频。 这是一个文本 View 的简单代码 tv.setOnTouchListener(new OnTouchListener() {
我正在使用 pygame 模块在 python 中操作声音文件。它在交互式 python session 中工作正常,但相同的代码在 bash 中不会产生任何结果: 交互式Python $ sudo
请注意它只能是 JavaScript。请参阅下面我当前的 HTML。我需要像当前代码一样在页面之间旋转。但是,我需要能够在页面之间暂停/播放。
我有一个带有一堆音频链接的html。我正在尝试使所有音频链接都在单击时播放/暂停,并且尝试了here解决方案。这正是我所追求的,只是我现在不得不修改此功能以应用于代码中的所有音频链接(因为我不能为每个
在尝试进入我的代码中的下一个文件之前,我尝试随机播放.wav文件数毫秒。最好的方法是什么? 我目前有以下代码: #!/usr/bin/env python from random import ran
我有2个回调函数,一个播放音频,另一个停止音频。 function Play_Callback(hObject, eventdata, handles) global path; global pla
我有一个电台应用程序,并与carplay集成。在Carplay仪表板中,我仅看到专辑封面图像和停止按钮。我想在仪表板上显示播放/暂停和跳过按钮。如果您对该站有任何了解,可以帮我吗? 最佳答案 您需要使
我正在使用 ffmpeg 创建一个非常基本的视频播放器。库,我有所有的解码和重新编码,但我坚持音频视频同步。 我的问题是,电影有音频和视频流混合(交织),音频和视频以“突发”(多个音频包,然后是并列的
我不知道我在做什么错 $(document).ready(function() { var playing = false; var audioElement = document.
我正在尝试通过(input:file)Elem加载本地音频文件,当我将其作为对象传递给音频构造函数Audio()时,它不会加载/播放。 文件对象参数和方法: lastModified: 1586969
在 Qt 中创建播放/暂停按钮的最佳方法是什么?我应该创建一个操作并在单击时更改其图标,还是应该创建两个操作然后以某种方式在单击时隐藏一个操作?如何使用一个快捷键来激活这两个操作? (播放时暂停,暂停
我正在用 Python 和 SQLite 构建一个预订系统。 我有一个 Staff.db 和 Play.db (一对多关系)。这个想法是这样的:剧院的唯一工作人员可以通过指定开始日期和时间来选择何时添
我有一个服务于 AAC+ (HE v2) 的 Icecast 服务器。我在我的网页中使用 JPlayer 来播放内容。在没有 Flash Player 的 Chromium 中,它工作得很好。 对于支
当我运行我的方法时,我收到一个MediaException。我使用 playSound("src/assets/timeup.mp3"); 调用该方法。 private void playSound(
我有一项正在播放播客的服务。我希望该服务检测用户何时按下暂停或从他们的 BT radio 播放,以便我可以停止和启动它。对于我的生活,我无法弄清楚要向我的监听器添加什么过滤器(当我按下 BT 按钮时,
我对 Java 不是很在行,在研究网站上的音乐循环的简单播放/暂停按钮后,我得到了这段代码。它可以很好地离线测试,但在上传到 FTP 服务器后,它不会在任何浏览器中播放音频,我得到 SyntaxErr
我有一个使用 flickity carousel library 创建的视频轮播, 见过 here on codepen .我想要发生的是,当用户滑动轮播时,所选幻灯片停止播放,然后占据所选中间位置的
这是一个 JSFiddle: http://jsfiddle.net/8LczkwLz/19/ HTML: JS: var flashcardAudio = documen
我的问题是我无法将歌曲标题文本保持在 line-height: 800px;当用户播放或暂停播放器时。我设法在 :hover 上做到了。这似乎是一件非常棘手的事情,这真的是我第一次遇到 CSS 如此困
我还没有找到与我的完全一样的帖子,所以这就是问题所在。我正在制作一个 mp3 播放器,播放/暂停是两个单独的按钮。这是我的代码。 prevButton = document.getElementByI
我是一名优秀的程序员,十分优秀!