lsn2原生没有热重载技术david以fullter作为突破口.pptx

辅标题：（课程标题）思源黑体CNMedium字号66移动端革命之路Google为什么以Fullter作为原生突破口

课程小结讲师介绍涂程8年开发管理经验，精通Android虚拟机，熟悉Android运行机制，对Google的Api有深入的理解

Android的前生今世Android系统Android系统作为全球第一大系统，基于Java开发的移动端有着诸多的性能优势。2018年前H5的性能瓶颈和RN的停更导致业界对跨平台开发失去信心。直到2018年10月Google推出首个Flutter跨平台解决方案，打破整个移动开发的方向

为什么Flutter成为Android方向标跨平台性:Flutter基于图像绘制引擎进行渲染，在不同平台下绘制效果是绝对一致的，能做到真正的跨平台，一处写处处运行性能优异性:不同于H5通过DOM渲染和RN映射组件，Flutter直接基于native进行绘制。性能上完全超过原生热重载性:Android原生开发会遇到编译-打包-安装三部曲。开发效率迟迟得不到提升。热重载技术在Flutter内完美体现

Flutter详情介绍Dart语法编译:Dart?是一种强类型、跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由Google负责开发和维护Flutter插件:Flutter使用的Dart语言无法直接调用Android系统提供的Java接口，这时就需要使用插件来实现中转。Flutter官方提供了丰富的原生接口封装

Flutter系统架构Flutter分为三大部分由Dart语言负责的Framwork层Dart语法执行器Skia图像处理引擎

Sika图像处理引擎2005年Skia图像处理引擎成立，用来展示Chrome火狐和其他Google自家的产品使用2007年第一个Android系统问世，于是Google开发者将Skia移植到Android平台Skia作为一个2D的图形系统，包括绘图，渲染，显示图片都是用Skia完成

原生开发会接触到Skia吗？Image网络上下载一张图片BitmapSkia加载图形将图片像素解析到内存调用jni接口进行渲染

Skia引擎详解疑问：是真的吗？我只接触过Bitmap，原来Bitmap下面还有很多奥秘源码验证----创建Bitmap开始

Skia引擎详解图片源码追踪一切尽在bitmap.cpp层Bitmap.createCreate(native方法)native_create

Skia引擎详解控件源码追踪一切尽在canvas.cpp层ViewonDraw()Native绘制

Skia引擎与Flutter有什么关系呢？除了通过xml方式定义布局或者继承View显示在Android屏幕外还有没有方法呢？如何显示

为什么Flutter会实现三大特性（，性能高，热重载）跨平台技术性能超越原生热重载（动态加载）性能比原生高

跨平台Android图像引擎SkiaIOS图像引擎JPEG

性能优异Xml布局LayoutInflaterDOM解析ViewSkia引擎native渲染

渲染流程初始化FlutterActivityFlutterViewnative层WidgetFlutter引擎渲染成功

React渲染与Flutter渲染相同点ReactRootViewReactActivityreactnative.soFlutterViewFlutterActivityflutter.soReactNativeFlutter

React渲染与Flutter渲染不同点ReactNativeFlutter绘制树:ReactNative基于ReactShadow的链式结构在内存中形成一个虚拟的Dom树，Flutter是通过引擎实现不同图层的渲染方式机制不一样:ReactNative最终被反射成原生控件，而Flutter是底层通过引擎直接渲染，不存在映射的说法

Flutter渲染在Flutter界面渲染过程分为三个阶段：布局、绘制、合成，布局和绘制在Flutter框架中完成合成则交由引擎负责。

谢谢观看