Fusion APP-简单网页转app制作教程

原创 麻木  2019-06-19 22:17:06  阅读 308 次 评论 0 条

麻木博客
摘要:

前言:

前言:     

肯定有很多人有自己喜欢的网站,但是老是要从新打开,没有像app那样一点就进入想要的界面,今天教大家如何使用一款强大的app将网页链接转换为一个app,让你像打开软件那样开启你喜欢的网页。


准备工作:

1:下载这款强大的app:Fusion App ←点击下载

2:准备好你喜欢的需要的网页链接。


步骤开始:

1:打开安装好的Fusion App,点击右下方加号

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第1张


2:这边先选择简单的空白模板,其它模板后面会讲到。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第2张



3:填入app名称,自定义名称你喜欢都行,然后点击创建。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第3张




4:主界面如下,你可以设置软件图标,名称,软件版本等的东西。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第4张



5:启动网页就是你想要一开软件就打开的网页。这边我是填的麻木博客的官网网址:https://www.mamublog.cn    

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第5张



6:设置后可以点右上角的三角形进行运行模拟测试。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第6张


7:打开了我设置的网页链接成功

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第7张



8;到这里,如果你就一个喜欢的或者经常打开的网页,那

你就可以直接打包安装了

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第8张


Fusion APP-简单网页转app制作教程 App制作 网页转APP 第9张



9:点击安装即可


Fusion APP-简单网页转app制作教程 App制作 网页转APP 第10张


添加多个网页:模板介绍

1;顶栏模板:除了显示网页,还支持左边侧边栏,可以自己加功能或者别的网页链接,和麻木博客官网的app类似


Fusion APP-简单网页转app制作教程 App制作 网页转APP 第11张



2:侧边栏功能按钮在组件的侧滑栏处自定义内容

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第12张


3:点击需要设置的项目,编辑名称图标和点击事件。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第13张



4:这边我选择的是加载网页链接功能,自己在括号里输入网址即可。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第14张

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第15张

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第16张


5:填完了记得点击右上角保存下,否则你设置的事件就不能保存!

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第17张

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第18张

按我步骤自行添加几个后满意了就可以打包安装使用了


标签顶栏模板

2:-顶部有几个窗口项目以及tittle侧边栏标题栏,如果设置不同网页那么你点击一个项目就会跳转一个

网页,可以多个切换,不止四个,可以设置多个项目。

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第19张


同样在组件中找到标签栏项目自己定义名称及事件,不多介绍.

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第20张



Fusion APP-简单网页转app制作教程 App制作 网页转APP 第21张


底栏模板

和标签栏位置不同,功能相同以及tittle侧边栏标题栏

Fusion APP-简单网页转app制作教程 App制作 网页转APP 第22张



Fusion APP-简单网页转app制作教程 App制作 网页转APP 第23张


纯底栏

少了左上角的tittle侧边栏标题栏,其它没差别。


Fusion APP-简单网页转app制作教程 App制作 网页转APP 第24张



空白模板就不说了,刚开始就讲过了。

就先这样喽,希望能帮到你们哈哈,当然不懂得也可以问我。



麻木博客公众号期待你的加入!

                                                    编辑:麻木                                                               

打赏 支付宝打赏 微信打赏
本文地址:https://www.mamublog.cn/post/32.html
版权声明:本文为原创文章,版权归 麻木 所有,欢迎分享本文,转载请保留出处!

站点广告专区

麻木博客
麻木博客

发表评论


表情

还没有留言,还不快点抢沙发?