0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Flutter的 1.0版本正式发布!Flutter是Google为您打造的UI工具包

Tensorflowers 来源:lq 2018-12-07 11:09 次阅读

今天我们非常高兴的宣布,Flutter 的 1.0 版本正式发布!Flutter 是 Google 为您打造的 UI 工具包,帮助您通过一套代码同时在 iOSAndroid 上构建媲美原生体验的精美应用!

如今,移动开发者们在同时兼容 iOS 和 Android 时有两种选择:走原生开发路线,把界面和逻辑在不同平台分别实现;抑或用同一套代码兼容多个平台,但这往往意味着运行速度和产品保真度的损失。我们坚信,Flutter 为您提供了一套两全其美的解决方案——既能用原生 ARM 代码直接调用的方式来加速图形渲染和 UI 绘制,又能同时运行在两大主流移动操作系统上。

「正式」向您介绍 Flutter

Flutter 并不是要替代原生应用开发模式,您可以用 Flutter 开始一个全新的应用,也可以把 Flutter 理解为应用内置的一个引擎,把这个引擎引入到现有的工程里。

让我来从以下四个特点为您介绍 Flutter:

Flutter 可以帮助您构建界面精美的应用。我们希望设计师们都能充分发挥自己的想象,尽情施展精美绝伦的创意,而不受框架局限性的干扰。通过 Flutter,您可以在屏幕上有像素级的掌控。Flutter 强大的图像组合能力让您近乎可以不受限制的堆叠任何图形、视频、文本和控件。Flutter 内置了一系列的 widgets (在 Flutter 里,几乎所有内容都是 widget),这些 widgets 可以帮助您在 iOS 和 Android 上实现极致的视觉体验。Flutter 集成并有最大程度的实现了 Material Design —— 这是 Google 为数字体验所创作的开放的设计系统。

Flutter 的另一个特点的速度快。它基于 Skia 2D 硬件加速图形引擎,该引擎也同样用在了 Chrome 和 Android 平台。媲美原生应用的速度,这是我们在构建 Flutter 时的初心。Flutter 的代码基于 Dart 平台,它可以被编译成 iOS 和 Android 平台上 32 位和 64 位的 ARM 代码。

Flutter 非常高效。Flutter 引入了 Stateful Hot Reload(保持应用状态的热重载),这个革命性的新特性可以让移动开发者和设计师们实时迭代应用程序。通过 Stateful Hot Reload,无需重新启动应用,你就可以在程序运行的时候直接看到代码修改之后的效果,Stateful Hot Reload 改变了开发者们编写应用的方式。在我们的用户反馈中,开发者们表示该特性使得开发效率提升了三倍。

最后,Flutter 是开放的。Flutter 是一个基于 BSD-style 许可的开源项目,全球数百位开发者在为其贡献代码。Flutter 的插件生态系统平台也充满活力。有数千款插件已经发布,避免了重复造轮子。由于 Flutter 应用程序使用标准的 Android 和 iOS 的编译打包工具 (build tools),因此它的开放还体现在您可以使用原生开发资源。比如,您同样可以在 Android 上使用 Kotlin 或者 Java,在 iOS 上使用 Swift 或者 Objective-C 来写逻辑或者界面。

结合以上这些,再加上您顺手的开发工具,比如 Visual Studio Code、Android Studio、IntelliJ 或其他您青睐开发者编辑器,您就可以开始使用 Flutter 体验一套代码同时在 iOS 和 Android上实现原生应用效果的乐趣了。

Flutter 势头正旺

在 10 个月前的世界移动大会 (MWC) 上,我们发布了 Flutter 的第一个 Beta 版本,在正式版本尚未推出之前,已经有成百上千的基于 Flutter 开发的应用在 Apple Store 和 Google Play 上架,很显然,广大的开发者们也已经准备好迎接这种全新的 UI 开发方式了。

在 Google 内部,Flutter 已经被广泛用于多个产品,比如 Google Ads 已经将其产品的 iOS 版本和 Android 版本转向使用 Flutter。在正式版本之前,全世界已经有多个公司开始使用 Flutter 来开发应用,包括 Abbey Road Studios、阿里巴巴、Capital One、Groupon、Hamilton、京东、Philips Hue、Reflectly 以及腾讯等。

Capital One 团队的高级工程总监 Michael Jones 对于 Flutter 提到了如下的使用心得:

“我们对于 Flutter 所带来的高效的跨平台开发体验感到十分兴奋。我们的工程师对其中的快速开发和 hot reload 给予了极高的评价。而且在过去的一年里,我们也看到了整体平台巨大的变化,尤其是和原生系统深度集成的效果。”

“Flutter 使 Capital One 研发团队摆脱了 iOS 优先还是 Android 优先的固定思维,而是真正的移动端优先的开发模式。非常高兴能看到 Flutter 1.0 的发布,并且也对 Flutter 如此快速的发展和开发者社区所迸发的热情所感动。”

*注: Capital One 是美国十大银行之一,《财富》世界 500 强企业。

在今天的 Flutter Live 活动中,知名的支付服务商 Square 正式公布了两个全新的Flutter SDK。它们可以更加简化基于 Flutter 的支付操作和服务,无论是使用 Square 支付识读器直接支付还是使用手机应用进行支付。Square 演示了一款基于它们的支付 SDK 所开发的应用。该应用来自 Collins Family Orchards,这是一家在太平洋西北部种植和销售水果的家族农场。

Flutter SDK:

https://squareup.com/flutter

Collins Family Orchards 应用的开发者 Dean Papastrat 认为:

“应用在生产环境下的动画流畅度和页面的切换速度真的让我大开眼界。作为一个 Web 开发者,上手使用 Flutter 非常简单。真的没想到能够在短短的一周时间就完成了一个能够实现完整功能的应用。”

同样是在今天的 Flutter Live 活动上,2Dimensions 宣布了一款全新的工具Flare,该工具可以将矢量动画直接嵌入到 Flutter 应用中,并且用代码来控制。Flare 打破了传统的模式,无需再单独开发应用和动画,然后再转换成设备资源和代码。

Flare:

https://medium.com/2dimensions/flare-launch-d524067d34d8

使用 Flare 实现的动画可以作为 widget 嵌入到已有的 Flutter 应用中。使其能够融入整体的界面中,和文本、图形渲染层以及其它 UI widget 叠加在一起。通过这种集成方式,可以将动画从其他平台的 “黑盒” 局限性解放出来,持续促进开发者与设计师协作完成应用。Flutter 和 Flare 的紧密整合激发了设计师和动画师的热情来构建设计精美的移动应用。

为您介绍另外一位 Flutter 的合作伙伴 Nevercode,这是一家快速成长的,为移动应用提供持续集成和推送工具的提供商。今天,他们正式发布了Codemagic。该工具针对 Flutter 设计,简化了 Android 和 iOS 平台上的应用编译和打包的处理过程。现在已经发布 beta 版本。使用 Codemagic,开发者只需要在 GitHub 里选择一个含有 Flutter 项目的仓库,仅需简单的几个点击即可生成一整套处理流程,包括执行测试,生成应用软件包并上传至 Apple Store 和 Google Play。

Codemagic:

https://codemagic.io/

1.0 版本中引入的新特性

自首个 Beta 版发布以来,我们持续为 Flutter 添砖加瓦,精雕细琢。尤其是今年PR2 版本的发布,我们为 iOS 风格提供了全新的 widgets,接入了近 20 种 Firebase 服务,以及不断优化性能、压缩由 Flutter 打包的应用大小。此外,我们也悉心听取 Flutter 社区反馈,解决了大量的问题。

此时,Flutter 正式开始使用 Dart 平台新的 2.1 版本,这是对 Dart 2 的一次更新。它不仅生成更小的代码,还能够提供更快的类型检查以及更有用的类型错误提示信息。Dart 2.1 也带来了新的语言特性,让开发构建过程事半功倍。这是来自开发者们的好评声,他们在切换到新的引擎后感受到了显著的速度提升:

1.0 正式版的主要目的是修复 Bug 和提高稳定性,但我们也非常高兴地宣布:将有两个新功能随 1.0 正式版的预览模式提供给广大开发者。它们将会于 2019 年二月的季度更新中正式推出,两个特性分别是:

引入 Flutter 到现有工程 (Add to App)

起初在构思 Flutter 的时候,我们主要关注于从零开始构建应用的场景。但事实上受制于很多因素,并不是所有开发者都能从零构建。显然,他们更需要能够在现有的应用中用 Flutter 添加新的功能,或者分步骤、分阶段将现有的应用程序迁移到 Flutter。

Flutter 的架构非常适合于这样的场景,毕竟每个 Flutter 应用都包含了一个用于托管 Flutter 的 Android 或 iOS 容器。但精益求精方能上一层楼,我们在不断努力改善渐进式接入 Flutter 的体验,包括更新模板、优化工具、完善指南等等。现在,将素材在 Flutter 与宿主代码之间共享变得非常简单了。另一方面,Flutter 的工具现在能让您轻松在不使用调试器启动应用的情况下介入和监测现有的 Flutter 进程。

我们会持续不断地改善这一体验。虽然已经有不少客户已经成功实践了我们针对“应用引入”提供的指南,但绝不会就此止步,我们会一如既往增加更多优秀的案例,并为更加复杂的场景进行延伸。同时,您可以在Wiki 页面查看关于将 Flutter 引入现有应用的文章,也可以在这个GitHub 的项目看板上关注我们的进展。

关于将 Flutter 引入现有应用的文章:

https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps

GitHub 的项目看板:

https://github.com/flutter/flutter/projects/28

平台级视图 (Platform Views)

上面提到的 Add to App 功能非常适合于逐渐引入 Flutter 到现有应用中,但有时候我们反倒需要将 Android 或 iPhone 平台的控件嵌入到 Flutter 应用当中。

我们引入了 AndroidView 和 UiKitView 这两个平台级视图的 widget 到 Flutter,您可以将它们分别嵌入到指定的平台中。我们已经在 Android 平台上预览这一功能数个月了,现在是时候将这一特性推广到 iOS 平台了。此外,像Google Maps和WebView这样的插件已经可以享受到这一特性带来的种种便利了。

Google Maps:

https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter

WebView:

https://github.com/flutter/plugins/tree/master/packages/webview_flutter

与其他组件一样,平台级视图 widget 也属于 UI 组合模型的一部分。这意味着您可以将它与其他的 Flutter 组件结合使用。举个例子,上面的截图中,右下角的浮动按钮是一个 50% 透明度的 Flutter widget。这也充分展示了 Flutter 这一独特架构的优势。

当前这一功能已经开放给开发者们尝鲜了,而我们仍需要不断提升性能和改善设备兼容性。所以我们建议您在构建依赖 Platform Views 的应用时要谨慎小心。我们会坚持完善这一特性,并且期待能够在下一次季度更新的时候将这一成果正式发布给所有用户。

不止步于移动平台

就目前而言,Flutter 的首要目标平台是 iOS 和 Android,但我们也在不断探索将 Flutter 拓展到手机端以外的更多平台上。事实上,Flutter 的设计理念就是希望它可以作为一个灵活且便携的 UI 工具包,以适应各种需要绘制屏幕内容的平台。

一些进展已经公布,Flutter Desktop Embedding就是其中的一个,这是一个使 Flutter 运行于 macOS、Linux 和 Windows 等桌面操作系统的项目。前不久,我们尝试在树莓派平台运行了 Flutter 应用,以非正式和探索的形式向用户展示 Flutter 是有可能运行在一些没有完整桌面环境的小型设备中的。

Flutter Desktop Embedding:

https://github.com/google/flutter-desktop-embedding

同时在本周,我们在内部预览了一个还处于实验室开发阶段实验性项目,未来它将极大拓展 Flutter 的运行平台。

Hummingbird 是一个基于 Web 实现的 Flutter 运行时环境。它利用了 Dart 语言能被编译成 JavaScript 的特性。这个项目让 Flutter 应用程序能够无需改动地运行在标准 Web 平台。

我们在Medium 博客上发布了一篇关于 Hummingbird 的技术实现文章,更多的内容会在 2019 年的 I/O 大会分享给大家。

Medium 博客:

https://medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8

当然,移动平台一直都会是我们的首要目标。接下来的几个月,我们会不断公布 Flutter 在这些核心平台上取得的成果。

总结一下

伴随着 Flutter 1.0 正式发布,我们会在当前的 beta、dev 和 master 通道之外新增一个叫 stable 的稳定版通道。它的更新不如其他通道那么频繁,预计将以季度更新的形式将每一阶段的稳定更新收纳进去。

请前往https://flutter.io下载 Flutter 1.0 版本。我们的网站还提供了丰富的文档帮您从其他的框架中迁移过来,也提供了 codelabs 帮助您更好理解开发 Flutter 应用的过程。另外我们的 cookbook 收录了常见案例的指南及大量的技术性视频也一定能帮助您认识与了解 Flutter。

我们深知,那些从一开始就伴随我们踏上征程的开发者们是如此令人敬佩。你们向我们提交了大量的反馈建议,帮助找到了诸多问题,产出了大量内容,更和我们一起让 Flutter 项目越来越好。Flutter 社区是我们最宝贵的财富,在这里,我们认识了很多来自不同地区和不同开发生态的积极热情、乐于奉献的你们。你们因为爱而为这个开源项目无私的奉献着,我们真诚地感谢你们!

最后,为 Flutter 吟诗一首:今朝东风拂(Flutter)大地,问君几时扬帆去何方?

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • ARM
    ARM
    +关注

    关注

    134

    文章

    8648

    浏览量

    361750
  • Google
    +关注

    关注

    5

    文章

    1713

    浏览量

    56789
  • 编辑器
    +关注

    关注

    1

    文章

    787

    浏览量

    30168

原文标题:Flutter 1.0:Google 的可移植界面工具包

文章出处:【微信号:tensorflowers,微信公众号:Tensorflowers】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    浅谈兼容 OpenHarmony 的 Flutter

    拓展,可支持使用 Flutter Tools 指令编译和构建 OpenHarmony 应用程序。 仓库的 commit 记录显示,OpenHarmony 使用的 Flutter 版本是 3.7 稳定分支
    的头像 发表于 02-02 15:22 249次阅读
    浅谈兼容 OpenHarmony 的 <b class='flag-5'>Flutter</b>

    了解 Flutter 3.16 功能更新

    作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 A
    的头像 发表于 12-16 15:55 384次阅读
    了解 <b class='flag-5'>Flutter</b> 3.16 功能更新

    如何在Torizon平台使用Flutter来开发用户界面

    Google 面向 Android, iOS 推出的跨平台移动应⽤开发框架 Flutter 可以构建高质量的原⽣⽤户界⾯,并可以扩展支持 Web 和桌面应用。Flutter 尚未官方支持嵌入式系统,但目前 Sony 和 Ubun
    发表于 12-07 10:39 185次阅读
    如何在Torizon平台使用<b class='flag-5'>Flutter</b>来开发用户界面

    ARM KEIL™MDK工具包的操作流程

    笔记介绍了ARM®KEIL™MDK工具包的操作流程,该工具包采用了μVision®和MicroSemi的SmartFusion2(™)系列,该系列包含嵌入式ARM®Cortex™-M3处理器
    发表于 08-29 07:39

    Flutter图片是如何加载的?使用过程中有哪些需要注意的地方?

    随着Flutter稳定版本逐步迭代更新,京东APP内部的Flutter业务也日益增多,Flutter开发为我们提供了高效的开发环境
    的头像 发表于 08-18 10:06 613次阅读
    <b class='flag-5'>Flutter</b>图片是如何加载的?使用过程中有哪些需要注意的地方?

    Flutter应用代码混淆优化防护的常见问题与解决方案

    分析flutter应用很依赖反编译工具转储的dart文件中的信息,可以在开发flutter的过程中开启混淆,能有效防止静态分析。
    的头像 发表于 08-12 11:11 1621次阅读

    c++对于ARM软件开发工具包用户及参考指引

    这本书描述了armc++ 1.0版本的ARM软件开发工具包,以下简称为armc++。ARM c++是一套工具,当与ARM软件开发工具包2.1
    发表于 08-08 06:29

    【今晚开播】社区说 | 精益求精: Flutter 技巧专题篇

    Flutter 作为深受欢迎的跨平台开发框架,迄今为止已有超过 70 万款使用 Flutter 打造的应用上架。开源生态社区更是有超过 20% 的中国开发者作出贡献。 本次 Flutter
    的头像 发表于 07-27 17:40 280次阅读
    【今晚开播】社区说 | 精益求精: <b class='flag-5'>Flutter</b> 技巧专题篇

    社区说 | 精益求精: Flutter 技巧专题篇

    Flutter 作为深受欢迎的跨平台开发框架,迄今为止已有超过 70 万款使用 Flutter 打造的应用上架。开源生态社区更是有超过 20% 的中国开发者作出贡献。 本次 Flutter
    的头像 发表于 07-25 17:45 286次阅读
    社区说 | 精益求精: <b class='flag-5'>Flutter</b> 技巧专题篇

    为了更好的 Flutter | 2023 第二季度开发者调研

    ; 让 Flutter 成为一个强大的工具包,助力开发者打造令人赏心悦目的优质用户体验,并灵活部署到诸多平台 " 的美好愿景。在今年的 Google I/O 大会上,我们也继续 分享了
    的头像 发表于 06-28 10:10 261次阅读
    为了更好的 <b class='flag-5'>Flutter</b> | 2023 第二季度开发者调研

    Flutter热更新技术探索

    APP 发布到市场后,难免会遇到严重的 BUG 阻碍用户使用,因此有在不发布版本 APP 的情况下使用热更新技术立即修复 BUG 需求。原生 APP(例如:Android & IOS
    的头像 发表于 06-08 14:31 530次阅读
    <b class='flag-5'>Flutter</b>热更新技术探索

    如何访问已与eIQ工具包一起安装的python版本

    1.7.3 Ubuntu 安装程序并将该工具包安装在远程板上。 但是,我想知道如何访问该工具包的命令行工具,以及如何访问已与eIQ 工具包一起安装的python
    发表于 06-07 06:46

    在 I/O 看未来 | Flutter 和 Dart 最新进展

    作者 / Google 开发者框架和语言 (含 Flutter、Dart 和 Go) 产品经理/用户体验总监 Tim Sneath 今年的 Google I/O 大会 在位于加利福尼亚州山景城的总部
    的头像 发表于 05-29 19:25 581次阅读
    在 I/O 看未来 | <b class='flag-5'>Flutter</b> 和 Dart 最新进展

    在 I/O 看未来 | 社区投稿 - 一文快速总结 Flutter &amp; Dart 的现状和未来

    随着 Google I/O 2023 的发布Flutter 3.10 和 Dart 3.0 也都正式发布了, 不得不说如今 Dart 的版本
    的头像 发表于 05-19 13:45 556次阅读
    在 I/O 看未来 | 社区投稿 - 一文快速总结 <b class='flag-5'>Flutter</b> &amp; Dart 的现状和未来

    # 面向万物智联的应用框架的思考和探索(上)

    Google宣布KotlinAndroid移动开发的首选语言。2021年,Google发布了基于Kotlin的声明式UI框架 – Jetp
    发表于 05-04 10:48