流媒体网站建设规划,微信公众号商城制作,建设网站的程序,网站发布到ftp#x1f4da; 目录
简介特点架构 框架层引擎层嵌入层 本文学习和引用自《Flutter实战第二版》#xff1a;作者#xff1a;杜文 1. 简介
Flutter 是 Google 推出并开源的移动应用开发框架#xff0c;主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App#… 目录
简介特点架构 框架层引擎层嵌入层 本文学习和引用自《Flutter实战·第二版》作者杜文 1. 简介
Flutter 是 Google 推出并开源的移动应用开发框架主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口开发者可以很快地为 Flutter 添加 Native扩展。
2. 特点 跨平台自绘引擎 Flutter 既不使用 WebView也不使用操作系统的原生控件。 相反Flutter 使用自己的高性能渲染引擎来绘制 Widget组件。这样不仅可以保证在 Android 和iOS 上 UI 的一致性也可以避免对原生控件依赖而带来的限制及高昂的维护成本。Flutter 底层使用 Skia 作为其 2D 渲染引擎Skia 是 Google的一个 2D 图形处理函数库包含字型、坐标转换以及点阵图它们都有高效能且简洁的表现。Skia 是跨平台的并提供了非常友好的 API目前 Google Chrome浏览器和 Android 均采用 Skia 作为其 2D 绘图引擎。 高性能 Flutter App 采用 Dart 语言开发。Dart 在 JIT即时编译模式下执行速度与 JavaScript 基本持平。但是 Dart 支持 AOT当以 AOT模式运行时JavaScript 便远远追不上了。执行速度的提升对高帧率下的视图数据计算很有帮助。Flutter 使用自己的渲染引擎来绘制 UI 布局数据等由 Dart 语言直接控制所以在布局过程中不需要像 RN 那样要在 JavaScript 和 Native 之间通信这在一些滑动和拖动的场景下具有明显优势。 采用Dart语言开发 Flutter 在开发阶段采用 JIT 模式动态解释这样就避免了每次改动都要进行编译极大地节省了开发时间。Flutter 在发布时可以通过 AOT提前编译 生成高效的机器码以保证应用性能而 Dart 支持 AOT。Dart 语言的静态类型检查可以有效避免运行时错误减少崩溃率。类型安全和空安全快速内存分配
3. 架构
Flutter 从上到下可以分为三层框架层、引擎层和嵌入层。
3-1. 框架层
框架层Flutter Framework这是一个纯 Dart实现的 SDK它实现了一套基础库自底向上。 dart UI层Foundation 和 Animation、Painting、Gestures 对应的是Flutter中的dart:ui包它是 Flutter Engine 暴露的底层UI库提供动画、手势及绘制能力。 渲染层Rendering 这一层是一个抽象的布局层它依赖于 Dart UI 层渲染层会构建一棵由可渲染对象组成的渲染树当动态更新这些对象时渲染树会找出变化的部分然后调用底层 dart:ui进行坐标变换、绘制更新渲染。 组件层Widgets Flutter 提供的一套基础组件库在基础组件库之上Flutter 还提供了 Material 和 Cupertino 两种视觉风格的组件库它们分别实现了 Material 和 iOS 设计规范。
Flutter 框架相对较小因为一些开发者可能会使用到的更高层级的功能已经被拆分到不同的软件包中使用 Dart 和 Flutter 的核心库实现其中包括平台插件例如 camera (opens new window)和 webview (opens new window)以及和平台无关的功能例如 animations (opens new window)。
3-2. 引擎层
引擎层Flutter Engine这是 Flutter 渲染和计算的核心。该层主要是 C 实现其中包括了 Skia 引擎、Dart 运行时Dart runtime、文字排版引擎等。在代码调用 dart:ui库时调用最终会走到引擎层然后实现真正的绘制和显示。
3-3. 嵌入层
嵌入层Flutter Embedding这是 Flutter 实现与平台无关的关键它提供了 Flutter 与平台交互的接口包括创建 Flutter 线程、线程间通信、渲染 Surface 等。嵌入层主要是将 Flutter 引擎 ”安装“ 到特定平台上。嵌入层采用了当前平台的语言编写例如 Android 使用的是 Java 和 C iOS 和 macOS 使用的是 Objective-C 和 Objective-CWindows 和 Linux 使用的是 C。Flutter 代码可以通过嵌入层以模块方式集成到现有的应用中也可以作为应用的主体。 本次分享就到这儿啦我是鹏多多如果您看了觉得有帮助欢迎评论关注点赞转发我们下次见~
往期文章
Vue2全家桶Element搭建的PC端在线音乐网站vue3element-plus配置cdn助你上手Vue3全家桶之Vue3教程助你上手Vue3全家桶之VueX4教程助你上手Vue3全家桶之Vue-Router4教程超详细Vue的九种通信方式超详细Vuex手把手教程使用nvm管理node.js版本以及更换npm淘宝镜像源vue中利用.env文件存储全局环境变量以及配置vue启动和打包命令超详细Vue-Router手把手教程
个人主页
CSDNGitHub简书博客园掘金
