一、GPU和CPU

在屏幕成像的过程中，CPU和GPU起着很重要的作用

1、 CPU

中央处理器, 相当于人的大脑

2、 CPU的作用

• 对象的创建和销毁、对象属性的调整
• 布局、文本的计算和排版
• 图片的格式转码和解码、图像的绘制

3、 GPU

图形处理器

4、 GPU的作用

进行纹理的渲染

5、 GPU和CPU是怎样共同工作的？

CPU将计算好的数据交给GPU去渲染，GPU将渲染好的数据放到帧缓存中，也可以理解成缓冲去，然后视频控制器这个去读取帧缓存中的内容，显示到屏幕上。

• iOS中是双缓冲机制，渲染的效率比较高。

  
  image.png

6、 屏幕成像原理

• 一帧数据：就是一个静止的图像，就是一张照片，连续的图像就会形成动画
  在iOS中，就是一个屏幕的图像

• 帧数：一秒钟传输的图片的数量，也可以理解为图形处理器每秒钟能够刷新几次，用fps表示，每秒钟的帧数越多，显示的越流畅。

• 一帧画面是如何形成的？
  首先会发出一个垂直同步信号，然后在在这垂直信号的时间里，还会发出水平同步信号，一行一行的，直到填满整个屏幕。这样就产生了一帧的数据。

image.png

7、 卡顿产生的原因

image.png

红色：CPU计算的数据
蓝色：GPU进行数据渲染

1：第一帧，GPU将CPU计算好的数据渲染完，刚好垂直同步信号过来，就完成了一帧数据的显示
2：第二帧，GPU将CPU计算好的数据渲染完后一段时间，垂直同步信号过来，完成了一帧数据的显示
3：第三帧，GPU将CPU计算好的数据渲染还没渲染完，垂直同步信号过来就过来了，所以就不能显示第三帧的数据，就会显示第二帧的数据，就产生了卡顿，也叫掉帧。

• 怎么样才不会感觉到卡顿？
  按照每秒60帧的刷新率，就不会感觉到卡顿
• 解决卡顿的思路
  尽可能的去减少CPU和GPU的消耗