首页 > 其他分享 >新渲染引擎、自定义设计和高质量用户体验的样例应用 Wonderous 现已开源

新渲染引擎、自定义设计和高质量用户体验的样例应用 Wonderous 现已开源

时间:2022-09-22 17:24:49浏览次数:90  
标签:自定义 样例 用户 Impeller Wonderous 开源 应用 Flutter

探索世界奇观,并体验 Flutter 的强大之处。

Flutter 的愿景是让你能够在空白画布上绘制出不受限制的精美应用。最近,通过与 gskinner 团队的通力合作,我们打造了一个全新的移动应用 Wonderous 来实现这个愿景。我们采用不同以往的设计系统,借助于 Flutter 为 Wonderous 创建出了极具表现力的界面,这个界面为移动设备量身定制并实现了设计者的创意愿景。

Wonderous 应用截图

△ Wonderous 应用截图

在开发 Wonderous 时,我们始终关注下列目标:

  1. 打造一款有用且有趣的应用。通过探索世界的神奇景观,Wonderous 应用可让用户遨游在历史、艺术和文化的交汇之地。当前,很多人都难以出门旅游,但 Wonderous 可利用精美的插图和优化的动画在你的设备上直接为你展现各地奇观。

  2. 展示高质量的用户体验。我们希望 Wonderous 在质量上可与系统框架中的其他任何应用相媲美。Wonderous 以其量身定制、富有想象力的设计吸引用户,但也使用熟悉的手势和行为来确保无缝的用户体验。

  3. 创建一个用于测试和基准测试的应用。我们使用 Wonderous 来测试 Impeller,Impeller 是一款新的渲染引擎,现已可在 iOS 系统上进行实验性预览。到目前为止,我们对测试结果感到满意,这将有助于验证我们对 Impeller 可以提高性能的假设。目下在 App Store 上架的这个版本就使用了 Impeller,欢迎下载体验,我们非常期待了解 Impeller 在生产环境中更广泛的 iOS 设备中的表现。

  4. 提供一个可供参考的、开源的最佳实践应用。我们的 Wonderous 代码 在 GitHub 开源,这是一个拥有自定义的设计、吸引人的交互方式和新颖的动画效果的最佳实践应用,并且将无障碍的功能放在首位。

  5. 创建其他人可以从中学习的材料及文档。在接下来的几周,gskinner 团队将发布更多关于 Wonderous 的内容,其中包括关于如何创建动画、如何整合无障碍功能以及应用性能最佳实践的具体信息。敬请期待!

在 App Store 或 Google Play 商店中下载 Wonderous 之后,你可能想要探索以下内容:

  • Wonders 中左右滑动时的过渡效果,如果不使用 Flutter 可能会比较难以实现;
  • 当你在“世界历史年表”中移动时的独特滚动模式;
  • 与 Wonderous 设计系统匹配的定制按钮和图标。

该应用已为国内用户提供中文版,请访问 应用官网 或者到 Wonderous 的 GitHub 开源仓库页面 了解更多。

标签:自定义,样例,用户,Impeller,Wonderous,开源,应用,Flutter
From: https://www.cnblogs.com/flutterdev/p/16720114.html

相关文章

  • 如何贡献OpenHarmony开发样例
    单丝不成线,独木不成林,一个社区想要健康蓬勃发展离不开社区参与者的持续贡献。而社区贡献点有很多种,本文以贡献OpenAtomOpenHarmony(以下简称“OpenHarmony”)开发样例为例,围......
  • Flask 学习-72.Flask-RESTX 自定义输出日期格式
    前言DateTime类型可以支持2种时间格式RFC822和ISO8601,如果需要输出自己想要的格式,需要自定义日期类型。日期格式DateTime类型可以支持2种时间格式RFC822和ISO......
  • 自定义组件中使用half-screen-dailog 无法舒勇外部样式
     为了将弹窗更方便的调用,封装了组件,但是发现一个问题,外部样式类在组件中是无法正常使用的。 也就说在组件的wxss中是无法正常使用.weui-half-screen-dialog这个外部......
  • Java中使用Hutool的ExecutorBuilder实现自定义线程池
    场景Java中ExecutorService线程池的使用(Runnable和Callable多线程实现):https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/126242904SpringBoot+Lombok+Bui......
  • angular6 使用自定义字体
    angular2+项目打包自定义字体第一步:设置自己的字体下载或者制作自己的字体文件。注意体格式可以为:ttf,woff,eot字体格式在引用时,注意设置css中字体格式的设置@......
  • 监听div高度宽度的变化-自定义指令
    上篇内容说到,iframe嵌入其他项目页面,iframe实现自适应高度需要监听div页面高度的变化使用到了局部自定义指定directives:{//使用局部注册指令的方式resize:{//......
  • react-antd组件之Steps组件自定义icon svg图片颜色跟随完成进度改变
    demo.svg<?xmlversion="1.0"encoding="UTF-8"?><svgwidth="58px"height="44px"viewBox="005844"version="1.1"xmlns="http://www.w3.org/2000/svg"xmlns:xli......
  • Spring data Jpa 自定义hql分页,添加动态参数校验1
    一,配置好jpa环境直接上代码1,控制器  其中 pageNumber和pageSize是我们自己前端传,filter中以字符串方式包含所需要的参数2.server  用json将参数解......
  • 博客园自定义主题
    博客园自定义主题背景发现有些博客园博主的主体十分好看,比如:Esofar'sBlog-.NETCore开发工程师,博客园主题Silence作者。静雅斋数学-静雅斋数学作者,专注于高中......
  • systemd 自定义开机启动服务
      #对于那些支持Systemd的软件,安装的时候,会自动在/usr/lib/systemd/system目录添加一个配置文件。(以httpd.service为例)systemctlenablehttpd#上面的命令相当......