内容简介:好久好久不写博客了…… 一直在忙着搞公司的博客(打个小广告,欢迎关注:),把自己的博客荒废了 >< 但是最近遇到一个奇葩的 UI bug,非常无奈,当时在网上查了半天也没查到,所以在这记录一下。iOS 12 发布之后,QA 开始给仓薯源源不断地 assign UI 错乱的 bug。我想这是所有工程师都头疼的问题:几百年没改过的地方,突然就有人给你报 bug 了。测了一下,发现都是 iOS 12 特有的 bug,初步认定是苹果的锅。具体有以下几种症状:下面是一个非常简单的 demo,能重现出这类 bug。假
好久好久不写博客了…… 一直在忙着搞公司的博客(打个小广告,欢迎关注:),把自己的博客荒废了 >< 但是最近遇到一个奇葩的 UI bug,非常无奈,当时在网上查了半天也没查到,所以在这记录一下。
问题表现
iOS 12 发布之后,QA 开始给仓薯源源不断地 assign UI 错乱的 bug。我想这是所有工程师都头疼的问题:几百年没改过的地方,突然就有人给你报 bug 了。测了一下,发现都是 iOS 12 特有的 bug,初步认定是苹果的锅。具体有以下几种症状:
systemLayoutSizeFitting(UILayoutFittingCompressedSize).height)
能重现问题的 demo
下面是一个非常简单的 demo,能重现出这类 bug。假设我们有一个 SimpleCollectionViewCell,顾名思义,它是一个非常简单的 collectionViewCell。里面有个顶天立地的方块,充满这个 cell 的空间。
final class SimpleCollectionViewCell: UICollectionViewCell { override init(frame: CGRect) { super.init(frame: frame) let squareView = UIView(frame: .zero) contentView.addSubview(squareView) squareView.translatesAutoresizingMaskIntoConstraints = false squareView.heightAnchor.constraint(equalToConstant: 100).isActive = true squareView.leftAnchor.constraint(equalTo: contentView.leftAnchor).isActive = true squareView.rightAnchor.constraint(equalTo: contentView.rightAnchor).isActive = true squareView.topAnchor.constraint(equalTo: contentView.topAnchor).isActive = true squareView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } 复制代码
所以这个 square 的高度为 100,四面 constraint 到 contentView。没什么问题吧?~ 下面我们用 systemLayoutSizeFitting
来算它的高度:
class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() let measurementCell = SimpleCollectionViewCell(frame: .zero) let cellWidth = view.frame.width measurementCell.widthAnchor.constraint(equalToConstant: cellWidth).isActive = true let size = CGSize(width: cellWidth, height: measurementCell.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height) print(size) } } 复制代码
size 打印出来是多少呢?在 iOS 11 上打印出来 (320, 100)
没问题。在 iOS 12 上打印出来就是 (320, 0)
了。
解决方法
Debug 的过程就懒得吐槽了。本以为是个很常见的问题,但在网上查了一圈没查到相关的东西,还以为是自己工程的问题,绕了一圈…… 最后解决方法也很简单:
-
忽略
contentView
,直接把 subView 加到 cell 上。不用contentView
在UITableViewCell
里会有问题,在 collectionView 里似乎还没发现什么问题。 -
如果要用
contentView
,需要在init
里加几行:
final class SimpleCollectionViewCell: UICollectionViewCell { override init(frame: CGRect) { super.init(frame: frame) contentView.translatesAutoresizingMaskIntoConstraints = false contentView.topAnchor.constraint(equalTo: topAnchor).isActive = true contentView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true contentView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true contentView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true let squareView = UIView(frame: .zero) ... } } 复制代码
看到这里,这个 bug 的原因就不言自明了……实在令人无语,为啥 iOS 12 会有这样一个改动呢。 不知道为啥,此前在网上都没有查到相关的内容,因此在这记录一下,希望能有帮助。
以上所述就是小编给大家介绍的《iOS 12 的坑:UICollectionViewCell autolayout self sizing 和 size 计算失效了》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 行间距失效问题
- 前端实现设置缓存数据定时失效
- 5分钟探究Spring事务失效原因
- Andorid内Aspectj切面失效分析
- Xcode 代码提示失效以及引发的感想
- Firefox 已发布“插件失效”证书修复补丁
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。