imageViewに画像を表示させます。ネット上にある画像のURLを指定して表示させます。
今回はKingfisher(キングフィッシャー)を使用してみます
別のライブラリー”Nuke”を使った画像表示は別の記事で解説↓
完成形はこれ
![](https://utro-develop.com/wp-content/uploads/2021/08/F0776788-CFDF-4EA3-A2F4-0F7CA99AE4C8-1-507x1024.png)
ライブラリーをインストールする
![](https://utro-develop.com/wp-content/uploads/2021/08/7266DA3B-48E3-48F1-9799-01F63D2C452C_4_5005_c-1024x209.jpeg)
ライブラリーのインストール方法は前回記事で説明したのでサラッと行きます
![](https://utro-develop.com/wp-content/uploads/2021/08/FC1DD7BB-A3E5-44DE-A3F6-38E8C1841A6A-1024x392.png)
ターミナル起動して、podfileのあるフォルダのところで以下を入力
pod install
Main.storyboard編集
imageViewを設置するだけ
![](https://utro-develop.com/wp-content/uploads/2021/08/72F9F12E-75F2-4AB2-8AEB-31A019B79B78-1-1024x697.png)
ViewController.swift編集
imageViewは”addImage”という名前で紐づけてます
コードの書き方は、画像ライブラリー”Nuke”とほぼ同じ要領ですね(´∀`)
import UIKit
import Kingfisher
class ViewController: UIViewController {
@IBOutlet weak var addImage: UIImageView!
override func viewDidLoad() {
super.viewDidLoad()
let url = URL(string: "https://d1c4vk0uc4cx9g.cloudfront.net/uploads/2020/02/Apple-SteveJobs.jpg")
addImage.kf.setImage(with: url)
}
}
おしまい
コメント