Fuse学习<1>

宿舍网太渣,Xcode下载要等太长时间,于是乎就利用这段时间摆弄下Fuse这个跨平台移动应用开发工具。这里贴出Fuse官网

Fuse is the UX tool suite for app designers and developers.官网这样介绍:Fuse是为应用设计师和开发者准备的UX(用户体验)工具集。

开发准备:到官网下载Fuse,目前处于Beta版本。下载好后,根据向导安装相关的环境。

一.工程结构

下载好的Fuse应用图标如下:

打开软件,创建一个新的工程:

进入工程目录后,你会发现两个文件:

  • HelloWorld.unoproj(Uno Project):这是工程文件,用来跟踪工程中的文件、工程依赖的包以及其它值。
  • MainView.ux:这是你应用的起始点,主要因为它包含了App标签。通常情况下,你都会删除这个文件的内容,但你可以看一下默认创建的应用的内容,来学习怎样使用控件搭建应用界面。

二.预览

1.在桌面上预览

  • 在命令行预览:进入工程根目录,输入fuse preview
  • 使用Sublime插件(下载好Fuse软件后,会提示你安装):右击工程中任何一个.ux文件,然后选择”Preview“—>”Local
  • 使用Dashboard预览:选择工程目录,点击start app preview

2.在设备上预览

  • iOS:自然需要Xcode,在命令行输入:fuse preview -t=ios,其它方式与在桌面一样,把Local改为iOS即可。
  • Android:同上。

三.导出应用

1.导出iOS应用(7.0及以上版本)

导出的时候,Fuse会为你创建一个完整的工程,你可以在Xcode中打开,然后构建最终的应用。

$fuse build --target=ios --run

2.导出Android版本(4.1.x及以上版本)

为了部署到Android上,你需要一些第三方包,例如Android SDK、NDK等。为了安装或者声明相关组件的路径,你可以在终端运行:

$fuse install android 

你也可以检查必要组件是否安装好或者配置好,输入命令:

$fuse install -s android 

构建应用:

$ fuse build --target=Android
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值