[源码] 小白教程快速开发属于自己的APP-FusionApp

[复制链接]

[源码] 小白教程快速开发属于自己的APP-FusionApp[复制链接]

西瓜 发表于 2020-1-30 16:31:49 [显示全部楼层] |阅读模式 回复:  0 浏览:  102

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

第一步 安装FusionApp

百度搜索FusionApp,安装下载。

第二步 创建模板及配置

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

小白教程快速开发属于自己的APP-FusionApp-1.jpg

分为顶栏模板、标签栏模板、底栏模板、纯底栏模板、空白模板。这里选择了顶栏模板(看自己需求)。

输入应用名,点击创建。

小白教程快速开发属于自己的APP-FusionApp-2.jpg

打开启用启动图

小白教程快速开发属于自己的APP-FusionApp-3.jpg

选择图片

小白教程快速开发属于自己的APP-FusionApp-4.jpg

点击框框的几个角,一定要点击角才能调节大小

小白教程快速开发属于自己的APP-FusionApp-5.jpg

设置启动网页(自己网站的域名),如下

小白教程快速开发属于自己的APP-FusionApp-6.jpg

点击右上角的按钮预览一下我们的App

小白教程快速开发属于自己的APP-FusionApp-7.jpg

设置属性

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

小白教程快速开发属于自己的APP-FusionApp-8.jpg

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

小白教程快速开发属于自己的APP-FusionApp-9.jpg

小白教程快速开发属于自己的APP-FusionApp-10.jpg

小白教程快速开发属于自己的APP-FusionApp-11.jpg

点击修改顶栏标题

小白教程快速开发属于自己的APP-FusionApp-12.jpg

修改后效果如下

小白教程快速开发属于自己的APP-FusionApp-13.jpg

设置组件

小白教程快速开发属于自己的APP-FusionApp-14.jpg

点击设置测滑栏图片

小白教程快速开发属于自己的APP-FusionApp-15.jpg

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

小白教程快速开发属于自己的APP-FusionApp-16.jpg

添加侧滑栏项目(每日签到)

小白教程快速开发属于自己的APP-FusionApp-17.jpg

选择从图标仓库中选取图标

小白教程快速开发属于自己的APP-FusionApp-18.jpg

随便找个图标。

小白教程快速开发属于自己的APP-FusionApp-19.jpg

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

小白教程快速开发属于自己的APP-FusionApp-20.jpg

制作图标

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

小白教程快速开发属于自己的APP-FusionApp-21.jpg

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

小白教程快速开发属于自己的APP-FusionApp-22.jpg

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

小白教程快速开发属于自己的APP-FusionApp-23.jpg

设置为白色

小白教程快速开发属于自己的APP-FusionApp-24.jpg

点击设置到工程,选择我们的App

小白教程快速开发属于自己的APP-FusionApp-25.jpg

图标设置效果如下

小白教程快速开发属于自己的APP-FusionApp-26.jpg

打包安装

点击右上角,打包安装

小白教程快速开发属于自己的APP-FusionApp-27.jpg

打包完成后开始安装应用

小白教程快速开发属于自己的APP-FusionApp-28.jpg

选择了解风险,继续安装

小白教程快速开发属于自己的APP-FusionApp-29.jpg

安装成功,打开应用。

小白教程快速开发属于自己的APP-FusionApp-30.jpg

打开App,启动页面

小白教程快速开发属于自己的APP-FusionApp-31.jpg

打开效果如下:

小白教程快速开发属于自己的APP-FusionApp-32.jpg

大家有好的教程和意见也可以在天人论坛发帖


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|西瓜社区 ( 滇ICP备17004190号 )

© 2001-2013 Comsenz Inc.  Powered by Discuz! X3.4

1
QQ