FusionApp快速创建安卓应用
2018-04-12 本文已影响0人
ldhonline
FusionApp (下面简称FA) 是一个使用现成的webApp网站做为嵌入内容，组合成一个完整应用的工具软件，可以使用Lua与JS脚本来完成更加强大可控的功能，用户可以轻松的创作出一个自己的APP。
一、应用主界面
ui.jpg
FA 有三个基本界面
- 第一个是首页，如果有创建好的App，会以列表方式呈现在主界面中，如果是空的，会有一个提示创建。
- 点击左上角打开侧边栏，里面有一个菜单，可以察看文档，可用资源，设置一些配置。
- 点击右上角，会弹出一个菜单，用来导入FA工程，或者退出 FA
二、创建APP
1、选择模板
点击主页右下角的+号，进入到模板选择界面
Screenshot_2018-04-12-21-38-04-179_cn.coldsong.fu.png
- 点击预览可以察看模板的样式
- 点击创建可以使用这个模板创建一个App
FA一共有5个基本模板
u2i.jpg
还有一个模板是只有内容区域
2、创建应用
Screenshot_2018-04-12-21-54-14-533_cn.coldsong.fu.png
- 点击创建，弹出应用名称设置面板
- 输入名称，自动创建包名，点击创建
Screenshot_2018-04-12-21-58-27-904_cn.coldsong.fu.png
3、设置应用属性
因为我们创建的是一个底栏样式的应用，我们要为每一个底栏项目指定标签、图标、打开的网页url, 和其它设置
- 点击组件选项卡，打开底栏项目列表
2018-04-12_221159.jpg
- 点击选择一个项目
- 在弹出面板中输入入项目名称
- 点击项目图标项右边的三个点，弹出图标选择，我们选择图标库中选取
- 我们把第一个项目当做首页，所以打算选取一个home图标，图标库中的图标是按字母排序的，我们快速滑动到H区，找到home图标点击
- 在URL栏输入网址，这里我们用百度首页做为要显示的目标，输入https://www.baidu.com, 点击完成
- 点击右上角的三角图标运行一下
Screenshot_2018-04-12-22-10-29-275_cn.coldsong.fu.png
我们看到，我们的App已经按我们的想法显示出来了，其它的项目也一样的设置好。
3、打包安装
2018-04-12_222755.jpg
- 回到工程页，点击右上角的打包安装菜单
- FA自动开始打包，弹出安装页面
- 安装后，我们看到手机桌面上出现了我们的第一个FA应用
B922995DD827EC6472C576DC69D44336.jpg
FA 简单快速的把一些网页打包成了一个可以在手机上浏览的应用APK，当然我们还可以设置应用的图标，应用之间的跳转关系，注入脚本控制页面中的元素，这些我们在后续的教程中逐一说明。
