FusionApp快速创建安卓应用

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

1. 点击选择一个项目
2. 在弹出面板中输入入项目名称
3. 点击项目图标项右边的三个点，弹出图标选择，我们选择图标库中选取
4. 我们把第一个项目当做首页，所以打算选取一个home图标，图标库中的图标是按字母排序的，我们快速滑动到H区，找到home图标点击
5. 在URL栏输入网址，这里我们用百度首页做为要显示的目标，输入https://www.baidu.com, 点击完成
6. 点击右上角的三角图标运行一下

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，当然我们还可以设置应用的图标，应用之间的跳转关系，注入脚本控制页面中的元素，这些我们在后续的教程中逐一说明。