iOS 屏幕图像显示原理

2020-07-06 本文已影响0人东篱采桑人

在图形渲染流程一文中可知，GPU完成渲染后会将渲染结果提交到帧缓存区，再由视频控制器逐行读取数据，然后经由数模转换后将图像显示在屏幕上。在这个过程中，iOS设备具体是怎么操作的呢？接下来会详细介绍iOS场景下屏幕图像的显示原理，文章主要包括以下几个部分：

显示器原理
CPU，GPU以及显示器的协作方式
iOS屏幕显示机制

一、显示器原理

先了解一下显示器的刷新原理，目前显示器大体分为CRT显示器和液晶显示器这两个种类。

1. CRT显示器

CRT显示器是靠电子束激发屏幕内的荧光粉来显示图像的，屏幕上的每个像素里都有红绿蓝三种颜色的荧光粉，通过电压驱动电子枪发射三束电子束，分别轰击在像素里的三种颜色荧光粉上，通过调节电压大小来改变荧光粉的明暗，通过调节电压方向来改变电子束击打屏幕的位置，从而显示出完成的图像。

电子枪的扫描方式分为随机扫描方式和光栅扫描方式。早期的CRT显示器都是随机扫描方式，不过现在基本都是光栅扫描方式。

随机扫描方式如下图所示，电子束的移动方式是随机的，按照显示命令用画线的方式绘出图形。

光栅扫描方式入下图所示，是从上至下逐行扫描整个屏幕的。

2. 液晶显示器

液晶是一种介于固体和液体之间的特殊物质，常态下呈液态，光线可以顺利透过。给液晶通电，会改变它的分子排列，再配合偏振光片，就可以改变它的透光性。

液晶显示器的工作原理就是通过改变加给液晶单元的电压，改变液晶单元的透光性，再配合滤光片，就可以在屏幕上显示画面。

现在基本以液晶显示器为主，苹果设备也都是液晶显示屏。两种显示器的工作原理虽不同，但是屏幕画面刷新一致的，都是从上到下逐行刷新的。

3.显示器屏幕刷新原理。

液晶显示器和CRT显示器的屏幕显示原理差不多，下面以CRT显示器的扫描过程来介绍（没办法，液晶的资料太难找...orz）。

如图所示，CRT 的电子枪从上到下逐行扫描，扫描完成后显示器就呈现一帧画面，随后电子枪回到初始位置继续下一次扫描。为了把显示器的显示过程和系统的视频控制器进行同步，显示器（或者其他硬件）会用硬件时钟产生一系列的定时信号。

HSync：当电子枪换到新的一行，准备进行扫描时，显示器会发出一个水平同步信号，简称 HSync（horizonal synchronization）。
VSync：当一帧画面绘制完成后，电子枪回复到原位，准备画下一帧前，显示器会发出一个垂直同步信号，简称VSync（vertical synchronization）。

显示器通常以“固定频率“进行刷新，这个刷新率就是VSync信号产生的频率。
iOS设备的屏幕刷新频率是每秒60帧，平均每16.67ms发出一个VSync。

二、CPU，GPU以及显示器的协作方式

从图形渲染流程一文中可知，CPU、GPU、显示器是以下图这种方式协同工作的。CPU 计算好显示内容提交到 GPU，GPU 渲染完成后将渲染结果放入帧缓冲区，视频控制器收到VSync信号后逐行读取帧缓冲区的数据，再经过一定的数模转换传递给显示器显示。

如果这个过程中只有一个缓冲区且没有引入VSync，不仅在帧缓冲区的读取和刷新上有比较大的效率问题，还会在屏幕画面呈现上出问题。先来介绍两个概念：

屏幕刷新频率：Refresh Rate或Scanning Frequency，单位hz，是指设备刷新屏幕的频率。
帧率：Frame Rate，单位 fps，是指 GPU 生成帧的速率。

单缓存，GPU 向缓存区中写入数据，视频控制器从缓存区中取图像数据后显示，理想的情况是帧率和屏幕刷新频率相等，每绘制一帧，屏幕就显示一帧。而实际情况是，如果没有同步机制，当帧率大于屏幕刷新频率时，视屏控制器刚逐行读取完第2帧的上半部分时，GPU 已经完成第3帧的渲染并提交到缓存区中，视屏控制器会继续读取第三帧的下半部，这样会造成画面撕裂。