cordova - 如何在phonegap项目中添加应用程序图标？

Question

我使用默认的 config.xml 创建了一个新的phonegap(v 3.0.0-0.14.0)项目，然后添加了 iOS 和 Android 平台。

该配置包含所有平台图标的所有路径。

我已经覆盖了 iOS 和 Android 的默认图标，以便路径和名称仍然与这些 png 匹配。

在模拟器中运行时，图标不显示。我在 xCode 中查找过它，它告诉我图标的“资源”文件夹仍然包含 PhoneGap 默认图标。与 Android 相同。

我做错了什么？

如何使用 PhoneGap 添加适用于 iOS 和 Android 的自定义应用图标？

谢谢

我的config.xml

<icon src="icon.png" />

<icon gap:density="ldpi" gap:platform="android" src="res/icon/android/icon-36-ldpi.png" />
<icon gap:density="mdpi" gap:platform="android" src="res/icon/android/icon-48-mdpi.png" />
<icon gap:density="hdpi" gap:platform="android" src="res/icon/android/icon-72-hdpi.png" />
<icon gap:density="xhdpi" gap:platform="android" src="res/icon/android/icon-96-xhdpi.png" />

<icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" />
<icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" />
<icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" />
<icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" />

<icon gap:platform="blackberry" src="res/icon/blackberry/icon-80.png" />
<icon gap:platform="blackberry" gap:state="hover" src="res/icon/blackberry/icon-80.png" />

<icon gap:platform="webos" src="res/icon/webos/icon-64.png" />
<icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" />
<icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173.png" />

Answer 1

幸运的是，文档中有一些关于启动图像的内容，这也让我走上了为图标图像找到正确位置的道路。所以就这样了。

文件放置的位置 使用命令行界面“cordova build ios”构建项目后，您应该在 platforms/ios/ 中拥有 iOS 应用程序的完整文件结构。文件夹。

该文件夹内有一个包含您的应用程序名称的文件夹。其中又包含 resources/您将在其中找到 icons/ 的目录和splashscreen/文件夹。

在图标文件夹中，您将找到四个图标文件(57px 和 72 px，每个都有常规版本和 @2x 版本)。这些是您目前看到的 Phonegap 占位符图标。

做什么

您所要做的就是将图标文件保存在此文件夹中。所以那就是:

YourPhonegapProject/Platforms/ios/YourAppName/Resources/icons

与闪屏文件相同。

注释

1. 将文件放在那里后，使用 cordova build ios 重建项目并使用 xCode 的“清洁产品”菜单命令。如果没有这个，您仍然会看到 Phonegap 占位符。

2. 最明智的做法是按照 iOS/Apple 的方式重命名文件(即 icon-72@2x.png 等)，而不是在 info.plist 或 config.xml 中编辑名称。至少这对我有用。

3. 顺便说一下，忽略 config.xml 中为图标指定的奇怪路径和文件名(即 <icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" /> )。我只是将这些定义留在那里，即使我的 114px 图标被命名为 icon@2x.png，图标也显示得很好。而不是icon-57-2x.png .

4. 不要使用 config.xml 来防止 Apple 对图标产生光泽效果。相反，请在 xCode 中勾选该框(单击左侧导航栏中的项目标题，在“目标”标题下选择您的应用程序，然后向下滚动到图标部分)。