uniapp如何取消启动页

技术, 问答  ·  2024-11-28

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的启动页,自己写启动页,方法:

  1. 直接把res/drawable/splash.png删掉;

  2. 在程序首页,添加一个等待倒计时,3秒,

  3. 3秒后,把启动页隐藏即可。

本地打包的启动页如何取消中间那个加载图标?

如果是云打包,大家可以在manifest.json 里直接把显示等待雪花勾选去掉!如下图:

在这里插入图片描述

但是离线打包,manifest.json等待摆设,如何去掉等待雪花效果呢?

很遗憾的告诉你,我至今还没找到方法,如果你知道,请在评论区里留下你的方法。。。

如果不是非常有必要本地离线打包的话,还是建议大家使用云打包,更简单。在manifest里配置一下就完事了!

实在不行,就不用uniapp的启动页,自己写启动页,方法:

  1. 直接把res/drawable/splash.png删掉;

  2. 在程序首页,添加一个等待倒计时,3秒,

  3. 3秒后,把启动页隐藏即可。



评论