iOS8后自动布局实现Cell高度自适应技巧解析
122 浏览量
更新于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 上传
2023-10-26 上传
2024-10-28 上传
2024-05-01 上传
2023-07-27 上传
2023-08-31 上传
2023-09-06 上传
weixin_38611254
- 粉丝: 4
- 资源: 898
最新资源
- Angular程序高效加载与展示海量Excel数据技巧
- Argos客户端开发流程及Vue配置指南
- 基于源码的PHP Webshell审查工具介绍
- Mina任务部署Rpush教程与实践指南
- 密歇根大学主题新标签页壁纸与多功能扩展
- Golang编程入门:基础代码学习教程
- Aplysia吸引子分析MATLAB代码套件解读
- 程序性竞争问题解决实践指南
- lyra: Rust语言实现的特征提取POC功能
- Chrome扩展:NBA全明星新标签壁纸
- 探索通用Lisp用户空间文件系统clufs_0.7
- dheap: Haxe实现的高效D-ary堆算法
- 利用BladeRF实现简易VNA频率响应分析工具
- 深度解析Amazon SQS在C#中的应用实践
- 正义联盟计划管理系统:udemy-heroes-demo-09
- JavaScript语法jsonpointer替代实现介绍