我试图一次显示不同的TableViewCells

时间:2017-07-13 21:22:14

标签: ios swift uitableview

我想一次在iOS swift中显示4个不同的TableViewCell。幸运的是,我已经实现了这一点。我唯一的问题是如何以在Storyboard中调整的大小显示它们。相反,它们每个都在模拟器上以标准尺寸(即小)显示。

Intended Display (Keep in mind that it is a demo

我已经找到并实现了一行代码,这些代码可以帮助我显示多个TableViewCells,这些代码到目前为止已经有效了。

    struct Storyboard {

    static let posterViewcont = "PosterViewCell"
    static let descriptionCell = "DescriptionCell"
    static let mapCell = "LocationCell"
    static let feedCont = "FeedCell"

}

override func numberOfSections(in tableView: UITableView) -> Int {
    // #warning Incomplete implementation, return the number of sections
    return 1
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete implementation, return the number of rows
    return 4
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    switch indexPath.row {

    case 0:
        let cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.posterViewcont, for: indexPath)
        cell.textLabel?.text = "Insert Page View Controller Here!"
        return cell
    case 1:
        let cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.descriptionCell, for: indexPath) as! EventDescriptionCell
        cell.eventDesc.text = "Lorem ipsum dolor sit er elit lamet, consectetaur cillium adipisicing pecu, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Nam liber te conscient to factor tum poen legum odioque civiuda."
        return cell
    case 2:
        let cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.mapCell, for: indexPath) as! LocationCell

        return cell
    case 3:
        let cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.feedCont, for: indexPath)
        cell.textLabel?.text = "Insert Social Feed/Who's Going Here!"
        return cell
    default:
        return UITableViewCell()
    }

}

到目前为止,我已经尝试找到一个合适的解决方案来显示每个单元格的预期尺寸。但没有运气 让我知道我(可能)做错了什么。

3 个答案:

答案 0 :(得分:2)

您需要的只是为不同的单元格返回不同的高度,就像您目前在cellForRow方法中所做的那样

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
{
    if indexPath.row == 0 {
        return 40
    }else if indexPath.row == 1 {
        return 60
    }else{
        return 80
    }
}

答案 1 :(得分:0)

只需在viewDidLoad函数

中添加这两行
tableView.estimatedRowHeight = 44
tableView.rowHeight = UITableViewAutomaticDimension

答案 2 :(得分:0)

在viewDidLoad中添加这两行

yourTableView.estimatedRowHeight = 44
yourTableView.estimatedRowHeight = UITableViewAutomaticDimension

做其中一件事

来自故事板 将uilable的行设置为0,将line break属性设置为自动换行

来自代码 在cellForAtIndexPath

cell.textLabel?.numberOfLines = 0
cell.textLabel?.lineBreakMode = .byWordWrapping

请记住从单元格(内容视图)

设置UILabel的底部约束