如何使用PhoneGap 3.5添加iOS图标?

时间:2014-10-10 16:40:38

标签: ios cordova phonegap-build

好的......所以,我一直在阅读很多关于这件事的事情,并且已经敲了一会儿。

如果我运行" phonegap运行ios"在我的终端...然后我在模拟器中得到一个可爱的图标,一切似乎都运行良好。

但是,如果我使用phonegap构建并从github中提取最新内容...然后使用二维码将其安装到我的手机上,那么我根本就没有图标。该应用程序工作...只是没有图标。

下面是我的配置文件...并且所有图像实际上都在路径中。我知道我在这里错过了一些东西,但我不确定是什么。

帮助!

谢谢, 大卫

<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

1 个答案:

答案 0 :(得分: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" />