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

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

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

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

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

我究竟做错了什么?

如何添加iOS和Android的自定义应用程序图标与phonegap?

谢谢

我的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" />
幸运的是,在文档中有一些关于飞溅图像,这让我在路上获得图标图像的正确位置。所以这里。

文件放在哪里
使用命令行界面“cordova build ios”构建项目后,您应该在platforms / ios /文件夹中为iOS应用程序提供完整的文件结构。

在该文件夹内是一个包含您的应用程序名称的文件夹。它又包含一个资源/目录,你会发现icons /和splashscreen /文件夹。

在图标文件夹中,您会发现四个图标文件(57px和72 px,每个在常规和@ 2x版本)。这些是你到目前为止看到的PhoneGap占位符图标。

该怎么办

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

YourPhonegapProject / Platforms / ios / YourAppName / Resources / icons

与splashscreen文件相同。

笔记

>将文件放置在那里后,使用cordova build ios重建项目,并使用xCode的’清洁产品’菜单命令。没有这个,你仍然会看到Phonegap占位符。
>最明智的做法是以iOS / Apple方式重命名文件(即icon-72@2x.png等),而不是编辑info.plist或config.xml中的名称。至少这对我有用。
顺便说一下,忽略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。
>不要使用config.xml来防止Apple对图标的光泽效果。相反,勾选xCode中的框(单击左侧导航列中的项目标题,在Target标题下选择您的应用程序,然后向下滚动到图标部分)。

翻译自:https://stackoverflow.com/questions/17820492/how-to-add-app-icon-within-phonegap-projects

转载注明原文:cordova – 如何在phonegap项目中添加应用程序图标?