运行时的动态节标题高度
Posted
技术标签:
【中文标题】运行时的动态节标题高度【英文标题】:Dynamic section header height on runtime 【发布时间】:2020-07-06 14:49:16 【问题描述】:我在视图控制器中有UITableView
,带有一个节标题,在标题中,我有一个UITextView
,禁用滚动并将所有UITextView
边缘固定到其超级视图。
这是自动改变高度的代码
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
guard let view = tableView.dequeueReusableHeaderFooterView(withIdentifier: "CreatePostHeaderView") as? CreatePostHeaderView else
return nil
return view
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat
return UITableView.automaticDimension
并使用此代码设置估计高度
tableView.estimatedSectionHeaderHeight = 75
但在运行时UITextView
的文本超过 75 的高度时,无论 UITextView 内容如何,它都不会改变。那么,我是否需要添加任何内容以确保表格部分标题高度根据UITextView
内容更改?我在这里有什么遗漏吗?
【问题讨论】:
我不太确定这是否可行,因为我为我的 tableHeaderView 这样做并且从未尝试过节标题:view.frame = CGRect(origin: CGPoint.zero, size: view.systemLayoutSizeFitting(size, withHorizontalFittingPriority: UILayoutPriority.defaultLow, verticalFittingPriority: UILayoutPriority.fittingSizeLevel))
【参考方案1】:
当执行一些改变单元格高度的动作(包括页眉/页脚单元格)时,你必须通知表格视图高度已经改变。
这通常通过以下任一方式完成:
tableView.beginUpdates()
tableView.endUpdates()
或:
tableView.performBatchUpdates(_:completion:)
在这种情况下,您希望在文本视图中的文本发生更改时调用它 - 可以通过“回调”闭包轻松完成。
这是在可重复使用的UITableViewHeaderFooterView
中使用UITextView
的示例。
这将适用于从 XIB 加载复杂视图,但由于此视图很简单(仅包含 UITextView
),我们将通过代码完成所有操作。此示例使用 3 个部分,每个部分有 12 行(默认表格视图单元格)。
首先,表格视图控制器类 - 没有@IBOutlet
或@IBAction
连接,所以只需创建一个新的UITableViewController
并将其自定义类设置为MyTestSectionHeaderTableViewController
:
class MyTestSectionHeaderTableViewController: UITableViewController
var myHeaderData: [String] = [
"Section 0",
"Section 1",
"Section 2",
]
override func viewDidLoad()
super.viewDidLoad()
tableView.rowHeight = 50
tableView.keyboardDismissMode = .onDrag
tableView.sectionHeaderHeight = UITableView.automaticDimension
tableView.estimatedSectionHeaderHeight = 75
tableView.register(UITableViewCell.self, forCellReuseIdentifier: "defCell")
tableView.register(MySectionHeaderView.self, forHeaderFooterViewReuseIdentifier: MySectionHeaderView.reuseIdentifier)
override func numberOfSections(in tableView: UITableView) -> Int
return myHeaderData.count
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
return 12
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
let c = tableView.dequeueReusableCell(withIdentifier: "defCell", for: indexPath)
c.textLabel?.text = "\(indexPath)"
return c
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
let v = tableView.dequeueReusableHeaderFooterView(withIdentifier: MySectionHeaderView.reuseIdentifier) as! MySectionHeaderView
v.myTextView.text = myHeaderData[section]
v.textChangedCallback = txt in
self.myHeaderData[section] = txt
tableView.performBatchUpdates(nil, completion: nil)
return v
这是UITableViewHeaderFooterView
类。请注意,它需要符合UITextViewDelegate
,以便我们可以告诉控制器文本已更改(因此它可以在需要时更新高度),并且我们将新编辑的文本传回以更新我们的数据源:
class MySectionHeaderView: UITableViewHeaderFooterView, UITextViewDelegate
static let reuseIdentifier: String = String(describing: self)
var myTextView: UITextView =
let v = UITextView()
v.isScrollEnabled = false
return v
()
var textChangedCallback: ((String) -> ())?
override init(reuseIdentifier: String?)
super.init(reuseIdentifier: reuseIdentifier)
commonInit()
required init?(coder aDecoder: NSCoder)
super.init(coder: aDecoder)
commonInit()
func commonInit() -> Void
contentView.addSubview(myTextView)
myTextView.translatesAutoresizingMaskIntoConstraints = false
let g = contentView.layoutMarginsGuide
NSLayoutConstraint.activate([
myTextView.topAnchor.constraint(equalTo: g.topAnchor),
myTextView.leadingAnchor.constraint(equalTo: g.leadingAnchor),
myTextView.trailingAnchor.constraint(equalTo: g.trailingAnchor),
myTextView.bottomAnchor.constraint(equalTo: g.bottomAnchor)
])
myTextView.delegate = self
func textViewDidChange(_ textView: UITextView)
guard let str = textView.text else
return
textChangedCallback?(str)
结果:
【讨论】:
以上是关于运行时的动态节标题高度的主要内容,如果未能解决你的问题,请参考以下文章
Swift:当节标题高度动态更改时,UITableView 滚动回顶部
动态更改 CollectionView 的高度以适应内容大小时的错误结果