uniapp app端自定义启动页与广告页

冷不防 2024-04-03 10:55 82阅读 0赞

### 须知 ###

因为app是必定有一个启动页面的，这个是无法取消的，所以等启动页面关闭后再放广告页面  
由此可见，我们的工作就是实现启动页面和广告页面这两个页面

### 参考 ###

参考大厂的app（掌上英雄联盟）是咋做的，首先是启动页面，启动页面结束后是广告页面  
![)][d519a21f61c546babde1afcb82cb7c60.jpeg]

### 自定义启动页面 ###

uniapp默认的通用启动页面是这样的，通过设置项目`manifest.json`中`App图标配置`修改图标，通过设置项目`manifest.json`中`基础配置-应用名称`修改名称（这两个打包后才能生效），使用uniapp的默认启动页面只能自定义这两个，其他如背景图等就不能自定义了

![在这里插入图片描述][da5f2ff2284b4caeb3ecb71e310d215e.png]  
所以可以选择自定义启动图，`manifest.json`中选择`APP启动页面设置-自定义启动图`  
![在这里插入图片描述][8948c4cfd76945e697964e74dba6cdcf.png]  
Android平台启动图最好使用.9.png图片

> [https://ask.dcloud.net.cn/article/35527][https_ask.dcloud.net.cn_article_35527]

iOS平台则需要自定义storyboard启动界面

> [https://ask.dcloud.net.cn/article/37475][https_ask.dcloud.net.cn_article_37475]

![在这里插入图片描述][49e433b2de1a4d9d8ca51a5c536659fc.png]

### 取消勾选启动页面显示等待雪花 ###

这样就会关闭转圈loading动画，更平滑一些

### 自定义广告页面 ###

参考插件市场的代码示例即可，完成了广告页面与点击跳到指定页面

> [https://ext.dcloud.net.cn/plugin?id=7375][https_ext.dcloud.net.cn_plugin_id_7375]

[d519a21f61c546babde1afcb82cb7c60.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cabaa5cfecf5421691b3d233ab7f5ed2.jpeg
[da5f2ff2284b4caeb3ecb71e310d215e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/94b793b91fe04d0894e9d0208c38bbce.png
[8948c4cfd76945e697964e74dba6cdcf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/82810a4072354390b8641babf7c3aec4.png
[https_ask.dcloud.net.cn_article_35527]: https://ask.dcloud.net.cn/article/35527
[https_ask.dcloud.net.cn_article_37475]: https://ask.dcloud.net.cn/article/37475
[49e433b2de1a4d9d8ca51a5c536659fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/448c1450f46f43d9b1ddd40bffe22b80.png
[https_ext.dcloud.net.cn_plugin_id_7375]: https://ext.dcloud.net.cn/plugin?id=7375