快速在手机端开发APP(初级版)
 想不想拥有一个自己专属的App?如果你有个个人的网页,那么使用FusionApp+10分钟你就可以拥有自己的App。以下为FusionApp的粗浅入门教程
第一步 下载工具:fusion APP
第二步 创建模板及配置
进入FusionApp,点击右下角+号创建模板,进入如下页面:
 分为顶栏模板、标签栏模板、底栏模板、纯底栏模板、空白模板。这里选择了顶栏模板(看自己需求)。
输入应用名,点击创建。
分为顶栏模板、标签栏模板、底栏模板、纯底栏模板、空白模板。这里选择了顶栏模板(看自己需求)。
输入应用名,点击创建。
 打开启用启动图
打开启用启动图
 选择图片
选择图片
 点击框框的几个角,一定要点击角才能调节大小
点击框框的几个角,一定要点击角才能调节大小
 设置启动网页(自己网站的域名),如下
设置启动网页(自己网站的域名),如下
 点击右上角的按钮预览一下我们的App
点击右上角的按钮预览一下我们的App
 设置属性
默认顶栏为黑色,部件为白色。
设置属性
默认顶栏为黑色,部件为白色。
 顶栏改为白色,顶栏部件改为黑色(字体和图标)
顶栏改为白色,顶栏部件改为黑色(字体和图标)
 
 
 点击修改顶栏标题
点击修改顶栏标题
 修改后效果如下
修改后效果如下
 设置组件
设置组件
 点击设置测滑栏图片
点击设置测滑栏图片
 设置测滑栏图片效果如下:
设置测滑栏图片效果如下:
 添加侧滑栏项目(每日签到)
添加侧滑栏项目(每日签到)
 选择从图标仓库中选取图标
选择从图标仓库中选取图标
 随便找个图标。
随便找个图标。
 设置侧边栏项目效果如下:
设置侧边栏项目效果如下:
 制作图标
点击左侧侧边栏,点击图标制作
制作图标
点击左侧侧边栏,点击图标制作
 进入图标制作如下,点击设置图标,选择我们自己的图片
进入图标制作如下,点击设置图标,选择我们自己的图片
 可以看到我们的图片不能完全改到绿色的背景,点击设置背景
可以看到我们的图片不能完全改到绿色的背景,点击设置背景
 设置为白色
设置为白色
 点击设置到工程,选择我们的App
点击设置到工程,选择我们的App
 图标设置效果如下
图标设置效果如下
 打包安装
点击右上角,打包安装
打包安装
点击右上角,打包安装
 打开App,启动页面
打开App,启动页面
 打开效果如下:
打开效果如下:
 注:以上发的教程仅为最基础的,掌握了之后还可以自己做子页面、添加控件、加入其他源码等。有兴趣的朋友可以自己尝试一下哦
注:以上发的教程仅为最基础的,掌握了之后还可以自己做子页面、添加控件、加入其他源码等。有兴趣的朋友可以自己尝试一下哦
最后更新于
这有帮助吗?