Iphone UIImageViewでアニメーションGif画像を追加する
UIImageviewのURLからアニメーションGif画像を読み込む必要があります。
通常のコードを使用したとき、画像がロードされませんでした。
アニメーションGif画像を読み込む他の方法はありますか？
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
これにより、承認済みの回答が見つかりましたが、最近 IImage + animatedGIF UIImage拡張機能に出会いました。次のカテゴリを提供します。
+[UIImage animatedImageWithAnimatedGIFURL:(NSURL *)url]
次のことが簡単にできます。
#import "UIImage+animatedGIF.h"
UIImage* mygif = [UIImage animatedImageWithAnimatedGIFURL:[NSURL URLWithString:@"http://en.wikipedia.org/wiki/File:Rotating_earth_(large).gif"]];
魔法のように機能します。
Gif Imageを使用する最適なソリューションを次に示します。プロジェクトにGithubからSDWebImageを追加します。
#import "UIImage+GIF.h"
_imageViewAnimatedGif.image= [UIImage sd_animatedGIFNamed:@"thumbnail"];
このリンクを確認してください
これらのクラスをインポートします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];
これが参考になることを願っています
サードパーティのライブラリを使用したくない場合は、
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ファイルを追加してください。
これはUIImageViewを使用する要件を満たしていませんが、おそらくこれはあなたのために物事を単純化するでしょう。 UIWebViewの使用を検討しましたか？
NSString *gifUrl = @"http://gifs.com";
NSURL *url = [NSURL URLWithString: gifUrl];
[webView loadRequest: [NSURLRequest requestWithURL:url]
必要に応じて、インターネットを必要とするURLにリンクする代わりに、HTMLファイルをXcodeプロジェクトにインポートし、文字列にルートを設定できます。
回答はすでに承認されていることは知っていますが、iOSにGifサポートを追加する組み込みフレームワークを作成し、他のUIKit Frameworkクラスを使用しているかのように感じることを共有しようとはしません。
以下に例を示します。
UIGifImage *gif = [[UIGifImage alloc] initWithData:imageData];
anUiImageView.image = gif;
https://github.com/ObjSal/UIGifImage/releases から最新リリースをダウンロードします
-サル
ここに興味深いライブラリがあります： https://github.com/Flipboard/FLAnimatedImage
デモ例をテストしましたが、うまく機能しています。 UIImageViewの子です。ストーリーボードでも直接使用できると思います。
乾杯
URLからgif画像を読み込む必要がある場合は、UIWebViewの画像タグにいつでもgifを埋め込むことができます。
Swift
ここに、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を追加し、名前を渡すだけで.gif画像を表示するUIWebViewの拡張を作成しました。
今、私のUIViewControllerには、 'loadingView'という名前のUIViewがあります。これは、私の 'loading'インジケーターであり、.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画像を変更したいときは、単に新しい.gif画像の名前で関数configureLoadingView()を呼び出し、showLoadingView()を呼び出すだけで、hideLoadingView()が適切に機能します！.
しかし...
...画像が分割されている場合、次のようにUIImage.animatedImageNamedと呼ばれるUIImage静的メソッドを使用して1行でアニメーション化できます。
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)
ドキュメントから：
既存の画像セットからアニメーション画像を作成して返します。アニメーション画像に含まれるすべての画像は、同じサイズとスケールを共有する必要があります。
スウィフト3：
上記のように、FLAnimatedImageをFLAnimatedImageViewで使用しています。そして、xcassetsからデータセットとしてgifをロードしています。これにより、外観とアプリのスライシングのために、iphoneとipadに異なるgifを提供できます。これは、私が試した他の何よりもはるかに優れたパフォーマンスを発揮します。 .stopAnimating（）を使用して簡単に一時停止することもできます。
if let asset = NSDataAsset(name: "animation") {
let gifData = asset.data
let gif = FLAnimatedImage(animatedGIFData: gifData)
imageView.animatedImage = gif
}
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];