Swift4でUIButtonのsetImage()がうまくいかない

Question

###前提・実現したいこと
URLから画像ファイルを取ってきて、ボタンに設置しようとするところで、行き詰まっています。

###該当のソースコード

    let cell = tableView.dequeueReusableCell(withIdentifier: "postCell", for: indexPath) as! CustomTableViewCell

    let userProfileImage: UIImage = self.downloadProfileImage(from: hisData["userImage"]! as! String)!
    cell.userImage.setImage(userProfileImage, for: UIControlState())



    // プロフィール画像(Button)を取得
    func downloadProfileImage(from imgURL: String!) -> UIImage? {
        let url = URLRequest(url: URL(string: imgURL)!)
        var imageData = UIImage()
        let task = URLSession.shared.dataTask(with: url) {
            (data, response, error) in
            if let error = error {
                print(error.localizedDescription)
                return
            }
            
            if let data = data {
                DispatchQueue.main.async {
                    imageData = UIImage(data: data as Data)!
                }
            }
            
            
        }
        task.resume()
        return imageData
        
    }


CustomTableViewCell.swift  //identifier → postCell

class CustomTableViewCell: UITableViewCell {
    
    var delegate: UIViewController? 
    
    @IBOutlet weak var userImage: UIButton!

}

###補足情報

hisData["userImage"]には画像のURLが入っていることをプリントして確認しました。
エラーなどは特に出ず、画像を入れようとしているボタンもきちんと動いています。
ただ、画像だけが表示されません...

よろしくお願いいたします。

不明点などは、ご指摘いただければ改善いたします。

Comments

[fuzzball]

処理は if let data = data {} の中に入っていますか？入っているなら print(UIImage(data: data as Data)!) の出力を教えて下さい。

[退会済みユーザー]

UIButtonにsetImageする処理はfunc tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {}の中に入っています。なのでif let data = data {}を記述すると、Use of unresolved identifier 'data'と出ます。downloadProfileImage(){}内のimageData = UIImage(data: data as Data)!の直後にprintすると<UIImage: 0x1c42aac20>, {746, 750}と出力されました。

[fuzzball]

(deleted)

[fuzzball]

セルに乗せているボタンに画像をセットしているのであれば、その部分のコードを書いて下さい。

[退会済みユーザー]

カスタムセルを作成していて、最上部で指定しているcellの中のuserImageというoutletに値を入れようと試みました。

Answer 1

セル生成時はリクエストをしているだけで画像データの受信は完了していませんので、downloadProfileImage(from:)の戻り値で画像データは返ってきません。

画像データの受信完了時にセットするようにして下さい。
現在のコードで言うと、

imageData = UIImage(data: data as Data)!

のところです。

画像データ受信中に、セルが画面外に出てしまったときの処理なども必要になってきます。
けっこう面倒くさいですよ。覚悟して取り組んで下さい。

Comments

[fuzzball]

「swift セル 非同期」などで検索すると実例やトラブル例などが見つかると思います。

[退会済みユーザー]

ご丁寧にありがとうございます。調べてみます。

[fromageblanc]

https://github.com/rs/SDWebImage/tree/master/SDWebImage
おすすめです