BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Fuse:专为移动应用开发者和设计者而生的用户体验工具集

| 作者 孙镜涛 关注 2 他的粉丝 发布于 2015年12月26日. 估计阅读时间: 4 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

Fuse是一个为开发者和设计者而设计的用户体验(UX)工具集,用于创建原生的、跨平台的iOS和Android移动应用。在Fuse中,开发者使用标记定义用户界面,使用JavaScript编写应用程序逻辑,同时所有的渲染都会被编译成原生代码以获得最佳性能。

通过Fuse,用户能够快速地创建漂亮的、具有流畅动画体验的原生移动应用,它的核心特性或者功能包括:

  • 设计者和开发者协作,通过一个平滑的工作流实现从静态设计到原型再到真正的移动应用的推进。
  • 实时预览,用户能够实时地预览应用在多个设备上的展现效果,支持iOSAndroid设备和桌面模拟器
  • 导出原生代码,使用Fuse开发的项目能够导出为原生的iOS和Android应用,支持iOS 7Android 4.1.x及更高版本。
  • 硬件加速,对于漂亮的自定义UI组件和要求较高的可视化效果能够进行GPU加速。
  • 统一的UI元素,无论是iOS还是Android开发都使用同一套UX标记语言。
  • 草稿导入,用户能够将设计草稿拖拽到Fuse中进行后续开发。目前该特性正在实验中。

作为一个可扩展的工具集,Fuse不仅支持真正的原生UI元素,还支持定制的跨平台元素,此外,用户还能够使用Uno(一种C#方言)对其进行扩展。原生UX组件方面,Fuse支持WebView和MapView,此外DatePicker、iOS Navigation和Android Material Design Navigation正在计划中。跨平台方面,Fuse支持Layout(Panel、Grid等)、Shapes、Image、Vedio、Navigation、TextInput、TextEdit、Button、Silder和Switch。另外,Fuse还支持Blur、DropShadow、Desaturate等实时图像效果以及XMLHttpRequest和Observable(响应式的数据绑定)等FuseJS特性。

Fuse项目的创建方法有两种:仪表盘和命令行。新创建项目的项目目录里会包含ProjectName.unoproj和MainView.ux两个文件,前者记录了项目包含的文件、依赖的包,以及API密钥等便捷值;后者是应用程序的入口。在使用Fuse开发应用的时候,程序或界面的任何变化都会实时反映到电脑和移动设备上,不需要重新编译、重新部署。同时,使用它开发出来的移动应用也不需要再通过XCode或者Android Studio进行进一步的编码。在开发完成之后,Fuse导出的也不是HTML5或者混合移动应用,而是完全原生的移动应用。

Fuse不仅是一款成熟的移动应用开发工具,还是一款非常出色的原型工具。通过Fuse,开发者和设计者能够有效地结合在一起,以迭代的方式创建用户体验更好、性能更佳的移动应用。如果想了解更多信息,可以查看Fuse网站上提供的大量示例,以及Youtube上的入门教程


感谢郭蕾对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们,并与我们的编辑和其他读者朋友交流(欢迎加入InfoQ读者交流群InfoQ好读者(已满),InfoQ读者交流群(#2)InfoQ好读者)。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT