ButtonをタップするとimageViewの画像が消えてしまう

Question

実現したいこと

ProfileButtonのimageViewにKingfisherというライブラリを利用して画像URLを渡して画像を表示しています。問題なく表示されるのですが、1度buttonをtapしてしまうとButton内の画像(imageView)が消えてしまいます。それを消えないようにしたいです。

ソースコード①ボタンクラス

import Foundation
import UIKit
import Kingfisher

class ProfileButton: UIButton {

    private let profileButtonSize = CGSize(width: 32, height: 32)
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        DispatchQueue.main.async {
            self.imageView!.isHidden = false
        }
        
        imageView!.frame = CGRect(origin: CGPoint.zero, size: profileButtonSize)
        imageView!.clipsToBounds = true
        imageView!.contentMode = .scaleAspectFill
        imageView!.layer.cornerRadius = profileButtonSize.width / 2
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    var profileImageUrl: String? {
        didSet {
            
            let scale = UIScreen.main.scale
            let imageSize = CGSize(width: profileButtonSize.width * scale, height: profileButtonSize.height * scale)
            let resizingProcessor = ResizingImageProcessor(referenceSize: imageSize)
            let options = [KingfisherOptionsInfoItem.processor(resizingProcessor)]
            self.imageView!.setImage(urlString: profileImageUrl!, placeholder: #imageLiteral(resourceName: "ic_header_profile"), options: options)
        }
    }
}

ソースコード②呼び出し元viewController

//プロフィールアイコンボタンをセットする
let profileButton = ProfileButton()
profileButton.profileImageUrl = UserDefaults.Channel!.urlImage
profileButton.isUserInteractionEnabled = true
profileButton.addTarget(self, action: #selector(tapOnMenu(_:)), for: .touchUpInside)
let menuItem = UIBarButtonItem(customView: profileButton)
navigationItem.leftBarButtonItem = menuItem

navigationItem.title = Localizable.DashboardScreen.titleDashboardScreen.localized()
if let containerVC = AppDelegate.share()?.getContainerViewController() {
    self.containerView.panGestureRecognizer.require(toFail: containerVC.edgePanGestureRecognizer)
}

UserDefaults.standard.rx
    .observe(Channel.self, UserDefaults.keySaveChannel)
    .observeOn(MainScheduler.instance)
    .subscribe(onNext: { [weak self] _ in
        guard let `self` = self, UserDefaults.Channel != nil else {
            return
        }
        
        //プロフィールアイコンボタンをセットする
        let profileButton = ProfileButton()
        profileButton.profileImageUrl = UserDefaults.Channel!.urlImage
        
        profileButton.isUserInteractionEnabled = true
        profileButton.addTarget(self, action: #selector(self.tapOnMenu(_:)), for: .touchUpInside)
         
        let menuItem = UIBarButtonItem(customView: profileButton)
        self.navigationItem.leftBarButtonItem = menuItem
        
    }).disposed(by: disposeBag)

試したこと

元々画像が表示されず困っていたのですが以下のコードをProfileButtonクラスに挿入したことで画像が表示されるようになりました。ですがボタンをタップしてしまうと画像が表示されなくなってしまうので、これと同じでスレッド関連の何かが影響しているのではないかと思いいろいろと試行錯誤してみましたが解決することができかねている状況です。皆様のお力添えいただけますと幸いです。

DispatchQueue.main.async {
    self.imageView!.isHidden = false
}

補足情報

Swift 5.0.1
Xcode 11.2

Answer 1

kingfisherは使ったことはありませんが、
以下の記事を見た感じでは
http://www.cl9.info/entry/2016/12/26/231642

UIButtonのimageViewに対してではなく、UIButtonそのものに対してkingfisherによる画像設定APIが用意されているはずなので、そちらを使ってください。

一般的にUIButtonに画像をセットする場合も直接imageView.imageへ画像を入れることはありません。

UIButtonはタップ時や無効時など、状態に併せて画像を切り替える機構がありますので、
直接imageViewへ画像を入れてもUIButton側で勝手に画像を差し替えられます。

Comments

[swifty]

UIButtonそのものに直接セットすることで無事解決できました！本当にありがとうございました！