UIImageViewで画像を領域いっぱいに表示したい

Question

現在Swiftでアプリ開発をしていますが、UIImageView内に画像を適切に表示することに失敗します。

実現したいこと

・横幅が画面幅、高さが横幅の5/9の枠(ImageView)内に、様々なサイズの画像を収めたい。
・画像の比率は保ちたい
・枠より小さい画像も、領域内いっぱいに拡大して隙間が出ないようにしたい
・kingfisherを使いたい

失敗したコード

@IBOutlet weak var markerImageView: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()
    let imageWidth  = self.view.frame.width
    let imageHeight = imageWidth*5/9
    let processor = ResizingImageProcessor(referenceSize: 
    CGSize(width:imageWidth,height:imageHeight),mode: .aspectFill)
    markerImageView.kf.setImage(with: URL(string: imageUrl),options: [.processor(processor)])
}

実際の挙動

リサイズプロセッサーのmodeを.aspectFitにしてもaspectFillにしても、画像の全部を領域内に入れようとして、横や縦に隙間ができてしまう。.noneにすれば望み通り領域内いっぱいに画像が拡大されるが、比率が無茶苦茶になってしまう。

Comments

[fuzzball]

imageWidth, imageHeightの値と、読み込み後（リサイズ後）の画像のサイズを教えて下さい。

（余談）今回の質問とは直接関係ありませんが、viewDidLoad()の時点では画面サイズは確定していないので、端末によっては画面幅と画像幅が一致しない場合があると思います。

[locking]

imageWidthとimageHeightはそれぞれ414.0, 230.0となっていたのですが、末尾にprint(markerImageView.image?.size.width)
print(markerImageView.image?.size.height)
を追加したところ、どちらもnilになっていました。

[fuzzball]

>>どちらもnilになっていました。
それはまだ読み込みが終わってないからmarkerImageView.imageがnilなのでは？

Answer 1

KingfisherのResizingImageProcessorを使用せず、UIImageViewのcontentModeで設定してあげればどうでしょうか？

markerImageView.kf.setImage(with: URL(string: imageUrl))
imageView.contentMode = .scaleAspectFill
imageView.clipsToBounds = true

KingfisherのResizingImageProcessorを使用したい特別な理由がある場合はすみません。

Comments

[locking]

望み通りの挙動を確認することができました、ありがとうございます。
ただ、Kingfisherの機能だけで完結できればコードの統一性がいいので、引き続きKingfisherを使った方法がないか募集させていただきます。