如何使用 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+ - 键盘按键