Flutter的绘制剖析——图形库skia

Flutter是Google打造的高性能、跨平台的UI框架，不仅支持Android、iOS，还支持Windows、Linux等操作系统。它可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用；给用户提供漂亮、无平台区分的app体验。

图形库skia是其跨平台的基石，本文会对其渲染原理做剖析，带大家了解flutter平台的渲染机制。本文不会对跨端框架做对比，也不会涉及绘制的三棵树，流水线机制等知识（后续会单独介绍），还有一点最新的flutter2也对web支持进行了提速，其中web render中的html渲染方式底层并没有用skia库。

Flutter架构概览

首先我们来了解下Flutter的整体架构设计，Flutter被设计成一个可扩展，分层的系统。它包含了一系列依赖其下层的独立库。

• 框架（Framework）：框架层是纯dart语言实现的一个响应式框架，开发者平常需要通过该层和Flutter系统交互。
• 引擎（Engine）：引擎层绝大部分是用C++实现的，其为Flutter系统的核心。引擎提供了一系列Flutter核心API的底层实现，图形库，文字布局，文件等，