UIImageviewのURLからアニメーションGif画像をロードする必要があります。
通常のコードを使用すると、画像が読み込まれませんでした。
アニメーション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
これは受け入れられた答えを見つけました、しかし私は最近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"]];
魔法のように機能します。
これがGifImageを使用するための最良の解決策です。プロジェクトに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プロジェクトにインポートして、文字列にルートを設定することができます。
ここに興味深いライブラリがあります:https://github.com/Flipboard/FLAnimatedImage
デモの例をテストしましたが、うまく機能しています。これはUIImageViewの子です。ですから、ストーリーボードでも直接使用できると思います。
乾杯
回答がすでに承認されていることは知っていますが、他のUIKitFrameworkクラスを使用しているように感じるiOSにGifサポートを追加する組み込みフレームワークを作成したことを共有しようとしないのは難しいです。
次に例を示します。
UIGifImage *gif = [[UIGifImage alloc] initWithData:imageData];
anUiImageView.image = gif;
https://github.com/ObjSal/UIGifImage/releasesから最新リリースをダウンロードします
-サル
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)
ドキュメントから:
既存の画像セットからアニメーション画像を作成して返します。アニメーション画像に含まれるすべての画像は、同じサイズとスケールを共有する必要があります。
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];
スウィフト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
}
スウィフトとを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
}()