Flutter框架性泛学习系列之四、吹爆面试官：Flutter引擎层（Engine Layer）原理

任何知识体系，都需要系统的去学习，有一个大概的框架，学习才能如遇得水。知道自己学习的是什么，属于知识体系中的哪一环。
学习就应该首先有一个体系，然后不求甚解的将体系过一遍，最后再在体系中，填充各部分知识。

1. Skia图形引擎

在Flutter框架的整体层次结构中，引擎层（Engine Layer）是其最底层的部分，负责提供跨平台的渲染和交互功能。在这一部分，我们将深入探讨Flutter引擎层的实现原理，包括其核心组件和关键功能。

1.1 原理概述

Skia是一个开源的2D图形库，由Google开发，用于提供高性能的绘图和渲染功能。Flutter使用Skia作为其渲染引擎，它负责将Flutter中描述的UI元素转换为平台特定的图像，然后显示在屏幕上。

1.2 实现细节

在Flutter的源码中，Skia的集成主要通过flutter/painting/engine目录下的文件实现。这些文件中包含了对Skia库的封装和调用，以及与Flutter框架的交互逻辑。例如，canvas.cc文件中定义了绘制画布的相关方法，shader.cc文件中定义了渲染着色器的相关方法等。

// flutter/painting/engine/canvas.cc

#include "flutter/painting/engine/canvas.h"

namespace flutter {

Canvas::Canvas(sk_sp<GrContext> context, const SkRect& bounds)
    : context_(std::move(context)), bounds_(bounds) {}

void Canvas::Clear(const SkColor color) {
  SkPaint paint;
  paint.setColor(color);
  paint.setStyle(SkPaint::kFill_Style);
  SkRect rect = SkRect::MakeWH(bounds_.width(), bounds_.height());
  SkCanvas canvas(sk_ref_sp(bounds_.makeInset(0, 0)));
  canvas.drawRect(rect, paint);
}

}  // namespace flutter

2. Dart运行时

2.1 原理概述

Flutter应用程序是使用Dart语言编写的，因此引擎层还包括Dart运行时环境，用于解释和执行Dart代码。Dart运行时负责管理Dart代码的执行、内存管理和垃圾回收等任务。

2.2 实现细节

在Flutter的源码中，Dart运行时环境的实现主要位于flutter/runtime目录下的文件中。这些文件包括对Dart虚拟机的封装和调用，以及与Flutter框架的集成逻辑。例如，dart_runtime.cc文件中定义了Dart运行时的初始化和销毁逻辑，dart_api.cc文件中定义了Dart API的封装和调用等。

// flutter/runtime/dart_runtime.cc

#include "flutter/runtime/dart_runtime.h"

namespace flutter {

DartRuntime::DartRuntime() {
  // 初始化Dart运行时环境
  Dart_InitializeParams params = {};
  Dart_Initialize(&params);
}

DartRuntime::~DartRuntime() {
  // 销毁Dart运行时环境
  Dart_Cleanup();
}

}  // namespace flutter

3. 平台通道

3.1 原理概述

Flutter应用程序可以在多种平台上运行，包括iOS、Android、Web和桌面平台等。为了实现跨平台的功能，引擎层提供了平台通道机制，用于在Flutter框架和底层平台之间进行通信和交互。

3.2 实现细节

在Flutter的源码中，平台通道的实现主要位于flutter/shell/platform目录下的文件中。这些文件包括对底层平台API的封装和调用，以及与Flutter框架的交互逻辑。例如，platform_channel.cc文件中定义了平台通道的创建和消息传递逻辑，method_channel.cc文件中定义了方法通道的创建和调用逻辑等。

// flutter/shell/platform/platform_channel.cc

#include "flutter/shell/platform/platform_channel.h"

namespace flutter {

PlatformChannel::PlatformChannel(const std::string& channel_name)
    : channel_name_(channel_name) {}

void PlatformChannel::Send(const std::string& message) {
  // 向平台发送消息
  // 实现逻辑...
}

void PlatformChannel::SetMessageHandler(const MessageHandler& handler) {
  // 设置消息处理函数
  // 实现逻辑...
}

}  // namespace flutter

总结

通过源码深入分析引擎层，我们更详细地了解了其工作原理和实现细节。Skia图形引擎负责渲染UI元素，Dart运行时环境解释和执行Dart代码，而平台通道机制实现Flutter框架与底层平台的通信。这些组件共同构成了Flutter引擎层的核心，为Flutter应用程序的跨平台运行提供了基础支持。