当前位置: 首页 > news >正文

【iOS】—— 离屏渲染

文章目录

  • 离屏渲染
    • UIView和CALayer关系
    • GPU屏幕渲染有两种方式:
    • 产生离屏渲染的原因:
    • 既然离屏渲染这么耗性能,为什么有这套机制呢?
    • 什么情况会离屏渲染?
    • 既然离屏渲染这么不好,为什么我们还要强制开启呢?
    • 如何避免离屏渲染?
      • 1.圆角的优化:
      • 2.shadow

离屏渲染

UIView和CALayer关系

  • UIView继承自UIResponder,可以处理系统传递过来的事件,如:UIApplication、UIViewController、UIView,以及所有从UIView派生出来的UIKit类。每个UIView内部都有一个CALayer提供内容的绘制和显示,并且作为内部RootLayer的代理视图。
  • CALayer继承自NSObject类,负责显示UIView提供的内容contents。CALayer有三个视觉元素:背景色、内容和边框,其中,内容的本质是一个CGImage。

GPU屏幕渲染有两种方式:

1.On-Screen Rendering (当前屏幕渲染)
指的是GPU的渲染操作是在当前用于显示的屏幕缓冲区进行。

2.Off-Screen Rendering (离屏渲染)
指的是在GPU在当前屏幕缓冲区以外开辟一个缓冲区进行渲染操作。

当前屏幕渲染不需要额外创建新的缓存,也不需要开启新的上下文,相对于离屏渲染性能更好。但是受当前屏幕渲染的局限因素限制(只有自身上下文、屏幕缓存有限等),当前屏幕渲染有些情况下的渲染解决不了的,就使用到离屏渲染。

产生离屏渲染的原因:

苹果系统不能够一次的去处理视图,需要一张一张的去处理视图,那么就会需要开辟一个离屏缓存区去存储一张张处理好的视图,开辟的这个离屏缓存区就会导致离屏渲染。

既然离屏渲染这么耗性能,为什么有这套机制呢?

有些效果被认为不能直接呈现于屏幕,而需要在别的地方做额外的处理预合成。图层属性的混合体没有预合成之前不能直接在屏幕中绘制,所以就需要屏幕外渲染。

什么情况会离屏渲染?

  • 为图层设置遮罩(layer.mask
  • 将图层的layer.masksToBounds / view.clipsToBounds属性设置为true
  • 将图层layer.allowsGroupOpacity属性设置为YESlayer.opacity小于1.0
  • 为图层设置阴影(layer.shadow *)。
  • 为图层设置光栅化 layer.shouldRasterize=true
  • 具有layer.cornerRadiuslayer.edgeAntialiasingMasklayer.allowsEdgeAntialiasing的图层
    当然也不是所有的圆角都会导致离屏渲染
  • 文本(任何种类,包括UILabelCATextLayerCore Text等)。
  • 使用CGContextdrawRect :方法中绘制大部分情况下会导致离屏渲染,甚至仅仅是一个空的实现。

既然离屏渲染这么不好,为什么我们还要强制开启呢?

当一个图像混合了多个图层,每次移动时,每一帧都要重新合成这些图层,十分消耗性能。当我们开启光栅化后,会在首次产生一个位图缓存,当再次使用时候就会复用这个缓存。但是如果图层发生改变的时候就会重新产生位图缓存。所以这个功能一般不能用于 UITableViewCell中,cell的复用反而降低了性能。最好用于图层较多的静态内容的图形。而且产生的位图缓存的大小是有限制的,一般是2.5个屏幕尺寸。在100ms之内不使用这个缓存,缓存也会被删除。所以我们要根据使用场景而定。

如何避免离屏渲染?

1.圆角的优化:

1:使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角
2、使用CAShapeLayer和UIBezierPath设置圆角
总的来说就是用CAShapeLayer的内存消耗少,渲染速度快,建议使用优化方案2。

2.shadow

对于shadow,如果图层是个简单的几何图形或者圆角图形,我们可以通过设置shadowPath来优化性能,能大幅提高性能。示例如下:

mageView.layer.shadowColor=[UIColorgrayColor].CGColor;
imageView.layer.shadowOpacity=1.0;
imageView.layer.shadowRadius=2.0;
UIBezierPath *path=[UIBezierPathbezierPathWithRect:imageView.frame];
imageView.layer.shadowPath=path.CGPath;

我们还可以通过设置shouldRasterize属性值为YES来强制开启离屏渲染。其实就是光栅化(Rasterization)。

http://www.lryc.cn/news/111028.html

相关文章:

  • 基于人工智能的中医图像分类系统设计与实现
  • spring security + oauth2 使用RedisTokenStore 以json格式存储
  • css position: sticky;实现上下粘性布局,中间区域滚动
  • 解密HTTP代理爬虫中的IP代理选择与管理策略
  • pytorch入门
  • Redis | 主从模式
  • C# Blazor 学习笔记(8):row/col布局开发
  • 金融供应链智能合约 -- 智能合约实例
  • 论文《Contrastive Meta Learning with Behavior Multiplicity for Recommendation》阅读
  • K8S 部署 RocketMQ
  • [Docker]入门之docker-compose
  • SAP ABAP中使用函数ALSM_EXCEL_TO_INTERNAL_TABLE读取EXCEL中不同的SHEET数据
  • Rust 编程小技巧摘选(6)
  • 如何保证Redis缓存和数据库的一致性问题
  • 【数据分析入门】人工智能、数据分析和深度学习是什么关系?如何快速入门 Python Pandas?
  • JavaScript 里三个点 ... 的用法
  • Linux修改系统语言
  • Spring注解开发
  • 图像处理库(Opencv, Matplotlib, PIL)以及三者之间的转换
  • html+Vue+封装axios实现发送请求
  • GoogLeNet卷积神经网络输出数据形参分析-笔记
  • 【docker】dockerfile发布springboot项目
  • 利用docker run -v 命令实现使用宿主机中没有的命令
  • 【小沐学NLP】在线AI绘画网站(百度:文心一格)
  • react经验5:访问子组件内容
  • 【LeetCode】647. 回文子串
  • Open3D(C++) 角度制与弧度制的相互转换
  • 【小沐学NLP】在线AI绘画网站(网易云课堂:AI绘画工坊)
  • GNN code Tips
  • 物联网|按键实验---学习I/O的输入及中断的编程|函数说明的格式|如何使用CMSIS的延时|读取通过外部中断实现按键捕获代码的实现及分析-学习笔记(14)