UIView绘制原理

UIView绘制流程图


image.png

下面我们来对这个流程进行说明:

当我们调用[UIView setNeedsDisplay]方法时,并没有执行立即执行绘制工作。
而是马上调用[view.layer setNeedsDisplay]方法,给当前layer打上脏标记。
在当前RunLoop快要结束的时候调用layer 的display方法,来进入到当前视图的真正绘制当中。
在layer的display方法内部,系统会判断layer的layer.delegate是否实现了displayLayer:方法,a.如果没有实现,则执行系统的绘制流程;b.如果实现了则会进入异步绘制的入口。
最后把绘制完的backing store(可以理解为位图)提交给GPU。

image.png

首先CALayer内部会创建一个CGContextRef,在drawRect方法中,可以通过上下文堆栈当中的取出这个context,拿到的就是当前控件或者说视图的上下文或者说是backing store
然后layer会判断它是否有代理,若没有,则调用CALayer的drawInContext。
若有则调用代理方法,然后做当前视图的绘制工作(这一步发生在系统内部当中),再在合适的时机,基于drawRect回调方法,
drawRect默认操作是什么都不做,而之所以有这个接口,就是为了让我们在系统绘制之上,可以做些自定义的绘制工作。
最后再由CALayer上传对应的backing store给GPU,这里的backing store我们可以理解为位图。

异步绘制流程

-[layer.delegate displayLayer:]

image.png

基于layer的delegate,如果实现了displayLayer方法,就可以进入到异步绘制流程当中

在异步绘制过程中, 需要代理去负责生成对应的bitmap
设置该bitmap作为layer.contents属性的值
异步绘制的机制和流程

左侧是主队列,右侧是全局并发队列
假如在某一时机调用了setNeedsDiaplay方法后
在当前runloop将要结束的时候,会有系统调用视图所对应layer的display方法
如果代理实现了displayLayer方法,会调用这个代理的displayLayer这个方法
然后通过子线程的切换,我们会在子线程中去做位图的绘制,此时主线程可以去做些其他的工作
然后再回到主队列中,提交这个位图,设置给CALayer的contents属性

子线程的绘制

通过CGBitmapContextCreat方法,来创建一个位图的上下文
通过CoreGraphic的相关API,可以做当前UI控件的一些绘制工作
之后通过CGBitmapContextCreatImage方法,根据所绘制的上下文,生成一张CGImage图片

文章转载自

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • UIView绘制原理 首先看一幅流程图 UIView调用setNeedsDisplay方法后,实际上并没有发生当前...
    iOS白水阅读 312评论 0 1
  • UIView绘制原理 首先看一幅流程图 CALayer的display方法的内部实现,首先会判断layer的del...
    只写Bug程序猿阅读 4,457评论 8 9
  • self.layer.delegate = self ;这个方法不用写,系统默认会设置delegate为当前vie...
    wells_f9d4阅读 220评论 0 0
  • 每个UIView有一个伙伴称为layer,一个CALayer。UIView实际上并没有把自己画到屏幕上;它绘制本身...
    shenzhenboy阅读 3,155评论 0 17
  • 1 UIView和CALayer关系 UIView是iOS系统中界面元素的基础,所有的界面元素都是继承自它。它真正...
    Claire_wu阅读 1,401评论 0 1