カスタムしたCell内のUIImageViewをタップすると画像の位置がずれる

Question

上記の画像の様にTableViewのCell内にimageView,Label,Labelを
配置しAutoLayoutを設定しております。(imageViewを選択後Add New Constraintsで左の数値を0に設定)
この状態でBuildすると下記の様に表示されます。(AutoLayoutが適応されている)

上記の画像の状態でCellをタップすると下記の画像の様に画像がずれてしまい、Labelに画像が重なってしまいます。

ソースは下記の様に実装しております。
どなたか解決方法をご教示いただけますと幸いです。
よろしくお願いいたします。

import UIKit

class CustomTableViewCell: UITableViewCell {

    @IBOutlet weak var articleImage: UIImageView!
    @IBOutlet weak var articleDateTime: UILabel!
    @IBOutlet weak var articleTitle: UILabel!
    
    override func awakeFromNib() {
        super.awakeFromNib()
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
    
    func setCell(imageNames: String,  articleDateTimes: String, articleTitles: String) {
        articleImage.image = UIImage(named: imageNames)
        articleDateTime.text = articleDateTimes
        articleTitle.text = articleTitles
    }
}

import UIKit

var refreshControl:UIRefreshControl!


class HomeViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    @IBOutlet var tableView: UITableView!
    
    let home = Home()
    
    override func viewDidLoad() {
        super.viewDidLoad()        
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return home.imageNames.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell") as! CustomTableViewCell
        
        cell.setCell(imageNames: home.imageNames[indexPath.row], articleDateTimes: home.articleDateTimes[indexPath.row], articleTitles: home.articleTitles[indexPath.row])

        return cell
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print(home.imageNames[indexPath.row])
    }
    
    
    
}

Answer 1

コードを見る限りはずれる要素はなさそうですが、、、

ずれた時に画像の幅も変わっているのでとりあえずUIImageViewのContent Modeの変更、Clip To Boundsのチェックを変えてみてください。（UIImageViewからはみ出して表示されているかもなので）

後はUIImageViewの左以外の制約はどの様になっていますか？幅は固定ですか？

関係ないかもしれませんが、気になるのがセパレーターが途中で切れている事です。カスタムセルを使用しているのでしたらそのような見え方にはならないと思うので。

Comments

[syoshinsya]

いつもご回答ありがとうございます。

一度UIImageViewを削除し、Layoutを設定しなおすことで解決いたしました。

http://kimihiro-n.appspot.com/show/5906765174538240

上記記事等を見てコード上でUImageViewの位置を設定しなければいけないのか？などなど

難しく考えてしまっていました。

ご回答ありがとうございました。