ios - 自定义 TableViewCell 的 UIimageView 宽度为单元格宽度的 1/3，单元格高度 = 图像纵横比

Question

我是 iOS 编程的新手，主要使用界面生成器来调整单元格布局。目前我有一个带有 ImageView 和标签的自定义 TableView 单元格。

我愿意:

1) ImageView 宽度 = 单元格大小的 1/3(我似乎无法通过 Storyboard做到这一点)

2) 在保持图像纵横比不变的情况下动态调整单元格高度。我已经为 UIImageView 添加了等于单元格高度的约束。

我搜索了 StackOverflow，但有些答案变得非常复杂，所以我无法真正理解如何使其适合我的情况。我玩弄了约束，但似乎我必须以编程方式执行此操作？

这是我目前拥有的细胞方法:

extension FirstTableViewController: UITableViewDelegate, UITableViewDataSource{

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return dataCells.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let folderCell = dataCells[indexPath.row]
        print(folderCell)
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell") as! FirstTableViewCell
        cell.setCell(cell:folderCell)
        return cell

这是我的单元格类:

class FirstTableViewCell: UITableViewCell {


    @IBOutlet weak var ImageView: ScaledHeightImageView!
    @IBOutlet weak var FolderLabel: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
        //print(FolderLabel)


    }
    func setCell (cell : FolderCell){
        self.ImageView.image = cell.image
        self.FolderLabel.text = cell.label
    }
}

Answer 1

您可以通过在 superview 中添加相等的宽度来从 Storyboard 中做到这一点，然后将其乘数更改为 0.3