Flutter 示范应用现已开源 — 万物起源 (The History of Everything)

Posted Flutter社区

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 示范应用现已开源 — 万物起源 (The History of Everything)相关的知识,希望对你有一定的参考价值。

在本月初举办的 Flutter Live 活动上,Flutter 团队向大家展示了一款名为 The History of Everything 的应用(本文称之为“万物起源”),向大家展示了 Flutter 的精美的界面和优秀的性能,现在这款应用的源代码已经在 GitHub 上开源。


在过去的三个月里,我们跟 Google Flutter 团队共同尝试着打造一款可以真正展现 Flutter 强大的应用,我们计划做一个真实世界 (real-world) 的应用而不是“Hello World”。这个应用不仅需要突出 Flutter 的强大,也要展示如何高保真的还原设计师设和具有原生的应用体验。这款应用的动画使用了 Flare 工具制作,这是 2Dimensions 发布的一款 Flutter 动画制作工具。



应用的名字叫“万物起源 (The History of Everything)”,它构建了一个精美的时间轴,你可以上下滑动以及任意缩放整个时间轴,时间轴上的历史事件会随着缩放跟着消失或者出现。上下滑动使用了 Flutter 的 ScrollPhysics 和 GestureDetector 来保证它的操作在双端都有原生体验;时间轴的缩放我们使用了自定义的 Widget 构建,加入了缩放功能和一些其他视图。当然也加入了一些有趣的体验等你来试试看。这些构建相当有趣,同时,它只需要一套代码就可以实现双端(iosandroid)的开发。


这个应用的灵感来源于 Kurzgesagt – In a Nutshell 频道的一个相当出名的视频:The History and Future of Everything。


视频中文字幕译者:LinSuen,Yichen Cao

原视频链接:https://www.youtube.com/watch?v=5TbUxGZtwGI

Kurzgesagt 是一个位于德国的视频工作室。Kurzgesagt 意为“短说”,翻成中文有“长话短说”、“概而言之”的意思 (via Wikipedia),他们主要用动画的形式和表现为你串讲一些科学小知识,每个视频大约十分钟以内,目前这个视频频道已经有 760 万的订阅人数。


我们的应用于 12 月 4 号在 Flutter Live 活动里由 Flutter 团队的 Filip Hráček 向大家做了展示,详见下方 1.0 发布的视频(6:25 处开始):


该应用也与当天在 App Store 和 Google Play 做了发布,今天,我们正式将其源码开放在 GitHub 上,其动画效果文件(适用于 Flare 工具)也全部开放在我们的网站上。


相关链接

原文

https://medium.com/2dimensions/the-history-of-everything-981d989e1b45

Flare

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

ScrollPhysics API 文档

https://docs.flutter.io/flutter/widgets/ScrollPhysics-class.html

GestureDetector API 文档

https://docs.flutter.io/flutter/widgets/GestureDetector-class.html

万物起源 iOS 版

https://itunes.apple.com/cn/app/the-history-of-everything/id1441257460

万物起源 Android 版

https://play.google.com/store/apps/details?id=com.twodimensions.timeline&rdid=com.twodimensions.timeline

https://github.com/2d-inc/HistoryOfEverything

万物起源 Flare 动效文件

https://www.2dimensions.com/explore/tagged/HistoryOfEverything/trending/all

以上是关于Flutter 示范应用现已开源 — 万物起源 (The History of Everything)的主要内容,如果未能解决你的问题,请参考以下文章

XD to Flutter 2.0 现已发布!

XD to Flutter 2.0 现已发布!

XD to Flutter 2.0 现已发布!

适用于 Flutter 的 Google 移动广告 SDK 正式版现已发布

flutter制作博客展示平台,现已支持 WebmacOS 应用Android 和 iOS

万物皆可 API