【问题标题】:How to change default App Icon and Splash Screen in Ionic 4 application?如何更改 Ionic 4 应用程序中的默认应用程序图标和启动画面?
【发布时间】:2019-09-12 18:11:57
【问题描述】:

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

【问题讨论】:

    标签: javascript angular ionic-framework hybrid-mobile-app ionic4


    【解决方案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 对其进行配置。

    【讨论】:

      猜你喜欢
      • 2016-02-17
      • 1970-01-01
      • 2020-02-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-31
      相关资源
      最近更新 更多