iOS8后自动布局实现Cell高度自适应技巧解析
169 浏览量
更新于2024-09-02
1
收藏 561KB PDF 举报
“iOS App开发中使cell高度自适应的黑魔法详解”
在iOS应用开发中,特别是涉及到UITableView和UICollectionView时,让cell高度自适应是一项重要的任务。这有助于确保内容能够根据其长度动态调整,从而提供良好的用户体验。在iOS 8之后,Apple引入了一些新特性,使得实现这一功能变得更加便捷。
在iOS 8之前,如果没有使用Auto Layout,开发者需要手动计算每个cell的高度。这通常通过实现UITableViewDelegate的`tableView(_:heightForRowAt:)`方法来完成。例如,对于一个包含可变数量文本行的cell,你需要根据文本内容计算高度。这段代码展示了如何计算文本内容的尺寸,并基于这个尺寸返回cell的高度:
```swift
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
let content = self.datas[indexPath.row] as String
let padding: CGFloat = 20
let width = tableView.frame.size.width - padding * 2
let size = CGSize(width: width, height: CGFloat.greatestFiniteMagnitude)
let attributes: [NSAttributedString.Key: Any] = [.font: UIFont(name: "Helvetica", size: 14)!]
let frame = content.boundingRect(with: size, options: .usesLineFragmentOrigin, attributes: attributes, context: nil)
return frame.size.height + 1
}
```
这段代码首先获取cell中字符串的内容,然后设定一个固定的宽度(减去两侧的内边距),使用`boundingRect(with:options:attributes:context:)`方法来计算文本在给定宽度下的高度。最终返回的高度会加上1像素,可能是为了防止由于浮点数计算误差导致的高度不准确。
然而,自从iOS 8引入Auto Layout和estimatedRowHeight属性后,事情变得简单多了。你可以设置`tableView.estimatedRowHeight`来预估cell的高度,然后启用`tableView.rowHeight = UITableView.automaticDimension`,系统会自动计算cell的实际高度。对于UICollectionView,也有类似的`estimatedItemSize`属性和自动布局机制。
对于含有UITextView的cell,情况稍有不同。当用户在TextView中输入内容时,需要实时更新cell的高度。为此,你可以在TextView的`textViewDidChange(_:)`代理方法中重新计算高度并调用`tableView.beginUpdates()`和`tableView.endUpdates()`来刷新对应的cell。
```swift
func textViewDidChange(_ textView: UITextView) {
guard let cell = textView.superview?.superview as? UITableViewCell else { return }
let indexPath = tableView.indexPath(for: cell)!
// 计算新的高度
let newSize = calculateHeight(forText: textView.text)
// 更新cell的高度
tableView.beginUpdates()
tableView.reloadRows(at: [indexPath], with: .none)
tableView.endUpdates()
}
```
在这个方法中,首先获取到当前编辑的TextView所在的cell,然后计算新的文本内容高度,最后通过`reloadRows(at:with:)`方法更新cell的高度。`calculateHeight(forText:)`是一个假设已经存在的函数,用于根据新的文本内容计算cell的高度。
iOS 8及更高版本提供了许多黑魔法般的功能,使得cell高度自适应变得自动化,极大地简化了开发过程。结合Auto Layout和适当的代理方法,开发者可以轻松地创建动态高度的UITableView和UICollectionView cells,同时处理像UITextView这样的交互元素,确保内容始终能正确显示。
2019-07-11 上传
2019-08-15 上传
2019-07-11 上传
2019-07-11 上传
2019-07-11 上传
2019-07-11 上传
2019-07-11 上传
2016-06-24 上传
weixin_38611254
- 粉丝: 4
- 资源: 898
最新资源
- SSM动力电池数据管理系统源码及数据库详解
- R语言桑基图绘制与SCI图输入文件代码分析
- Linux下Sakagari Hurricane翻译工作:cpktools的使用教程
- prettybench: 让 Go 基准测试结果更易读
- Python官方文档查询库,提升开发效率与时间节约
- 基于Django的Python就业系统毕设源码
- 高并发下的SpringBoot与Nginx+Redis会话共享解决方案
- 构建问答游戏:Node.js与Express.js实战教程
- MATLAB在旅行商问题中的应用与优化方法研究
- OMAPL138 DSP平台UPP接口编程实践
- 杰克逊维尔非营利地基工程的VMS项目介绍
- 宠物猫企业网站模板PHP源码下载
- 52简易计算器源码解析与下载指南
- 探索Node.js v6.2.1 - 事件驱动的高性能Web服务器环境
- 找回WinSCP密码的神器:winscppasswd工具介绍
- xctools:解析Xcode命令行工具输出的Ruby库