74

我在 iOS 应用程序中有一系列用户自定义的图像,这些图像以简单的逐帧翻书风格进行动画处理。

我的问题是:有没有办法让用户将他们的动画导出为动画 gif?理想情况下,我希望他们能够通过电子邮件、社交分享 (T/FB) 或(最坏的情况......)将动画 gif 保存到他们的文档文件夹中,以便通过 iTunes 检索。

我知道如何将 .png 保存到照片库,并且我找到了一种将动画录制为 QT 文件的方法(http://www.cimgf.com/2009/02/03/record-your-core-animation -animation/),但我还没有找到一种方法来踢出一个普通的旧动画 gif。我在核心动画或其他地方遗漏了什么吗?是否有任何人可以推荐的方法、框架或资源?对不起,如果问题太笼统 - 努力寻找起点。

4

3 回答 3

161

您可以使用 Image I/O 框架(它是 iOS SDK 的一部分)创建动画 GIF。您还需要包含MobileCoreServices定义 GIF 类型常量的框架。您需要将这些框架添加到您的目标中,并将它们的标题导入您要创建动画 GIF 的文件中,如下所示:

#import <ImageIO/ImageIO.h>
#import <MobileCoreServices/MobileCoreServices.h>

用例子来解释是最容易的。我将向您展示我用来在 iPhone 5 上制作此 GIF 的代码:

由所示代码创建的动画 GIF

首先,这是一个辅助函数,它接受一个大小和一个角度,并以该角度返回UIImage红色圆盘的 a:

static UIImage *frameImage(CGSize size, CGFloat radians) {
    UIGraphicsBeginImageContextWithOptions(size, YES, 1); {
        [[UIColor whiteColor] setFill];
        UIRectFill(CGRectInfinite);
        CGContextRef gc = UIGraphicsGetCurrentContext();
        CGContextTranslateCTM(gc, size.width / 2, size.height / 2);
        CGContextRotateCTM(gc, radians);
        CGContextTranslateCTM(gc, size.width / 4, 0);
        [[UIColor redColor] setFill];
        CGFloat w = size.width / 10;
        CGContextFillEllipseInRect(gc, CGRectMake(-w / 2, -w / 2, w, w));
    }
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

现在我们可以创建 GIF。首先,我们将为帧数定义一个常量,因为稍后我们需要它两次:

static void makeAnimatedGif(void) {
    static NSUInteger const kFrameCount = 16;

我们需要一个属性字典来指定动画应该重复的次数:

    NSDictionary *fileProperties = @{
        (__bridge id)kCGImagePropertyGIFDictionary: @{
            (__bridge id)kCGImagePropertyGIFLoopCount: @0, // 0 means loop forever
        }
    };

我们需要另一个属性字典,我们将其附加到每个帧,指定该帧应该显示多长时间:

    NSDictionary *frameProperties = @{
        (__bridge id)kCGImagePropertyGIFDictionary: @{
            (__bridge id)kCGImagePropertyGIFDelayTime: @0.02f, // a float (not double!) in seconds, rounded to centiseconds in the GIF data
        }
    };

我们还将在文档目录中为 GIF 创建一个 URL:

    NSURL *documentsDirectoryURL = [[NSFileManager defaultManager] URLForDirectory:NSDocumentDirectory inDomain:NSUserDomainMask appropriateForURL:nil create:YES error:nil];
    NSURL *fileURL = [documentsDirectoryURL URLByAppendingPathComponent:@"animated.gif"];

现在我们可以创建一个CGImageDestination将 GIF 写入指定 URL 的方法:

    CGImageDestinationRef destination = CGImageDestinationCreateWithURL((__bridge CFURLRef)fileURL, kUTTypeGIF, kFrameCount, NULL);
    CGImageDestinationSetProperties(destination, (__bridge CFDictionaryRef)fileProperties);

我发现传递fileProperties作为的最后一个参数是CGImageDestinationCreateWithURL行不通。你必须使用CGImageDestinationSetProperties.

现在我们可以创建和编写我们的框架:

    for (NSUInteger i = 0; i < kFrameCount; i++) {
        @autoreleasepool {
            UIImage *image = frameImage(CGSizeMake(300, 300), M_PI * 2 * i / kFrameCount);
            CGImageDestinationAddImage(destination, image.CGImage, (__bridge CFDictionaryRef)frameProperties);
        }
    }

请注意,我们将帧属性字典与每个帧图像一起传递。

在我们准确地添加了指定数量的帧之后,我们最终确定了目标并释放它:

    if (!CGImageDestinationFinalize(destination)) {
        NSLog(@"failed to finalize image destination");
    }
    CFRelease(destination);

    NSLog(@"url=%@", fileURL);
}

如果您在模拟器上运行它,您可以从调试控制台复制 URL 并将其粘贴到浏览器中以查看图像。如果您在设备上运行它,您可以使用 Xcode Organizer 窗口从设备下载应用程序沙箱并查看图像。或者您可以使用这样的应用程序iExplorer,让您直接浏览设备的文件系统。(这不需要越狱。)

我在运行 iOS 6.1 的 iPhone 5 上对此进行了测试,但我相信代码应该可以追溯到 iOS 4.0。

我已将所有代码放在此要点中,以便于复制。

于 2013-02-16T23:01:36.163 回答
2

对于斯威夫特 3

import Foundation
import UIKit
import ImageIO
import MobileCoreServices

extension UIImage {
    static func animatedGif(from images: [UIImage]) {
        let fileProperties: CFDictionary = [kCGImagePropertyGIFDictionary as String: [kCGImagePropertyGIFLoopCount as String: 0]]  as CFDictionary
        let frameProperties: CFDictionary = [kCGImagePropertyGIFDictionary as String: [(kCGImagePropertyGIFDelayTime as String): 1.0]] as CFDictionary

        let documentsDirectoryURL: URL? = try? FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: true)
        let fileURL: URL? = documentsDirectoryURL?.appendingPathComponent("animated.gif")

        if let url = fileURL as CFURL? {
            if let destination = CGImageDestinationCreateWithURL(url, kUTTypeGIF, images.count, nil) {
                CGImageDestinationSetProperties(destination, fileProperties)
                for image in images {
                    if let cgImage = image.cgImage {
                        CGImageDestinationAddImage(destination, cgImage, frameProperties)
                    }
                }
                if !CGImageDestinationFinalize(destination) {
                    print("Failed to finalize the image destination")
                }
                print("Url = \(fileURL)")
            }
        }
    }
}

我已经从上面的答案转换了它。我希望它有所帮助。

可作为要点

欢迎编辑。

于 2017-09-07T12:05:37.210 回答
0

如果您正在寻找 Swift 3 解决方案,可以查看https://github.com/onmyway133/GifMagic。它有EncoderDecoder的汇编和反汇编gif文件。

基本上,您应该使用具有这些功能的Image IO框架,,,,CGImageDestinationCreateWithURLCGImageDestinationSetPropertiesCGImageDestinationAddImageCGImageDestinationFinalize

还有 Swift https://developer.apple.com/library/content/documentation/Swift/Conceptual/BuildingCocoaApps/WorkingWithCocoaDataTypes.html

从带注释的 API 返回的 Core Foundation 对象在 Swift 中自动进行内存管理——您不需要自己调用 CFRetain、CFRelease 或 CFAutorelease 函数。

于 2017-08-01T09:02:19.430 回答