前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS 如何监测 FPS

iOS 如何监测 FPS

作者头像
网罗开发
发布2021-11-30 13:09:09
1.9K0
发布2021-11-30 13:09:09
举报
文章被收录于专栏:网罗开发

前言

现在如果在网络上搜的话,基本上大多数用于检测FPS的控件都是通过 CADisplayLink 来实现的。

CADisplayLink

官方文档对于 CADisplayLink 的介绍是:

A timer object that allows your application to synchronize its drawing to the refresh rate of the display.

即与屏幕刷新率同步的时间对象。

一般情况下,我们的屏幕刷新率是 1/60s 一次。CADisplayLink 实际上跟平常用的 NSTimer 的用法基本相似,NSTimer 的时间间隔是以秒为单位,而 CADisplayLink 则是使用帧率来作为时间间隔的单位。

利用 CADisplayLink 来实现 FPS 监测的常规做法如下:

代码语言:javascript
复制
var historyCount: Int = 0
var lastUpdateTimestamp: Double = 0
let displayLink = CADisplayLink(target: self, selector: #selector(step(displayLink:))

// ...

func step(displayLink: CADisplayLink) {
    if (lastUpdateTimestamp <= 0) {
        lastUpdateTimestamp = displayLink.timestamp
    }
    
    historyCount += 1
    let interval = displayLink.timestamp - lastUpdateTimestamp
    if (interval >= 1) {
        lastUpdateTimestamp = 0
        let fps = Double(historyCount) / interval
        print(fps)
        historyCount = 0
    }
}

核心思想为: 在初始化 CADisplayLink 对象时,指定方法,该方法会在每次屏幕刷新,即每 1/60 秒调用一次,通过计算方法的调用次数以及时间间隔,来获取当前屏幕的 fps

测试

根据上面的代码,我创建了一个 tableView,在 cell 中各种圆角图片,反正就是怎么卡怎么来:

代码语言:javascript
复制
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell")
    cell!.imageView!.image = UIImage(named: "00" + String(indexPath.row % 8 + 1))
    cell!.imageView!.layer.cornerRadius = 10
    cell!.imageView!.clipsToBounds = true
    cell!.imageView!.layer.shadowOffset = CGSize(width: 0, height: 5)
    cell!.imageView!.layer.shadowOpacity = 1

    if (indexPath.row % 3 == 0) {
        cell!.textLabel!.text = "上路 巩州遇虎熊五百年前一场疯腾霄又是孙悟空失马 鹰愁涧飞白龙沙河阻断 路难通福陵山中收天"
    } else if (indexPath.row % 3 == 1) {
        cell!.textLabel!.text = "岭上 前行逆黄风七星不照 波月洞千年白骨 化阴风鱼篮 网通天一尾红紫金葫芦二道童九尾老狐敢压龙白虹坠 雪浪击石碎思归 难归 堕回 轮回"
    } else {
        cell!.textLabel!.text = "红霓垂 九重紫云飞久归 未归 欲回 恨回凡胎恰登对 天命难违比丘走白鹿 十三娘情丝缠缚乌袍君生百目庙前拦路自称黄眉老祖"
    }
 
    cell!.textLabel!.backgroundColor = UIColor.clear
    cell!.textLabel!.layer.shadowOffset = CGSize(width: 0, height: 2)
    cell!.textLabel!.layer.shadowOpacity = 1
    cell!.textLabel!.numberOfLines = 0

    return cell!
}

在运行时可以看到,打印出来的帧率为:

可是通过 InstrumentCore Animation 进行监测的时候,其结果却是:

两者完全就对不上啊。

在这篇文章中,发现作者也遇到相同的问题:iOS中基于CADisplayLink的FPS指示器详解[1]

根据大神 ibireme 的文章iOS 保持界面流畅的技巧[2]的介绍,我们能够知道在屏幕中显示图像的过程中,CPU 负责计算显示内容,进行诸如视图创建,布局计算,图片解码等工作,然后将数据提交到 GPU 上,而 GPU 对这些图像数据进行变换,渲染之后,会把图像提交到帧缓冲区,然后在下一次同步信号来临的时候,将图像显示到屏幕上。然后 GPU 就切换指向到另一个帧缓冲区,重复上述工作。

由此可以得知,因为 CADisplayLink 的运行取决于 RunLoop。而 RunLoop 的运行取决于其所在的 mode 以及 CPU 的繁忙程度,当 CPU 忙于计算显示内容或者 GPU 工作太繁重时,就会导致显示出来的 FPS 与 Instrument 的不一致。

故使用 CADisplayLink 并不能很准确反映当前屏幕的 FPS!

主线程卡顿监测

由于 CADisplayLink 并不能够准确反映出来,所以常用的方法时主线程卡顿监测。通过开辟一个子线程来监测主线程的 RunLoop,当两个状态区域的耗时大于设定的阈值时,即为一次卡顿。

根据如何监控卡顿[3]的介绍,可以得知主线程卡顿监测的原理以及做法。

参考资料

[1] iOS中基于CADisplayLink的FPS指示器详解: https://www.jianshu.com/p/86705c95c224

[2] iOS 保持界面流畅的技巧: https://blog.ibireme.com/2015/11/12/smooth_user_interfaces_for_ios/

[3] 如何监控卡顿: https://github.com/aozhimin/iOS-Monitor-Platform

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-11-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 网罗开发 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • CADisplayLink
    • 测试
    • 主线程卡顿监测
      • 参考资料
      相关产品与服务
      GPU 云服务器
      GPU 云服务器(Cloud GPU Service,GPU)是提供 GPU 算力的弹性计算服务,具有超强的并行计算能力,作为 IaaS 层的尖兵利器,服务于生成式AI,自动驾驶,深度学习训练、科学计算、图形图像处理、视频编解码等场景。腾讯云随时提供触手可得的算力,有效缓解您的计算压力,提升业务效率与竞争力。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档