如何使用 Ionic\Cordova 在 android 中设置图标和启动画面

Posted 2023-02-23

【中文标题】如何使用 Ionic\\Cordova 在 android 中设置图标和启动画面

【英文标题】：How to set icon and splash screen in android using Ionic\Cordova如何使用 Ionic\Cordova 在 android 中设置图标和启动画面

【发布时间】：2015-01-25 23:26:44

【问题描述】：

我有一个 Ionic 项目，android 平台使用 Cordova。我想在项目中设置图标和启动画面。对于图标，我创建了一个目录并添加了将显示的徽标。

res\android\pkLogo.png

还将这一行添加到我的 config.xml

 <icon src="res/android/pkLogo.png" platform="android"   density="mdpi" />

但问题是显示 Apache 默认图标。我做错了什么我得到了here cordova的帮助

我想显示启动画面，怎么可能？我搜索了很多，找到了一些链接，但我正在解决它。

如何使用 ionic\cordova 在 android 中设置图标和启动画面

【参考方案1】：

从 CLI 运行 ionic cordova resources

之后将创建以下文件夹

资源 > 安卓

资源 > ios

在资源文件夹中添加icon.png和splash.png文件并再次运行ionic cordova resources命令。或者你可以运行ionic cordova run <platform>，它会为那个平台（ios、android等）生成资源文件。

它会自动创建图标和启动画面，并添加到 config.xml 文件中。无事可做。 Ionic 会自动为您完成所有工作。

【讨论】：

在资源文件夹中的意思是在资源文件夹和android文件夹旁边。我把它放在 android 文件夹中，离子无法找到图标/飞溅。

必须放入resources文件夹，图标会在resources>android文件夹中生成

【参考方案2】：

转到您的项目目录 - /resources/android/icon/根据下面所需的大小和名称在此处添加您的图标。

drawable-hdpi-icon.png - 72*72

drawable-ldpi-icon.png - 36*36

drawable-mdpi-icon.png - 48*48

drawable-xhdpi-icon.png - 96*96

drawable-xxhdpi-icon.png - 144*144

drawable-xxxhdpi-icon.png - 192*192

如果需要，还可以在以下目录中添加图标 - 项目目录-/platforms/android/res/根据特定文件夹放置上述图标。

并运行以下终端命令，它会更新您的图标，就像您可以管理启动屏幕一样。

$ionic 构建安卓

$ionic 运行安卓

【讨论】：

对我来说，文件夹名称就像 mipmap-hdpi，我替换了这些文件夹中的图标和 ic-launcher。可能是由于离子版本。无论如何，谢谢兄弟，你的方法奏效了。

【参考方案3】：

我希望你做得很好。当你问到关于更改启动画面和启动器图标的问题时，我也在尝试做同样的事情。然后我从Ionic CLI.那里找到了一个记录在案的方式，这对我有很大帮助，也节省了我的时间。 我们只需要做三个简单的步骤：

1> 创建一个大小为192x192 px 的图标图像，并将其保存为项目根目录下的资源目录下的icon.png、icon.psd 或icon.ai 文件。

2>创建一个大小为2208x2208 px的图标图片，并将其保存为项目根目录下的splash.png、splash.psd或splash.ai文件。

3>这是主要步骤，所以只需从终端运行此命令

ionic resources

然后您将在您的/demoApp/resources/android/icon 存储库和/demoApp/resources/android/splash 中看到一些图像。

如果您只想更改初始屏幕，则必须按照 步骤 2 以及命令 ionic resources --splash。然后你就可以看到你的飞溅了。

或仅针对图标，您只需遵循 步骤 1 以及 ionic resources --icon。

关心 如果您想分别创建启动画面和图标，则不要遵循 步骤 3 表示步骤 3 用于生成两者。

【讨论】：

嗨，我按照你的步骤 Ionic 上传了放在 /resources 文件夹中的 .ai 文件，并且不填充图标和启动目录。我从 IOS 和 Android 文件夹中删除了 icon & splash 目录内容以生成新的但没有成功。

【参考方案4】：

从 CLI 运行离子资源

之后将创建以下文件夹

资源 > 安卓

资源 > ios

在资源文件夹中添加 icon.png 和 splash.png 文件并再次运行 ionic resources 命令。

它会自动创建图标和启动画面，并添加到 config.xml 文件中。无事可做。 Ionic 会自动为您完成所有工作。

它对我有用，只有一件事

在构建您的 android 应用程序之前，请编辑platforms/android/AndroidManifest.xml

然后去

<application android:label="@string/app_name">

并添加下一个

<application android:icon="@drawable/icon" android:label="@string/app_name">

问候！

【参考方案5】：

图标源图片 在 Cordova 项目根目录的资源目录中保存一个 icon.png、icon.psd 或 icon.ai 文件。图标图像的最小尺寸应为 192x192 像素，并且不应有圆角。 然后在您的终端中运行此命令（cd 到您的当前目录）

$ ionic resources --icon

启动画面源图像在 Cordova 项目根目录的资源目录中保存一个 splash.png、splash.psd 或 splash.ai 文件。启动屏幕尺寸因平台、设备和方向而异，因此需要一个方形源图像来生成各种尺寸的图像。源图像的最小尺寸应为 2208x2208 px，其艺术品应在正方形内居中。然后在终端中运行此命令（cd 到当前目录）

$ ionic resources --splash

你就完成了。

请参阅此链接Ionic Splash screen and icon generator。

【参考方案6】：

对于 Android，请查看 /platform/android/res 对于 Ios，请查看 /platform/ios/yourapp/Resources

希望对你有帮助

【讨论】：

res 文件夹包括一堆文件夹

是的，打开它们看看里面，有不同设备视图的图标和飞溅。

Splash 也在那里，例如在 drawable-land-hdpi 文件夹中你会看到一个 screen.png。希望对你有帮助

我的标志显示为闪屏，我想显示不同的图像作为闪屏

只需用您的初始图像覆盖 screen.png 并将其称为 screen.png 作为默认图像。

【参考方案7】：

您可以使用ionic cordova resources 为您的Android 应用程序生成启动画面和图标。此命令在 android 文件夹下创建 icons 和 splash 屏幕。

icons 文件夹包含：

drawable-hdpi-icon.png - 72*72

drawable-ldpi-icon.png - 36*36

drawable-mdpi-icon.png - 48*48

drawable-xhdpi-icon.png - 96*96

drawable-xxhdpi-icon.png - 144*144

drawable-xxxhdpi-icon.png - 192*192

如果你只想创建icons，那么你可以使用

ionic cordova resources --icon

如果你只想创建splash 屏幕那么你可以使用

ionic cordova resources --splash

【参考方案8】：

编辑图像如果运行此命令不起作用（也适用于 ios）：

ionic cordova resources android --splash --force

然后再次运行命令:)

这将解决“错误”：

[OK] No need to regenerate images--source files unchanged.

提示：编辑每个平台的图像（甚至调整大小 1 px），否则 ionic 不会检测到源文件已随每个新命令更改。

【参考方案9】：

创建您的自定义 icon.png 1024 *1024 像素和 飞溅.png 2732 *2732 像素 然后替换资源目录中的文件 然后运行离子科尔多瓦资源 自动生成 ios 和 android 斜线和图标 img 并更改配置文件

对于闪屏模板： https://code.ionicframework.com/resources/splash.psd（参考）

【参考方案10】：

第一次创建应用时，资源文件夹中有两个文件，icon.png 和 splash.png。

用你想要的图标和启动文件替换这两个文件。

文件名必须相同 icon.png 的大小必须至少为 1024×1024，splash.png 的大小必须至少为 2732×2732 一旦 icon.png 和 splash.png 文件被替换。请按照以下步骤操作：

1) 您必须拥有免费的 Ionic 帐户。这是因为图标和启动画面的生成/转换使用的是 Ionic 服务器。

2) 在您的项目文件夹中，运行以下命令：

> ionic login

然后输入您的电子邮件和密码。

3) 在项目文件夹中运行（如果您正在构建 iOS 或 Android 应用程序，请在 ios 或 android 之间选择）：

> ionic cordova resources ios

> ionic cordova resources android

Ionic 会将您的图标和启动文件转换为您的目标平台所需的不同版本。 在此过程中，config.xml 也会更新。

【讨论】：

所有内容都被删除了？

这是一个***语法错误我编辑了我的评论，现在很好