如何使用 PhoneGap 3.5 添加 iOS 图标？答案

【问题标题】：How can I add an iOS icon using PhoneGap 3.5?如何使用 PhoneGap 3.5 添加 iOS 图标？
【发布时间】：2014-10-10 16:40:38
【问题描述】：

好吧...所以，我已经阅读了很多关于这方面的内容并敲了一段时间。

如果我在终端中运行“phonegap run ios”...然后我会在模拟器中看到一个可爱的图标，一切似乎都正常。

但是，如果我使用 phonegap 构建并从 github 提取我的最新版本...然后使用 QR 码将其安装到我的手机上，那么我根本就没有图标。该应用程序有效...只是没有图标。

以下是我的配置文件...所有图像实际上都在路径中。我知道我只是在这里遗漏了一些东西，但我不确定是什么。

救命！

谢谢，大卫

<icon src="www/icon.png" />

<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch  -->
<icon src="www/res/ios/Icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="www/res/ios/Icon-60@2x.png" gap:platform="ios" width="120" height="120" />
<!-- iPad -->
<icon src="www/res/ios/Icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="www/res/ios/Icon-76@2x.png" gap:platform="ios" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="www/res/ios/Icon-40.png" gap:platform="ios" width="40" height="40" />
<icon src="www/res/ios/Icon-40@2x.png" gap:platform="ios" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/Icon-57.png" gap:platform="ios" width="57" height="57" />
<icon src="www/res/ios/Icon-57@2x.png" gap:platform="ios" width="114" height="114" />
<!-- iPad -->
<icon src="www/res/ios/Icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="www/res/ios/Icon-72@2x.png" gap:platform="ios" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/res/ios/Icon-29.png" gap:platform="ios" width="29" height="29" />
<icon src="www/res/ios/Icon-29@2x.png" gap:platform="ios" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/res/ios/Icon-50.png" gap:platform="ios" width="50" height="50" />
<icon src="www/res/ios/Icon-50@2x.png" gap:platform="ios" width="100" height="100" />

更新已解决！

好的，所以下面的答案以及我看到的其他一些东西向我展示了人们在 PG Build 上取得成功的时间是他们不使用那个 res 目录的时候......他们似乎都使用别的东西。我不知道为什么。

在我的情况下，我只是将所有图标复制到 img 目录中......所以而不是：

www/res/ios/Icon-60.png

我正在使用：

img/ios/Icon-60.png

【问题讨论】：

标签： ios cordova phonegap-build

【解决方案1】：

看起来不错，可能是路径有问题。

检查下面我如何设置路径并相应地尝试。它们在 PhoneGap 构建中对我来说工作得很好。

在 index.html 文件所在的根目录下，有一个 img 文件夹，其中包含所有这些图像。

<!-- Icons for IOS -->
    <icon gap:platform="ios" width="57" height="57" src="img/iosIcons/icon-57.png"  />
    <icon gap:platform="ios" width="72" height="72" src="img/iosIcons/icon-72.png"  />
    <icon gap:platform="ios" width="72" height="114" src="img/iosIcons/icon-57-2x.png" />
    <icon gap:platform="ios" width="144" height="144" src="img/iosIcons/icon-72-2x.png"  /> 

<!-- Splash for IOS --> 
    <gap:splash gap:platform="ios" width="320" height="480" src="img/splash.png"/>  
    <gap:splash gap:platform="ios" width="640" height="960" src="img/splash@2x.png"/>   
    <gap:splash gap:platform="ios" width="640" height="1136" src="images/phone/1x/bglangscreen.png" />

【讨论】：