TableViewCell 中的动态高度不起作用
Dynamic Height in TableViewCell Not Working
我已经花了六个多小时研究并尝试创建动态单元格,但没有成功。我也找到了一些很棒的教程。我做错了什么,希望有人能告诉我。
我的应用程序:
table 开始为空。单击添加按钮会显示一个模态 VC,它有两个文本输入字段 (title/desc)。该数据被传回 table。主要 VC 中的展开方法重新加载 table 数据。
问题: 如果单元格的描述部分超过一行,就会被截断。
这是我的主视图控制器中的代码,其中包含 table:
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
}
}
我的 modal/editor 视图中的代码:
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)
}
}
我的任务管理器文件包含将新项目附加到 table:
的功能
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 添加到视图,原型单元格添加到 table
-单元格中添加了两个标签。添加了自动布局。顶部标签约束是针对容器的(前导、尾随和顶部)。底部约束是第二个标签。底部标签有从上到下的标签,然后是前导、尾随和底部的容器。
-Top label 有 751 优先级抗压缩和内容拥抱。底部标签对所有四个都有 750 优先级。
-两个标签都将首选宽度设置为自动。显式未选中
问题是您在创建 UITableViewCell 后设置 .rowHeight
和 .estimatedRowHeight
。将以下行移动到 viewDidLoad()
:
tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 80.0
解决了我的问题。基本上原型单元格的标题和描述标签没有链接到带有 IBOutlets 的代码。我的应用程序运行正常,因为当我 运行 它并添加了一个 table 项目时,它只使用默认标题和副标题。但是,那些没有自动布局约束或行设置为 0,因此高度表现静态。
我添加了自定义 class 文件并将单元格的自定义 class 设置为新的 class,然后将 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
就是这样。现在它完美地工作了,每次我添加一个项目时,所有的大小都正确。
我会建议你,不要使用 rowHeight & estimatedRowHeight。虽然它是有效的,但当单元格滚动或视图消失时,它会产生问题,所有单元格都会变得混乱。所有的问题都是因为单元格的高度。我已经回答了同样的问题,但是在 ios 之后 link
IOS - self sizing cells issue
尝试在 swift 中转换它。我不了解 swift。希望对你有用。
我已经花了六个多小时研究并尝试创建动态单元格,但没有成功。我也找到了一些很棒的教程。我做错了什么,希望有人能告诉我。
我的应用程序: table 开始为空。单击添加按钮会显示一个模态 VC,它有两个文本输入字段 (title/desc)。该数据被传回 table。主要 VC 中的展开方法重新加载 table 数据。
问题: 如果单元格的描述部分超过一行,就会被截断。
这是我的主视图控制器中的代码,其中包含 table:
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
}
}
我的 modal/editor 视图中的代码:
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)
}
}
我的任务管理器文件包含将新项目附加到 table:
的功能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 添加到视图,原型单元格添加到 table
-单元格中添加了两个标签。添加了自动布局。顶部标签约束是针对容器的(前导、尾随和顶部)。底部约束是第二个标签。底部标签有从上到下的标签,然后是前导、尾随和底部的容器。
-Top label 有 751 优先级抗压缩和内容拥抱。底部标签对所有四个都有 750 优先级。
-两个标签都将首选宽度设置为自动。显式未选中
问题是您在创建 UITableViewCell 后设置 .rowHeight
和 .estimatedRowHeight
。将以下行移动到 viewDidLoad()
:
tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 80.0
解决了我的问题。基本上原型单元格的标题和描述标签没有链接到带有 IBOutlets 的代码。我的应用程序运行正常,因为当我 运行 它并添加了一个 table 项目时,它只使用默认标题和副标题。但是,那些没有自动布局约束或行设置为 0,因此高度表现静态。
我添加了自定义 class 文件并将单元格的自定义 class 设置为新的 class,然后将 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
就是这样。现在它完美地工作了,每次我添加一个项目时,所有的大小都正确。
我会建议你,不要使用 rowHeight & estimatedRowHeight。虽然它是有效的,但当单元格滚动或视图消失时,它会产生问题,所有单元格都会变得混乱。所有的问题都是因为单元格的高度。我已经回答了同样的问题,但是在 ios 之后 link
IOS - self sizing cells issue
尝试在 swift 中转换它。我不了解 swift。希望对你有用。