iOS - TableViewCell 中的并排标签对象

Question

我正在努力创建一个非常简单的动态 TableViewCell，其中最左边有一个图像，中间有一个标签，最右边有一个标签，就像这样。

我目前显示了图像和中心标签，但我似乎无法弄清楚如何对齐单元格最左侧的第二个标签对象。

当我运行该应用程序时，它只显示图像和中心标签。如果有人对如何使第二个标签对象显示与图像和第一个标签对象对齐有任何建议，我们将不胜感激。

表格 View 单元格:

class AttractionTableViewCell: UITableViewCell {

@IBOutlet weak var attractionImage: UIImageView!

@IBOutlet weak var attractionLabel: UILabel!

@IBOutlet weak var attractionTime: UILabel!

override func awakeFromNib() {
    super.awakeFromNib()
    // Initialization code
}

override func setSelected(selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    // Configure the view for the selected state
}

}

表格 View Controller :

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let cell =
    self.tableView.dequeueReusableCellWithIdentifier(
        "AttractionTableCell", forIndexPath: indexPath)
        as! AttractionTableViewCell

    let backgroundImage = UIImage(named: "blued.jpg")
    let imageView = UIImageView(image: backgroundImage)
    self.tableView.backgroundView = imageView
    tableView.tableFooterView = UIView(frame: CGRectZero)
    imageView.contentMode = .ScaleAspectFill


            if (indexPath.section == 0){
        cell.attractionLabel.text = attractionNames[indexPath.row]
        cell.attractionImage.image = UIImage(named: attractionImages[indexPath.row])

    }
    if (indexPath.section == 1){
        cell.attractionLabel.text = attractionNames2[indexPath.row]
        cell.attractionImage.image = UIImage(named: attractionImages2[indexPath.row])

    }
    return cell
}

Answer 1

添加一些自动布局约束。

对于图像:

对于中间的标签:

对于正确的标签:

结果应该是这样的: