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

Posted

技术标签:

【中文标题】如何使用 PhoneGap 3.5 添加 iOS 图标?【英文标题】:How can I add an iOS icon using PhoneGap 3.5? 【发布时间】: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"   />
<icon src="www/res/ios/Icon-60@2x.png" gap:platform="ios"   />
<!-- iPad -->
<icon src="www/res/ios/Icon-76.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-76@2x.png" gap:platform="ios"   />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="www/res/ios/Icon-40.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-40@2x.png" gap:platform="ios"   />
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/Icon-57.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-57@2x.png" gap:platform="ios"   />
<!-- iPad -->
<icon src="www/res/ios/Icon-72.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-72@2x.png" gap:platform="ios"   />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/res/ios/Icon-29.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-29@2x.png" gap:platform="ios"   />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/res/ios/Icon-50.png" gap:platform="ios"   />
<icon src="www/res/ios/Icon-50@2x.png" gap:platform="ios"   />

更新已解决!

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

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

www/res/ios/Icon-60.png

我正在使用:

img/ios/Icon-60.png

【问题讨论】:

【参考方案1】:

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

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

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

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

<!-- Splash for IOS --> 
    <gap:splash gap:platform="ios"   src="img/splash.png"/>  
    <gap:splash gap:platform="ios"   src="img/splash@2x.png"/>   
    <gap:splash gap:platform="ios"   src="images/phone/1x/bglangscreen.png" />

【讨论】:

以上是关于如何使用 PhoneGap 3.5 添加 iOS 图标?的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap 3.5 + Facebook 插件错误它说“找不到 FacebookSDK/FacebookSDK.h 文件”

Phonegap 3.5 - IOS 7.1+ - 键盘按键

如何使用预填充的 sqlite 数据库发布 phonegap 3.5 应用程序

如何在phonegap中为ios添加插件?

如何通过CLI将iOS插件添加到Phonegap?

Urban Airship phonegap 3.5 with Phonegap Build