TableViewCell 中的动态高度不起作用

Posted 2023-03-15

【中文标题】TableViewCell 中的动态高度不起作用

【英文标题】：Dynamic Height in TableViewCell Not Working

【发布时间】：2015-08-03 16:25:37

【问题描述】：

我今天花了六个多小时研究并尝试创建动态单元格，但没有成功。我也找到了一些很棒的教程。我做错了什么，希望有人能告诉我。

我的应用： 桌子开始是空的。单击添加按钮会显示一个模态 VC，它有两个文本输入字段（标题/描述）。该数据被传递回表。主 VC 中的 unwind 方法重新加载表数据。

问题：如果单元格的描述部分超过一行，就会被截掉。

这是我的主视图控制器中的代码，其中包含表格：

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate 

//***** ----- ***** ------ ***** ----- ***** ----- *****
//Initial Setup
//***** ----- ***** ------ ***** ----- ***** ----- *****

@IBOutlet weak var tableView: UITableView!

override func viewDidLoad() 
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.



override func viewDidAppear(animated: Bool) 
    tableView.reloadData()


override func didReceiveMemoryWarning() 
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.


//Automatic table reload upon unwind
@IBAction func unwindToMain(segue: UIStoryboardSegue) 
    //RW's code for dynamic cell height
    tableView.rowHeight = UITableViewAutomaticDimension
    tableView.estimatedRowHeight = 80.0

    tableView.reloadData()


//***** ----- ***** ------ ***** ----- ***** ----- *****
//Functions
//***** ----- ***** ------ ***** ----- ***** ----- *****

//Swipe to delete task cell
func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) 
    if(editingStyle == UITableViewCellEditingStyle.Delete) 
        taskMgr.tasks.removeAtIndex(indexPath.row)
        tableView.reloadData()
    




//***** ----- ***** ------ ***** ----- ***** ----- *****
//Table View & Cell Setup
//***** ----- ***** ------ ***** ----- ***** ----- *****

//Tells the table how many rows it should render
//*Looks to the taskMgr to count tasks, creates equal # of rows
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
    return taskMgr.tasks.count


//Creates the individual cells. If the above function returns 3, this runs 3 times
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
    let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "BasicCell")

    tableView.rowHeight = UITableViewAutomaticDimension
    tableView.estimatedRowHeight = 80.0

    cell.textLabel?.text = taskMgr.tasks[indexPath.row].name
    cell.detailTextLabel?.text = taskMgr.tasks[indexPath.row].desc

    return cell

我的模态/编辑器视图中的代码：

class EditorView: UIViewController, UITextFieldDelegate 

@IBOutlet var txtTask: UITextField!
@IBOutlet var txtDesc: UITextView!

override func viewDidLoad() 
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.




//***** ----- ***** ------ ***** ----- ***** ----- *****
//Keyboard Functionality
//***** ----- ***** ------ ***** ----- ***** ----- *****

//Dismisses keyboard upon tapping the return key
func textFieldShouldReturn(textField: UITextField) -> Bool
    textField.resignFirstResponder()
    return true


//Dismisses keyboard upon touch outside text boxes
override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) 
    self.view.endEditing(true)


//***** ----- ***** ------ ***** ----- ***** ----- *****
//Code to run upon Editor being dismissed
//***** ----- ***** ------ ***** ----- ***** ----- *****

//Actions performed upon tapping the 'Finish' button
@IBAction func dismissEditorView(sender: AnyObject) 

    //Calls a previously written function to append textfield input to the table array
    taskMgr.addTask(txtTask.text, desc: txtDesc.text)

    //Dismisses the EditorView
    dismissViewControllerAnimated(true, completion: nil)

我的任务管理器文件包含一个将新项目附加到表的功能：

import UIKit

//This has global scope!!
var taskMgr: TaskManager = TaskManager()

struct task 
    var name = "Name TBD"
    var desc = "Desc TBD"


class TaskManager: NSObject 

    var tasks = [task]()

    func addTask(name: String, desc: String)
        tasks.append(task(name: name, desc: desc))    
    

我一直在参考的教程：

http://natashatherobot.com/ios-8-self-sizing-table-view-cells-with-dynamic-type/

http://www.raywenderlich.com/87975/dynamic-table-view-cell-height-ios-8-swift

http://coding.tabasoft.it/ios/ios8-self-sizing-uitableview-cells/

http://useyourloaf.com/blog/2014/08/07/self-sizing-table-view-cells.html

我认为我做对了：

-表格添加到视图，原型单元格添加到表格

-向单元格添加两个标签。添加了自动布局。顶部标签约束是容器（前导、尾随和顶部）。底部约束是第二个标签。底部标签具有从上到下的标签，然后是前导、尾随和底部的容器。

-顶部标签具有 751 优先级，用于抗压缩和内容拥抱。底部标签的四个优先级均为 750。

-两个标签的首选宽度都设置为自动。显式未选中

【参考方案1】：

问题是您在创建 UITableViewCell 后设置了 .rowHeight 和 .estimatedRowHeight。将以下行移入viewDidLoad()：

tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 80.0

【讨论】：

谢谢，但这对我不起作用。我认为它需要同时进入 viewDidLoad 和 unwind segue。如果它没有在展开时运行，那么它将无法工作，viewDidLoad 在关闭模式视图时似乎没有运行。我怀疑这与我更新原始单元格标题和描述的代码有关，而不是我在情节提要中添加的那些？

【参考方案2】：

解决了我的问题。基本上原型单元格的标题和描述标签没有链接到带有 IBOutlets 的代码。我的应用程序工作正常，因为当我运行它并添加一个表格项目时，它只使用了默认标题和副标题。但是，那些没有自动布局约束或线设置为 0，因此高度是静态的。

我添加了一个自定义类文件并将单元格的自定义类设置为新类，然后将 IBOutlet 链接到此文件。所以那个文件看起来像这样：

import UIKit

class CustomTableViewCell: UITableViewCell 

    @IBOutlet var nameLabel:UILabel!
    @IBOutlet var descLabel: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
    

然后我只是稍微更改了我的主 ViewController 代码（如我上面的问题所示。这是更改的地方：

//Creates the individual cells. If the above function returns 3, this runs 3 times
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 

    let cellIdentifier = "BasicCell"
    let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifier, forIndexPath: indexPath) as! CustomTableViewCell

    cell.nameLabel.text = taskMgr.tasks[indexPath.row].name
    cell.descLabel.text = taskMgr.tasks[indexPath.row].desc

就是这样。现在它完美地工作了，每次我添加一个项目时，一切都正确。

【参考方案3】：

我会建议你，不要使用 rowHeight 和estimatedRowHeight。虽然它是有效的，但当单元格滚动或视图消失时，它会产生问题，所有单元格都会变得混乱。所有的问题都是因为细胞的高度。我已经回答了同样的问题，但在以下链接中的 ios 中

IOS - self sizing cells issue

尝试快速转换它。我没有快速的知识。希望对你有用。