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

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

第一步 安装FusionApp

百度搜索FusionApp,安装下载。

第二步 创建模板及配置

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


快速开发属于自己的APP-FusionApp_第1张图片
image

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


快速开发属于自己的APP-FusionApp_第2张图片
image

打开 启用启动图
快速开发属于自己的APP-FusionApp_第3张图片
image

选择图片


快速开发属于自己的APP-FusionApp_第4张图片
image

点击框框的几个角,一定要点击角才能调节大小
快速开发属于自己的APP-FusionApp_第5张图片
image

设置启动网页(自己网站的域名),如下
快速开发属于自己的APP-FusionApp_第6张图片
image

点击右上角的按钮预览一下我们的App
快速开发属于自己的APP-FusionApp_第7张图片
image

设置属性

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


快速开发属于自己的APP-FusionApp_第8张图片
image

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


快速开发属于自己的APP-FusionApp_第9张图片
image

快速开发属于自己的APP-FusionApp_第10张图片
image

快速开发属于自己的APP-FusionApp_第11张图片
image

点击修改顶栏标题


快速开发属于自己的APP-FusionApp_第12张图片
image

修改后效果如下
快速开发属于自己的APP-FusionApp_第13张图片
image

设置组件

快速开发属于自己的APP-FusionApp_第14张图片
image

点击设置测滑栏图片


快速开发属于自己的APP-FusionApp_第15张图片
image

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


快速开发属于自己的APP-FusionApp_第16张图片
image

添加侧滑栏项目(每日签到)
快速开发属于自己的APP-FusionApp_第17张图片
image

选择从图标仓库中选取图标
快速开发属于自己的APP-FusionApp_第18张图片
image

随便找个图标。


快速开发属于自己的APP-FusionApp_第19张图片
image

设置侧边栏项目效果如下:
快速开发属于自己的APP-FusionApp_第20张图片
image

制作图标

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


快速开发属于自己的APP-FusionApp_第21张图片
image

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


快速开发属于自己的APP-FusionApp_第22张图片
image

可以看到我们的图片不能完全改到绿色的背景,点击设置背景
快速开发属于自己的APP-FusionApp_第23张图片
image

设置为白色


快速开发属于自己的APP-FusionApp_第24张图片
image

点击设置到工程,选择我们的App
快速开发属于自己的APP-FusionApp_第25张图片
image

图标设置效果如下
快速开发属于自己的APP-FusionApp_第26张图片
image

打包安装

点击右上角,打包安装


快速开发属于自己的APP-FusionApp_第27张图片
image

打包完成后开始安装应用


快速开发属于自己的APP-FusionApp_第28张图片
image

选择了解风险,继续安装
快速开发属于自己的APP-FusionApp_第29张图片
image

安装成功,打开应用。


快速开发属于自己的APP-FusionApp_第30张图片
image

打开App,启动页面
快速开发属于自己的APP-FusionApp_第31张图片
image

打开效果如下:
快速开发属于自己的APP-FusionApp_第32张图片
image

你可能感兴趣的:(快速开发属于自己的APP-FusionApp)