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

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

第一步 安装FusionApp

百度搜索FusionApp,安装下载。

第二步 创建模板及配置

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

图片[1]-快速开发属于自己的APP-FusionApp-我淘网

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

输入应用名,点击创建。

图片[2]-快速开发属于自己的APP-FusionApp-我淘网

打开启用启动图

图片[3]-快速开发属于自己的APP-FusionApp-我淘网

选择图片

图片[4]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[5]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[6]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[7]-快速开发属于自己的APP-FusionApp-我淘网

设置属性

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

图片[8]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[9]-快速开发属于自己的APP-FusionApp-我淘网
图片[10]-快速开发属于自己的APP-FusionApp-我淘网
图片[11]-快速开发属于自己的APP-FusionApp-我淘网

点击修改顶栏标题

图片[12]-快速开发属于自己的APP-FusionApp-我淘网

修改后效果如下

图片[13]-快速开发属于自己的APP-FusionApp-我淘网

设置组件

图片[14]-快速开发属于自己的APP-FusionApp-我淘网

点击设置测滑栏图片

图片[15]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[16]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[17]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[18]-快速开发属于自己的APP-FusionApp-我淘网

随便找个图标。

图片[19]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[20]-快速开发属于自己的APP-FusionApp-我淘网

制作图标

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

图片[21]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[22]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[23]-快速开发属于自己的APP-FusionApp-我淘网

设置为白色

图片[24]-快速开发属于自己的APP-FusionApp-我淘网

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

图片[25]-快速开发属于自己的APP-FusionApp-我淘网

图标设置效果如下

图片[26]-快速开发属于自己的APP-FusionApp-我淘网

打包安装

点击右上角,打包安装

图片[27]-快速开发属于自己的APP-FusionApp-我淘网

打包完成后开始安装应用

图片[28]-快速开发属于自己的APP-FusionApp-我淘网

选择了解风险,继续安装

图片[29]-快速开发属于自己的APP-FusionApp-我淘网

安装成功,打开应用。

图片[30]-快速开发属于自己的APP-FusionApp-我淘网

打开App,启动页面

图片[31]-快速开发属于自己的APP-FusionApp-我淘网

打开效果如下:

图片[32]-快速开发属于自己的APP-FusionApp-我淘网

希望这篇文章能给你带来知识和乐趣

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容