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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,852评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 介绍 应用正在改变世界,丰富人们的生活,使开发人员喜欢你前所未有的创新。其结果是,在应用程序商店已经发展成为数以百...
    弗利撒阅读 3,365评论 0 3
  • 文/逗逗,资料/网络 1. 如果一个男生问你:“结婚以后,你愿意陪我一起吃苦吗?”你会怎么回答? 最近网上有一个很...
    遇见逗逗阅读 555评论 0 0
  • 每次回家,最怕大家议论关于大学的任何的话题,因为每次说到这个话题,更多的是自卑。但是我知道,我无法改变这一切。...
    素静的姑娘阅读 186评论 0 0