如何更改 Ionic 4 应用程序中的默认应用程序图标和启动画面？

Posted 2023-02-22

【中文标题】如何更改 Ionic 4 应用程序中的默认应用程序图标和启动画面？

【英文标题】：How to change default App Icon and Splash Screen in Ionic 4 application?

【发布时间】：2019-09-12 18:11:57

【问题描述】：

我正在开发带有 Angular 的 Ionic 4 应用程序。但是，我一直坚持如何更改默认的应用程序图标和启动画面。我已经浏览了 Ionic 4 文档 (https://ionicframework.com/docs/native/splash-screen#usage)，但还没有找到任何合适的解决方案。在 StakOverflow 中，我发现 Lottie Splash Screen 是一种解决方案，但与 Ionic 默认启动画面的工作方式不同。那么，您对如何克服这个问题有什么建议吗？

【参考方案1】：

我用的是 ionic 3，我觉得 ionic 4 是一样的，在你的项目文件夹里，有一个资源目录，进去吧。 要更改默认图标，只需通过您的图像更改icon.png，如果我记得您需要调整图像大小（1024*1024）。 要更改默认启动画面，其相同 (2732*2732)。 不要忘记重命名您的图片（icon.png 和 splash.png）

更改后，只需更新您的项目：

ionic cordova resources

【讨论】：

当我更改 icon.png 和 splash.png 并运行命令时出现此错误：[cordova-res] 2019-11-29T09:39:53.159Z cordova-res:image Source file missing: resources/android/icon-foreground.png [cordova-res] 2019-11-29T09:39:53.159Z cordova-res:image Source file missing: resources/android/icon-foreground.jpg [cordova-res] 2019-11-29T09:39:53.159Z cordova-res:image Source file missing: resources/android/icon-foreground.jpeg

你用的是什么版本？尝试从cordova中删除文件夹android并重新加载

[cordova-res] ERROR: Missing source for "adaptive-icon" (sources: resources/android/icon-background.png, resources/android/icon-background.jpg, resources/android/icon-background.jpeg) 将icon.png改成相同大小后出现错误，重新添加android平台后无法正常工作

【参考方案2】：

理想情况下，图标的源图像应至少为 1024×1024px，并位于 resources/icon.png。初始屏幕的源图像理想情况下应至少为 2732×2732px，并位于 resources/splash.png。如果您使用了ionic start（在您的终端中的应用程序文件夹中运行），则在 resources/ 目录中应该已经有默认的 Ionic 资源，您可以将其覆盖。 ionic cordova resources（在您的终端中的应用程序文件夹中运行）将自动更新您的 config.xml 以反映生成的图像中的更改，然后 Cordova 对其进行配置。