美文网首页我爱编程
FusionApp快速创建安卓应用

FusionApp快速创建安卓应用

作者: ldhonline | 来源:发表于2018-04-12 21:23 被阅读0次

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

相关文章

网友评论

    本文标题:FusionApp快速创建安卓应用

    本文链接:https://www.haomeiwen.com/subject/ttofkftx.html