博客
关于我
iOS面试题:什么是离屏渲染?什么情况下会触发?该如何应对?
阅读量:518 次
发布时间:2019-03-07

本文共 1046 字,大约阅读时间需要 3 分钟。

离屏渲染(Off-Screen Rendering)是一种常见的图形处理技术,主要用于某些特定场景下的渲染工作。在整个渲染过程中,离屏渲染会在当前屏幕缓冲区之外开辟一个新的缓冲区进行操作。这种方式能有效支持一些需要复杂图形处理的场景,比如圆角处理、图层蒙版、阴影渲染以及光栅化操作。

为什么离屏渲染会被触发?

这些离屏渲染的触发通常与两个核心因素有关:

  • 图层属性触发

    • 圆角处理:如果设置了 masksToBounds = YEScornerRadius 大于0,那么这时候会触发离屏渲染。
    • 蒙层遮挡:如果图层设置了 layer.mask,也会触发离屏渲染。
    • 光栅化:在某些情况下,尤其是当需要进行深度的光栅化处理时,也会触发离屏渲染。
  • 阴影渲染

    阴影的处理虽然会触发离屏渲染,但如果使用了 shadowPath 属性,则可能不会引发离屏渲染。最终的效果是根据具体的实现方式决定的。

  • 需要注意的是,某些操作会强制使用离屏渲染以确保图形的正确显示。例如,当使用CoreGraphics绘制带有圆角的图形时,也会触发离屏渲染。这种机制确保了结果的准确性,但也可能带来性能开销。

    为什么要避免离屏渲染?

    离屏渲染虽然可以提高渲染质量,但同时也会导致显著的性能开销。以下是主要的原因:

  • 上下文切换开销

    离屏渲染需要切换图形上下文环境。首先从当前屏幕上下文切换到离屏渲染的上下文,完成后又要切换回当前屏幕上下文。这种切换操作会额外消耗资源。

  • 显示同步延迟

    由于垂直同步(VSync)的机制,每个帧之间的处理必须严格符合显示器的刷新率。如果CPU或GPU在HSync时间内未能完成内容提交,帧会被丢弃,导致界面卡顿。

  • 帧优化问题

    不是所有场景都需要离屏渲染。特别是当只需要简单的渲染操作时,直接在当前屏幕缓冲区进行渲染会更加高效。

  • 离屏渲染的效益

    离屏渲染主要因为以下原因被设计出来的:

  • 图形处理复杂性

    某些图形特效(如圆角、蒙层遮挡、阴影、光栅化等)无法在当前屏幕缓冲区内高效完成。

  • 图形质量和稳定性

    离屏渲染能提供更高的渲染质量,同时确保图像的完整性和稳定性。

  • 不过,以今天 GPUs 的性能来看,用户应该尽可能避免使用离屏渲染。为了避免触发离屏渲染,可以暂时不设置需要圆角处理的图形属性,或者在不需要阴影效果的时候,不设置阴影。对于遮层操作,可以使用合成效果来实现,以减少离屏渲染的开销。

    总体而言,离屏渲染是一种强大的工具,但在优化用户体验时需要谨慎使用,避免不必要的性能开销。

    转载地址:http://lfdcz.baihongyu.com/

    你可能感兴趣的文章
    npm发布包--所遇到的问题
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和package.json那些不为常人所知的小秘密
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>
    npm如何清空缓存并重新打包?
    查看>>
    npm学习(十一)之package-lock.json
    查看>>
    npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
    查看>>
    npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
    查看>>
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错fatal: Could not read from remote repository
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>
    npm报错TypeError: this.getOptions is not a function
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>
    npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
    查看>>
    npm版本过高问题
    查看>>
    npm的“--force“和“--legacy-peer-deps“参数
    查看>>
    npm的安装和更新---npm工作笔记002
    查看>>