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 构建,加入了缩放功能和一些其他视图。当然也加入了一些有趣的体验等你来试试看。这些构建相当有趣,同时,它只需要一套代码就可以实现双端(ios 和 android)的开发。
这个应用的灵感来源于 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)的主要内容,如果未能解决你的问题,请参考以下文章
适用于 Flutter 的 Google 移动广告 SDK 正式版现已发布