美文网首页
快速开发属于自己的APP-FusionApp

快速开发属于自己的APP-FusionApp

作者: hojun | 来源:发表于2018-08-13 23:05 被阅读251次

想不想拥有一个自己专属的App?如果你有个个人的网页,那么使用FusionApp+10分钟你就可以拥有自己的App。
此文为FusionApp的粗浅入门教程,其他的博主还未深究。

第一步 安装FusionApp

百度搜索FusionApp,安装下载。

第二步 创建模板及配置

进入FusionApp,点击右下角+号创建模板,进入如下页面:


image

分为 顶栏模板、标签栏模板、底栏模板、纯底栏模板、空白模板。这里选择了顶栏模板(看自己需求)。
输入应用名,点击创建。


image
打开 启用启动图
image

选择图片


image
点击框框的几个角,一定要点击角才能调节大小
image
设置启动网页(自己网站的域名),如下
image
点击右上角的按钮预览一下我们的App
image

设置属性

默认顶栏为黑色,部件为白色。


image

顶栏改为白色,顶栏部件改为黑色(字体和图标)


image
image
image

点击修改顶栏标题


image
修改后效果如下
image

设置组件

image

点击设置测滑栏图片


image

设置测滑栏图片效果如下:


image
添加侧滑栏项目(每日签到)
image
选择从图标仓库中选取图标
image

随便找个图标。


image
设置侧边栏项目效果如下:
image

制作图标

点击左侧侧边栏 ,点击图标制作


image

进入图标制作如下,点击设置图标,选择我们自己的图片


image
可以看到我们的图片不能完全改到绿色的背景,点击设置背景
image

设置为白色


image
点击设置到工程,选择我们的App
image
图标设置效果如下
image

打包安装

点击右上角,打包安装


image

打包完成后开始安装应用


image
选择了解风险,继续安装
image

安装成功,打开应用。


image
打开App,启动页面
image
打开效果如下:
image

相关文章

网友评论

      本文标题:快速开发属于自己的APP-FusionApp

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