Help us understand the problem. What is going on with this article?

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

はじめに

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に慣れていません。
こうした方が良いなどアドバイスがありましたら、お気軽にコメントお願いします!

hideyuki_kai
都内のSIerでSE兼デジタルマーケティングをしている28歳です。2020年3月iOSアプリの個人開発始めました🐠デジハリGs Academy Dev11期生。最近はSwiftとPHPをよく触っています。技術ブログはじめました! https://for-engineers.net/
https://www.wantedly.com/users/125679557
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした