TableViewCell中的动态高度不起作用

时间:2015-08-03 16:25:38

标签: swift uitableview tableviewcell uitableviewautomaticdimension

我花了六个多小时研究并且今天尝试创建动态细胞失败了。我也发现了一些很棒的教程。我做错了什么,希望有人能告诉我什么。

我的应用 该表开始为空。单击添加按钮会显示一个模态VC,它有两个文本输入字段(title / desc)。该数据将传回表中。主VC中的展开方法重新加载表数据。

问题:如果单元格的描述部分超过一行,则会被切断。

以下是我的主视图控制器中的代码,其中包含表格:

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

我认为我做得对:

-Table添加到视图中,原型单元格添加到表格

- 添加到细胞中的两个标签。添加了自动布局。顶部标签约束是容器(前导,尾随和顶部)。底部约束是第二个标签。底部标签有顶部到第二个标签,然后是前端,后端和底部的容器。

-Top标签具有751优先级,用于抗压缩和内容拥抱。底部标签对所有四个标签都有750个优先级。

- 两个标签的首选宽度设置为自动。明确未选中

3 个答案:

答案 0 :(得分:0)

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

tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 80.0

答案 1 :(得分:0)

解决了我的问题。基本上,原型单元的标题和描述标签没有与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

就是这样。现在它完美运行,每次我添加一个项目,一切都正确。

答案 2 :(得分:0)

我会建议你,不要使用rowHeight&amp; estimatedRowHeight。虽然它是有效的,但是当滚动单元格时或者当视图被拒绝时会产生问题,所有单元格都会搞砸。所有问题都是因为细胞的高度。我已经回答了相同的问题,但在ios中的链接

IOS - self sizing cells issue

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