0
1

More than 1 year has passed since last update.

【Swift × cocoapods】0から学ぶライブラリ(SSSwiftUIGIFView)の使い方

Posted at

目的

Swift でライブラリ(SSSwiftUIGIFView)を使い GIF画像 を表示させる

結果

シンプソンズ_画面収録.gif

前提

ファイルの構成

スクリーンショット 2021-10-30 1.37.14.png

スクリーンショット 2021-10-30 1.37.40.png

流れ

⓪ : CocoaPods をインストール
① : Podfile を作成する
② : ライブラリ Podfile に記載する
③ : Podfile の実行
④ : ライブラリをプログラムに追加する
⑤ : 使用するGIF画像を取得
⑥ : GIF画像を表示するプログラムを作成
⑦ : プログラムを実行して動作確認

⓪ : CocoaPods をインストール

CocoaPods とは?
(参考 : )
sudo gem update --system

CocoaPods をMacにインストール

sudo gem install cocoapods

エラーが出る場合
sudo gem install -n /usr/local/bin cocoapods

インストール後
pod setup

① : Podfile を作成する

ターミナルでプロジェクトファイルがある場所へと移動
cd ~~~/対象のプロジェクトファイル
image.png

Podfile を作成する
pod init

スクリーンショット 2021-10-30 1.40.49.png

image.png

② : ライブラリ(SSSwiftUIGIFView)を Podfile に記載する

=== おまけ ===
? SSSwiftUIGIFView とは?
GIF画像を表示するためのライブラリ
https://github.com/SimformSolutionsPvtLtd/SSSwiftUIGIFView

==============

Podfile を開く
[右クリック] → [このアプリケーションで開く] → [テキストエディット.app]

スクリーンショット 2021-10-30 1.44.58.png

スクリーンショット 2021-10-30 1.50.25.png

[# Pods for Music] の1行下に追加
pod 'SSSwiftUIGIFView'

(バージョン指定)
pod 'SSSwiftUIGIFView' '~> 1.0.0'

スクリーンショット 2021-10-30 1.51.56.png

[Command + S]で Podfile を保存
編集済み が消えていれば大丈夫
スクリーンショット 2021-10-30 1.52.41.png

スクリーンショット 2021-10-30 1.52.24.png

③ : Podfile の実行

実行
pod install
image.png

実行後のファイル
image.png

④ : ライブラリをプログラムに追加する

image.png

白色の 「Music.xcworkspace」 からプログラムを開く
[ ContentView.swift ] のプログラムを開く
スクリーンショット 2021-10-30 2.13.04.png

プログラムを1行追加
import SSSwiftUIGIFView
スクリーンショット 2021-10-30 2.17.05.png

⑤ : 使用するGIF画像を取得

好きなGIFをインターネットから取得してください

↓例
スクリーンショット 2021-10-30 2.23.21.png

⑥ : GIF画像を表示

ダウンロードした GIF画像 を確認
スクリーンショット 2021-10-30 2.23.05.png

GIF画像を XCode にドラッグ&ドロップ
スクリーンショット 2021-10-30 2.25.37.png

GIF画像を取り込む際の設定 (デフォルトから変更は特になし)
image.png

GIF画像 が XCode に取り込まれているか確認 (SoundPlayer.swift は自作のファイルです。無視してください)
スクリーンショット 2021-10-30 2.28.59.png

ライブラリ SSSwiftUIGIFView の SwiftUIGIFPlayerView を使い、GIF画像を表示する
SwiftUIGIFPlayerView(gifName: "シンプソンズ")
( SwiftUIGIFPlayerView(gifName: "GIF画像名") )
スクリーンショット 2021-10-30 2.30.30.png

⑦ : プログラムを実行して動作確認

XCode と 実機(iPhone12mini) を繋いで、ビルドを行い動作確認。
(ビルドの方法は各自調べてみてください。参考になる記事たくさんあります。シミュレーターでビルドしても良い。)
シンプソンズ_画面収録.gif

0
1
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
0
1