Swift assetsに追加した画像の解像度の変更、Dark Mode関連

Question

前提・実現したいこと

swift初心者です。assetsに追加した画像の解像度を変更したいのですが、
コードで解像度を変更しようとすると、リアルタイムでダークモードの画像に切り替わりません。

スクリーンショット

該当のソースコード

~~省略
    lazy var addButton:UIButton = {
        let button = UIButton()
        let image = UIImage(named: "plus")
        let asset = image?.imageAsset
        //解像度変更
        let resolvedImage = asset?.image(with:traitCollection).resize(targetSize: CGSize(width: 15, height: 15))
        button.setImage(resolvedImage, for: .normal)
        button.translatesAutoresizingMaskIntoConstraints = false
        button.setTitleColor(.white, for: .normal)
        return button
    }()
   override func viewDidLoad() {
      view.addSubview(addButton)
      addButton.widthAnchor.constraint(equalToConstant: CGFloat(widthheightSize)).isActive = true
      addButton.heightAnchor.constraint(equalToConstant: CGFloat(widthheightSize)).isActive = true
   }

試したこと

preserve vector dataをオフにしてみましたが何も変化せず。また解像度を変更するコードをlet image = UIImage(named:"plus")の後にしてみたましたがだめでした。
コードで解像度を変えなければリアルタイムでダークモードのimageに切り替わりますが、変えると一度タスクを切らなければimageが切り替わりません

恥ずかしながらここの作業で1日止まっているので、どなたか教えていただけないでしょうか。

Answer 1

XCAsset に登録された画像を UIImageView等に設定している場合、Darkmodeの変更時に自動的に反映されます。
上記のコードでは XCAssetに登録された画像を設定せず、それを加工したオリジナルの画像を登録しているため、Darkmodeに適応できないのは自然なことです。

解決方法としては次の2点。

1. オリジナル画像でなく、XCAssetに登録した画像をそのままUIButtonに設定する。
2. Darkmode変更を監視し、変更される度に自前でオリジナル画像を設定する。

おすすめはもちろん1です。
どうしても2にするのであれば、そのためのAPIが用意されていますのでがんばって実装してください。
リンク

Comments

[RyuS08]

ありがとうございます！1でも2でもできました。

[errolizer]

よかったです。
で、今気づいたんですがこれってベクター画像ですよね？
リサイズしたらベクターの利点が失われますけどそこはだいじょうぶなんですかー？？？

[RyuS08]

ベクター画像ではなさそうなんですよね。resizeしないとどうも画像が粗く出力されてしまいます。

[errolizer]

Appleは SFSymbols の利用を推奨しています。SFSymbolsはベクターなので拡大しても滑らかです。
わざわざ自分でプラス画像を用意しなくてもデフォルトで "plus" が用意されていますよー。

Storyboardで使うなら "plus"と入力するだけ。
コードから設定するなら UIImage(systemName: "plus")