如何针对不同的屏幕尺寸调整UITableViewCell内的内容?

时间:2014-11-04 15:21:00

标签: ios xcode uitableview ios8 xcode6.1

我已经构建了一个自定义表格单元格:

enter image description here

class CustomTableViewCell: UITableViewCell {

    @IBOutlet weak var streetLabel: UILabel!
    @IBOutlet weak var cityLabel: UILabel!
    @IBOutlet weak var priceLabel: UILabel!

    func loadItem(#street: String, city: String, price: String){
        self.streetLabel.text = street
        self.cityLabel.text = city
        self.priceLabel.text = price
    }
}

iPhone 5上的结果:

enter image description here

iPhone 6 +上的结果

enter image description here

如您所见,单元格的左侧显示正确,它会粘在左侧。然而,右侧应该坚持到右边,但事实并非如此。所以这是我的问题:

  • 如何将单元格的宽度设置为tableView的宽度,以便单元格与屏幕具有相同的宽度?
  • 如何让右侧实际上坚持表格单元格的右侧?

1 个答案:

答案 0 :(得分:1)

UITableViewCells总是与它们所在的UITableView一起使用,因此需要注意这一点。

根据您发布的屏幕截图,您似乎不会使用自动布局来定位标签。您需要做的只是在价格标签右侧向单元格右侧添加约束。然后,当细胞生长时,您的标签将与细胞的右边缘保持相同的距离。

您对顶部标签的约束应该如下所示。

enter image description here