アニメーションGIF画像をiPhoneUIImageViewに追加します


80

UIImageviewのURLからアニメーションGif画像をロードする必要があります。

通常のコードを使用すると、画像が読み込まれませんでした。

アニメーションGIF画像をロードする他の方法はありますか?


UIImageviewの次のURLから画像を読み込む必要があります... feedads.g.doubleclick.net/~at/K_fHnmr7a7T0pru2TjQC29TsPYY/1 / di
Velmurugan 2010

:SWIFTは、このリンクを通過しますstackoverflow.com/questions/27919620/...
Mr.Javed Multani

回答:


138
UIImageView* animatedImageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
animatedImageView.animationImages = [NSArray arrayWithObjects:    
                               [UIImage imageNamed:@"image1.gif"],
                               [UIImage imageNamed:@"image2.gif"],
                               [UIImage imageNamed:@"image3.gif"],
                               [UIImage imageNamed:@"image4.gif"], nil];
animatedImageView.animationDuration = 1.0f;
animatedImageView.animationRepeatCount = 0;
[animatedImageView startAnimating];
[self.view addSubview: animatedImageView];

複数のgif画像を読み込むことができます。

次のImageMagickコマンドを使用してgifを分割できます。

convert +adjoin loading.gif out%d.gif

1
私はUIImageview ....で、次のURLから画像をロードする必要が feedads.g.doubleclick.net/~at/K_fHnmr7a7T0pru2TjQC29TsPYY/1/di
Velmurugan

NSData * mydata = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:myurl]]; UIImage * myimage = [[UIImage alloc] initWithData:imageData]; これを使用してURLから読み取り、このオブジェクトを配列に追加します
Ishu

8
iPhone OSは、アニメーションGIF画像を正しく表示できません。UIImageオブジェクトはこれには使用できません。GIF画像をサポートしていますが、アニメーションは破棄され、最初のフレームのみが表示されます。そのため、iPhoneアプリ内にアニメーションGIFを表示する必要がある場合は、面倒です。:コードは、こちらをご覧ください...書き込む必要があるpliep.nl/blog/2009/04/...
fyasar

10
画像ビューの代わりにWebビューを使用する必要があります
Shreesh Garg 2013

2
github.com/mayoff/uiimage-from-animated-gifは、回答に記載されているすべてのものを自動的に作成するため、このカテゴリを使用するだけです
Michael

53

これは受け入れられた答えを見つけました、しかし私は最近UIImage + animatedGIFUIImage拡張に出くわしました。次のカテゴリを提供します。

+[UIImage animatedImageWithAnimatedGIFURL:(NSURL *)url]

簡単に:

#import "UIImage+animatedGIF.h"
UIImage* mygif = [UIImage animatedImageWithAnimatedGIFURL:[NSURL URLWithString:@"http://en.wikipedia.org/wiki/File:Rotating_earth_(large).gif"]];

魔法のように機能します。


1
URLからgifをロードする代わりに、プロジェクトでファイルを直接使用する方法はありますか?
juliensaad 2014年

2
UIImage + animatedGIF ...私が今まで見た中で最高のカテゴリの1つ... @ robmayoffに感謝
whyoz

22

これがGifImageを使用するための最良の解決策です。プロジェクトにGithubからSDWebImageを追加します。

#import "UIImage+GIF.h"

_imageViewAnimatedGif.image= [UIImage sd_animatedGIFNamed:@"thumbnail"];

これはまさに私が探していたものです。ありがとうございます!追加できる場合:UIImageViewは統合されていませんが、ストーリーボードで作成し、そのIBOutletにリンクする必要があります:)
Lucia Belardinelli 2015年

12

このリンクを確認してください

https://github.com/mayoff/uiimage-from-animated-gif/blob/master/uiimage-from-animated-gif/UIImage%2BanimatedGIF.h

これらのクラスをインポートしますUIImage + animatedGIF.h、UIImage + animatedGIF.m

このコードを使用する

 NSURL *urlZif = [[NSBundle mainBundle] URLForResource:@"dots64" withExtension:@"gif"];
 NSString *path=[[NSBundle mainBundle]pathForResource:@"bar180" ofType:@"gif"];
 NSURL *url=[[NSURL alloc] initFileURLWithPath:path];
 imageVw.image= [UIImage animatedImageWithAnimatedGIFURL:url];

これがお役に立てば幸いです


8

サードパーティのライブラリを使用したくない場合は、

extension UIImageView {
    func setGIFImage(name: String, repeatCount: Int = 0 ) {
        DispatchQueue.global().async {
            if let gif = UIImage.makeGIFFromCollection(name: name, repeatCount: repeatCount) {
                DispatchQueue.main.async {
                    self.setImage(withGIF: gif)
                    self.startAnimating()
                }
            }
        }
    }

    private func setImage(withGIF gif: GIF) {
        animationImages = gif.images
        animationDuration = gif.durationInSec
        animationRepeatCount = gif.repeatCount
    }
}

extension UIImage {
    class func makeGIFFromCollection(name: String, repeatCount: Int = 0) -> GIF? {
        guard let path = Bundle.main.path(forResource: name, ofType: "gif") else {
            print("Cannot find a path from the file \"\(name)\"")
            return nil
        }

        let url = URL(fileURLWithPath: path)
        let data = try? Data(contentsOf: url)
        guard let d = data else {
            print("Cannot turn image named \"\(name)\" into data")
            return nil
        }

        return makeGIFFromData(data: d, repeatCount: repeatCount)
    }

    class func makeGIFFromData(data: Data, repeatCount: Int = 0) -> GIF? {
        guard let source = CGImageSourceCreateWithData(data as CFData, nil) else {
            print("Source for the image does not exist")
            return nil
        }

        let count = CGImageSourceGetCount(source)
        var images = [UIImage]()
        var duration = 0.0

        for i in 0..<count {
            if let cgImage = CGImageSourceCreateImageAtIndex(source, i, nil) {
                let image = UIImage(cgImage: cgImage)
                images.append(image)

                let delaySeconds = UIImage.delayForImageAtIndex(Int(i),
                                                                source: source)
                duration += delaySeconds
            }
        }

        return GIF(images: images, durationInSec: duration, repeatCount: repeatCount)
    }

    class func delayForImageAtIndex(_ index: Int, source: CGImageSource!) -> Double {
        var delay = 0.0

        // Get dictionaries
        let cfProperties = CGImageSourceCopyPropertiesAtIndex(source, index, nil)
        let gifPropertiesPointer = UnsafeMutablePointer<UnsafeRawPointer?>.allocate(capacity: 0)
        if CFDictionaryGetValueIfPresent(cfProperties, Unmanaged.passUnretained(kCGImagePropertyGIFDictionary).toOpaque(), gifPropertiesPointer) == false {
            return delay
        }

        let gifProperties:CFDictionary = unsafeBitCast(gifPropertiesPointer.pointee, to: CFDictionary.self)

        // Get delay time
        var delayObject: AnyObject = unsafeBitCast(
            CFDictionaryGetValue(gifProperties,
                                 Unmanaged.passUnretained(kCGImagePropertyGIFUnclampedDelayTime).toOpaque()),
            to: AnyObject.self)
        if delayObject.doubleValue == 0 {
            delayObject = unsafeBitCast(CFDictionaryGetValue(gifProperties,
                                                             Unmanaged.passUnretained(kCGImagePropertyGIFDelayTime).toOpaque()), to: AnyObject.self)
        }

        delay = delayObject as? Double ?? 0

        return delay
    }
}

class GIF: NSObject {
    let images: [UIImage]
    let durationInSec: TimeInterval
    let repeatCount: Int

    init(images: [UIImage], durationInSec: TimeInterval, repeatCount: Int = 0) {
        self.images = images
        self.durationInSec = durationInSec
        self.repeatCount = repeatCount
    }
}

使用するには、

override func viewDidLoad() {
    super.viewDidLoad()
    imageView.setGIFImage(name: "gif_file_name")
}

override func viewDidDisappear(_ animated: Bool) {
    super.viewDidDisappear(animated)
    imageView.stopAnimating()
}

.xcassetsフォルダーではなく、プロジェクトにgifファイルを追加してください。


コードの原因:スレッド1:EXC_BAD_INSTRUCTION(code = EXC_I386_INVOP、subcode = 0x0)エラー!
コーダーACJHP19年

5

これはUIImageViewを使用するための要件を満たしていませんが、おそらくこれにより作業が簡素化されます。UIWebViewの使用を検討しましたか?

NSString *gifUrl = @"http://gifs.com";
NSURL *url = [NSURL URLWithString: gifUrl];
[webView loadRequest: [NSURLRequest requestWithURL:url]

必要に応じて、インターネットを必要とするURLにリンクする代わりに、HTMLファイルをXcodeプロジェクトにインポートして、文字列にルートを設定することができます。


3

ここに興味深いライブラリがあります:https//github.com/Flipboard/FLAnimatedImage

デモの例をテストしましたが、うまく機能しています。これはUIImageViewの子です。ですから、ストーリーボードでも直接使用できると思います。

乾杯


3

回答がすでに承認されていることは知っていますが、他のUIKitFrameworkクラスを使用しているように感じるiOSにGifサポートを追加する組み込みフレームワークを作成したことを共有しようとしないのは難しいです。

次に例を示します。

UIGifImage *gif = [[UIGifImage alloc] initWithData:imageData];
anUiImageView.image = gif;

https://github.com/ObjSal/UIGifImage/releasesから最新リリースをダウンロードします

-サル


1

URLからgif画像を読み込む必要がある場合は、いつでもgifをのimageタグに埋め込むことができますUIWebView


1

SWIFT 3

これがSwiftバージョンが必要な人のためのアップデートです!。

数日前、私はこのようなことをする必要がありました。特定のパラメータに従ってサーバーからいくつかのデータをロードし、その間に「ロード中」の別のgif画像を表示したいと思いました。私はそれを行うオプションを探していましたUIImageViewが、残念ながら、.gif画像を分割せずにそれを行うための何かを見つけることができませんでした。だから私はを使用してソリューションを実装することにしました、UIWebViewそして私はそれを共有したいと思います:

extension UIView{
    func animateWithGIF(name: String){
        let htmlString: String =    "<!DOCTYPE html><html><head><title></title></head>" +
                                        "<body style=\"background-color: transparent;\">" +
                                            "<img src=\""+name+"\" align=\"middle\" style=\"width:100%;height:100%;\">" +
                                        "</body>" +
                                    "</html>"

        let path: NSString = Bundle.main.bundlePath as NSString
        let baseURL: URL = URL(fileURLWithPath: path as String) // to load images just specifying its name without full path

        let frame = CGRect(x: 0, y: 0, width: self.frame.width, height: self.frame.height)
        let gifView = UIWebView(frame: frame)

        gifView.isOpaque = false // The drawing system composites the view normally with other content.
        gifView.backgroundColor = UIColor.clear
        gifView.loadHTMLString(htmlString, baseURL: baseURL)

        var s: [UIView] = self.subviews 
        for i in 0 ..< s.count {
            if s[i].isKind(of: UIWebView.self) { s[i].removeFromSuperview() }
        }

        self.addSubview(gifView)
    }

    func animateWithGIF(url: String){
        self.animateWithGIF(name: url)
    }
} 

サブビューとしてUIViewを追加し、UIWebView名前を渡すだけで.gif画像を表示する拡張機能を作成しました。

今、私の中でUIViewController私が持っているUIView私の「ロード」の指標であるという名前の「loadingViewを」と私は.gifイメージを表示したい時はいつでも、私はこのような何かをしました:

class ViewController: UIViewController {
    @IBOutlet var loadingView: UIView!

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        configureLoadingView(name: "loading.gif")
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        // .... some code
        // show "loading" image
        showLoadingView()
    }

    func showLoadingView(){
        loadingView.isHidden = false
    }
    func hideLoadingView(){
        loadingView.isHidden = true
    }
    func configureLoadingView(name: String){
        loadingView.animateWithGIF(name: "name")// change the image
    }
}

gif画像を変更したいときconfigureLoadingView()は、新しい.gif画像の名前で関数を呼び出して呼び出すだけでshowLoadingView()hideLoadingView()すべてが正常に機能します。

だが...

...画像を分割している場合は、次のようなUIImage静的メソッドを使用して1行でアニメーション化できますUIImage.animatedImageNamed

imageView.image = UIImage.animatedImageNamed("imageName", duration: 1.0)

ドキュメントから:

このメソッドは、nameパラメーターで指定されたベースファイル名に一連の番号を追加することにより、一連のファイルをロードします。アニメーション画像に含まれるすべての画像は、同じサイズと縮尺を共有する必要があります。

または、次のUIImage.animatedImageWithImagesような方法で作成できます。

let images: [UIImage] = [UIImage(named: "imageName1")!,
                                            UIImage(named: "imageName2")!,
                                            ...,
                                            UIImage(named: "imageNameN")!]
imageView.image = UIImage.animatedImage(with: images, duration: 1.0)

ドキュメントから:

既存の画像セットからアニメーション画像を作成して返します。アニメーション画像に含まれるすべての画像は、同じサイズとスケールを共有する必要があります。


0

https://github.com/Flipboard/FLAnimatedImageを使用できます

#import "FLAnimatedImage.h"
NSData *dt=[NSData dataWithContentsOfFile:path];
imageView1 = [[FLAnimatedImageView alloc] init];
FLAnimatedImage *image1 = [FLAnimatedImage animatedImageWithGIFData:dt];
imageView1.animatedImage = image1;
imageView1.frame = CGRectMake(0, 5, 168, 80);
[self.view addSubview:imageView1];

0

スウィフト3:

上で示唆したように、私はFLAnimatedImageViewでFLAnimatedImageを使用しています。そして、xcassetsからデータセットとしてgifをロードしています。これにより、外観とアプリのスライスの目的で、iphoneとipadに異なるgifを提供できます。これは、私が試した他の何よりもはるかにパフォーマンスが優れています。.stopAnimating()を使用して一時停止するのも簡単です。

if let asset = NSDataAsset(name: "animation") {
    let gifData = asset.data
    let gif = FLAnimatedImage(animatedGIFData: gifData)
    imageView.animatedImage = gif
  }

0

スウィフトをKingFisher

   lazy var animatedPart: AnimatedImageView = {
        let img = AnimatedImageView()
        if let src = Bundle.main.url(forResource: "xx", withExtension: "gif"){
            img.kf.setImage(with: src)
        }
        return img
   }()
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.