uniapp如何取消启动页,离线打包的启动页如何取消等待雪花效果,本地打包的启动页如何取消中间那个加载图标?
uniapp是目前流行的一种跨平台开发框架,它将web、ios、android等多个平台的开发合并到了一个项目中,使得开发变得更加高效、简单,为大家的开发工作提供了巨大的便利。但是,使用uniapp框架进行开发时,启动页的出现可能会让你感到有些困扰,本文就是要帮您解决这个问题。
如何取消启动页
一、什么是启动页?
启动页是我们打开一个应用程序时第一眼所见到的界面,也是应用程序进入主界面之前的一种欢迎界面,其目的在于给用户制造一个良好的第一印象,同时也可以展示应用程序的品牌特色等等。
二、UniApp的默认启动页
当你使用UniApp框架进行开发时,默认情况下启动页会出现在你的应用程序上,界面形式为一个带有应用程序名称的图片。
三、取消UniApp默认启动页
如果你不希望UniApp默认的启动页出现在你的应用程序上,可以采取以下两种方法进行取消。
手动删除UniApp默认启动页图片 UniApp默认启动页的图片路径为static/splash.png,如果你不需要默认启动页,则可以直接在项目目录下删除该图片即可。
使用插件替代UniApp默认启动页 UniApp提供了许多插件,用于简化开发过程,其中就包括了启动页插件。我们可以使用该插件替代UniApp默认的启动页。
具体操作步骤如下:
首先,在HBuilderX中打开你的项目,在左侧工具栏中找到manifest.json文件,打开该文件。
其次,搜索“uni-app”的插件列表,找到“uni-splash-screen”插件并安装。
最后,在manifest.json文件中加入以下代码片段即可:
"app-plus": { "splashscreen": { "autoclose": true, "delay": 500, "background": "#FFFFFF", "imagePath": "/static/splash.png", "scaleType": "CENTER_CROP" } }
至此,我们已经成功将UniApp的默认启动页替换掉了。
四、小结
启动页作为应用程序的门面,既是用户了解品牌特色与第一印象的体现,也是我们开发者为用户展示自己工作的机会。本文分享了取消UniApp默认启动页的两种方法,希望对大家有所帮助。
以上就是uniapp如何取消启动页的详细内容!
离线打包的启动页如何取消等待雪花效果
如果是云打包,大家可以在manifest.json 里直接把显示等待雪花勾选去掉!如下图:
但是离线打包,manifest.json等待摆设,如何去掉等待雪花效果呢?
很遗憾的告诉你,我至今还没找到方法,如果你知道,请在评论区里留下你的方法。。。
如果不是非常有必要本地离线打包的话,还是建议大家使用云打包,更简单。在manifest里配置一下就完事了!
实在不行,就不用uniapp的启动页,自己写启动页,方法:
直接把res/drawable/splash.png删掉;
在程序首页,添加一个等待倒计时,3秒,
3秒后,把启动页隐藏即可。
本地打包的启动页如何取消中间那个加载图标?
如果是云打包,大家可以在manifest.json 里直接把显示等待雪花勾选去掉!如下图:
但是离线打包,manifest.json等待摆设,如何去掉等待雪花效果呢?
很遗憾的告诉你,我至今还没找到方法,如果你知道,请在评论区里留下你的方法。。。
如果不是非常有必要本地离线打包的话,还是建议大家使用云打包,更简单。在manifest里配置一下就完事了!
实在不行,就不用uniapp的启动页,自己写启动页,方法:
直接把res/drawable/splash.png删掉;
在程序首页,添加一个等待倒计时,3秒,
3秒后,把启动页隐藏即可。
参考文献:
1、基于Uni-app前端框架的SUMER UI3.0组件库
2、uniapp精仿支付宝UI界面源码下载,基于SumerUI一款仿支付宝APP
3、uniapp精仿微信源码,基于SumerUI一款仿微信APP应用
SUMER UI
【用于开发APP
、小程序
、H5网站
、毕业设计
…】
评论