IOS渲染流程之提交图层数据至RenderThread进程

news/2024/7/20 22:30:52 标签: ios

大致链路

UIView/CALayer---->CoreAnimation./Core Graphics/Core Image---->GPU Drive-->GPU

image.png

图层树/视图树

一个UIView(视图)对应一个CALayer(图层),CALayer对应显示的数据其有个content代表Bitamp,渲染流程后的Bitmap被存储在content属性中(这个bitmpa也叫back store)UIView代表视图树对应的CALayer对应图层树

分离UIView和CALayer的目的在于:职责分离,可移植到MAC os上处理。对应于不同的交互UIView(负责响应用户交互,管理视图用于显示正确的图层树)是不同的,而CALayer(图层树)只负责提供Bitmap用于CoreAnimation框架读取组合,CoreAnimation框架可以复用

Core框架处理(组合)

CoreAnimation用于快速组合不同的CALayerr来显示到屏幕上 CoreGraphics用于实时计算,运行时绘制图像的核心图像库,

CoreImage,图像处理分析框架,对已经存在的图像进行处理。运行前处理图像

OPENGL

直接与GPU交互,由GPU的显卡提供商提供,用于2D3D图形渲染。

GPUDrive

链接到GPU

CALayer的content属性

主要职责:提供Bitmap用于CoreAnimatin框架组合显示 纹理就是一个2D图片 该content属性指向一块缓冲区(backing store)就是一个Bitmap纹理。该缓冲区保存的图片叫做寄宿图。

渲染流程基于顶点,基于纹理(直接提供图片):

1.使用图片纹理:contents属性配置

数据类型为id而不是CGImage是为了适配MAC OS系统,MAC OS系统中定义CFImage和NSImage都起作用

2.自己基于顶点来处理数据,手动绘制

顶点的需要自己计算纹理,光照信息用于片段主色器显示颜色

UIView中有一个drawRect方法用于实现自定义绘制,由Core Graphics处理绘制寄宿图, 实现原理:drawRect是CALayer的方法,CALayer中有一个delegete代理的属性,UIView实现了这个代理的协议,因此CALayer请求代理(UIView)得到数据,代理可以设置CALayer的寄宿图content属性

IOS渲染流水线:

各个框架都介绍了提供的数据及处理数据的方式 CoreAnimation用于组合不同的CALayer进行显示

用户更新界面

APP响应用户操作,更新视图树流程:(Application阶段,生成图元信息) 类似于Android的绘制流程 measure,layout,draw

IOS: layout,display,prepare,commit

layout(构建视图)

:添加子视图,调用layoutSubviews,计算视图布局 注意:减少视图层级,视图创建

Display(绘制视图)

Core Grphics进行视图绘制,得到图元信息(对比与Android的canvas在Surface中的内存信息)

prepare(CoreAnimation处理额外的图像解码和转换)
commit(打包发送图元信息):递归将图层信息发送到RenderServer进程,视图树层级越深,效率越低

参考文章:chuquan.me/2018/08/26/…

原文:IOS渲染流程之提交图层数据至RenderThread进程 - 掘金 (juejin.cn)


http://www.niftyadmin.cn/n/5152101.html

相关文章

路由器基础(十一):ACL 配置

访问控制列表 (Access Control List,ACL) 是目前使用最多的访问控制实现技术。访问控制列表是路由器接口的指令列表,用来控制端口进出的数据包。ACL适用于所有的被路由协议,如IP、IPX、AppleTalk 等。访问控制列表可以分为基本访问控制列表和高级访问控制…

海康Visionmaster通讯管理:通讯管理的心跳管理功能 的使用方法

当外部设备与视觉保持连接过程中,由于各种不可控的原因(例如网线被意外拔 出,网口松动,视觉程序意外退出),如何让外部设备的程序可以知道:与视觉的通讯已 经中断。 可以通过通讯管理模块中的心跳…

shell综合项目

主菜单 http和Nginx分别的install的菜单&#xff0c;安装过程通过重定向到/dev/null达到看不见的效果 输入非整数或者大于4的数字都会提示错误 代码如下: [rootserver ~]# vim install_menu.sh #!/bin/bash function menu() { cat << EOF …

【微信小程序】自定义组件(二)

自定义组件 纯数据字段1、什么是纯数据字段2、使用规则 组件的生命周期1、组件全部的生命周期函数2、组件主要的生命周期函数3、lifetimes节点 组件所在页面的生命周期1、什么是组件所在页面的生命周期2、 pageLifetimes节点3、生成随机的颜色值 纯数据字段 1、什么是纯数据字…

奇元大模型通过备案 360自研两大模型均获批

11月4日&#xff0c;三六零(601360.SH&#xff0c;下称“360”)大模型“奇元大模型”通过备案落地。今年9月&#xff0c;“360智脑大模型”已获批面向公众开放。360公司也成为国内首家两个大模型均通过备案的科技企业。 从大模型定位和应用角度来看&#xff0c;奇元大模型具备…

win电脑如何查看大疆拍摄的全景图

使用win软件 FSPViewer Download https://www.fsoft.it/FSPViewer/download/

【React】【react-globe.gl】3D Objects效果

目录 想要实现的效果实现过程踩坑安装依赖引入页面 想要实现的效果 示例地址 实现过程 踩坑 示例是通过script引入的依赖&#xff0c;但本人需要在react项目中实现该效果。按照react-globe.gl官方方法引入总是报错 Cant import the named export AmbientLight from non EcmaS…

2.9 CSS 响应式布局

1.媒体&#xff1a;media 媒体类型&#xff1a; all&#xff1a;检测所有设备。screen&#xff1a;检测电子屏幕&#xff0c;包括:电脑屏幕、平板屏幕、手机屏幕等。print&#xff1a;检测打印机 媒体特性&#xff1a; width&#xff1a;检测视口宽度。max-width&#xff1a;…