8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

SwiftGifを利用してGIFアニメーションを表示する【Swift】

Posted at

#はじめに
SwiftGifライブラリを利用したところ、ローカル環境でGIFアニメーションを超簡単に表示できたので、手順を紹介します。
タイトルなし.gif

それではいってみましょう^^

#STEP1 プロジェクトを作成する
何はともあれ、SingleViewAppでプロジェクトを作成します。
スクリーンショット 2020-04-19 9.14.53.png

#STEP2 プロジェクトフォルダに移動し、PodFileを作成する
今回は、cocoaPodsでSwiftGifライブラリをインストールします。

そのため、まずはプロジェクトフォルダに移動し、pod initでPodFileを作成します。

※ cocoaPodsの導入方法については、こちらの記事を参考にしてください。

#STEP3 PodFileを編集し、SwiftGifライブラリをインストールする
作成したPodFileに以下の通り追記し、pod installをします (versionはこちらのInstallationを参照し、適宜修正してください)。
スクリーンショット 2020-04-19 10.37.26.png

#STEP4 UIImageViewを配置し、Outlet接続する
xcworkspaceファイルを起動した後、Main.storyboardにUIImageViewを配置します。
その後、ViewController.swiftにoutlet接続します。
スクリーンショット 2020-04-19 11.01.01.png

#STEP5 プロジェクトフォルダにGIFファイルを配置する
プロジェクトフォルダにGIFファイルをドラッグ&ドロップで配置します。
スクリーンショット 2020-04-19 11.15.23.png

#STEP6 SwiftGifOriginをインポートする
ViewController.swiftにSwiftGifOriginをインポートします。

import UIKit
import SwiftGifOrigin

class ViewController: UIViewController {

    
    @IBOutlet weak var gifImage: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }

#STEP7 loadGifメソッドを追記し、引数としてGIFファイル名を与える
ViewController.swiftのviewDidLoadにloadGifメソッドを追記し、引数としてGIFファイル名を与えます。

import UIKit
import SwiftGifOrigin

class ViewController: UIViewController {

    
    @IBOutlet weak var gifImage: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //loadGifメソッドを追記し、引数としてGIFファイル名を与える
        gifImage.loadGif(name: "hourglass")
        
    }

#STEP8 完成!
ビルドし、シュミレーターで動作を確認します。
タイトルなし.gif
シュミレーターでGIFアニメーションが動作することを確認できました。

#終わりに
私自身まだまだSwiftに慣れていません。
こうした方が良いなどアドバイスがありましたら、お気軽にコメントお願いします!

8
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?