美文网首页
快速开发属于自己的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