使用 phonegap 构建服务时，我必须做什么才能更改默认的 Phonegap 图标

Question

我已按照说明更换 phone 间隙图标。我尽职尽责地创建了大小合适的图标并将它们放在根文件夹中。我目视验证了我的是项目中唯一存在的验证 config.xml 中的链接指向正确的文件。然后我压缩项目并将其发送到 phoneGap build 并且我仍然获得默认图标。

我验证了无论是通过 phone 下载还是下载 apk 都会发生这种情况。默认图标在那里，在andriod build中嘲讽我...

在ios包中，图标都是空白的。我的应用程序在这里：https://build.phonegap.com/apps/1413267/share

我的配置

     <widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.mbienergyservices.careers" version="1.0.6">
  <name>MBI Works! v1.0.6</name>
  <description>Search and apply at MBI</description>
  <author href="http://mbienergyservices.com" email="support@mbienergyservices.com">James Fleming</author>
  <content src="index.html"/>
  <preference name="phonegap-version" value="3.7.0" />
  <preference name="permissions" value="none"/>
  <preference name="orientation" value="default"/>
  <preference name="target-device" value="universal"/>
  <preference name="fullscreen" value="true"/>
  <preference name="webviewbounce" value="true"/>
  <preference name="prerendered-icon" value="true"/>
  <preference name="stay-in-webview" value="false"/>
  <preference name="ios-statusbarstyle" value="black-opaque"/>
  <preference name="detect-data-types" value="true"/>
  <preference name="exit-on-suspend" value="false"/>
  <preference name="show-splash-screen-spinner" value="true"/>
  <preference name="auto-hide-splash-screen" value="true"/>
  <preference name="disable-cursor" value="false"/>
  <preference name="android-minSdkVersion" value="7"/>
  <preference name="android-installLocation" value="auto"/>

 <icon src="icon.png"/>
  <!-- iPhone 6 / 6+ -->
    <icon src="icon-60@3x.png" gap:platform="ios" width="180" height="180" />
    <!-- iPhone / iPod Touch  -->
    <icon src="icon-60.png" gap:platform="ios" width="60" height="60" />
    <icon src="icon-60@2x.png" gap:platform="ios" width="120" height="120" />
    <!-- iPad -->
    <icon src="icon-76.png" gap:platform="ios" width="76" height="76" />
    <icon src="icon-76@2x.png" gap:platform="ios" width="152" height="152" />
    <!-- Settings Icon -->
    <icon src="icon-small.png" gap:platform="ios" width="29" height="29" />
    <icon src="icon-small@2x.png" gap:platform="ios" width="58" height="58" />
    <!-- Spotlight Icon -->
    <icon src="icon-40.png" gap:platform="ios" width="40" height="40" />
    <icon src="icon-40@2x.png" gap:platform="ios" width="80" height="80" />
  <!-- iOS 6.1 -- > 
      <!-- iPhone / iPod Touch -->  
      <icon src="icon-57.png" gap:platform="ios" width="57" height="57"/> 
      <!-- iPad -->
      <icon src="icon-72.png" gap:platform="ios" width="72" height="72"/>
      <icon src="icon-72-2x.png" gap:platform="ios" width="144" height="144"/>
      <!-- iPhone Spotlight and Settings Icon -->
      <icon src="icon-small.png" gap:platform="ios" width="29" height="29" />
      <icon src="icon-small@2x.png" gap:platform="ios" width="58" height="58" />
       <!-- iPad Spotlight and Settings Icon -->
      <icon src="icon-50.png" gap:platform="ios" width="50" height="50" />
      <icon src="icon-50@2x.png" gap:platform="ios" width="100" height="100" />
  <!-- android --> 
    <icon src="mdpi.png" gap:platform="android" gap:qualifier="mdpi" />
    <icon src="hdpi.png" gap:platform="android" gap:qualifier="hdpi" />
    <icon src="xhdpi.png" gap:platform="android" gap:qualifier="xhdpi" />
    <icon src="xxhdpi.png" gap:platform="android" gap:qualifier="xxhdpi" />

    <icon src="res/icon/webos/icon-64.png" gap:platform="webos"/>
    <icon src="res/icon/windows-phone/icon-48.png" gap:platform="winphone"/>
    <icon src="res/icon/windows-phone/icon-173-tile.png" gap:platform="winphone" gap:role="background"/>
  <gap:splash src="splash.png" />

  <gap:splash src="screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi"/>
  <gap:splash src="screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi"/>
  <gap:splash src="screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi"/>
  <gap:splash src="screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi"/>
  <gap:splash src="res/screen/blackberry/screen-225.png" gap:platform="blackberry"/>
  <gap:splash src="screen-iphone-portrait.png" gap:platform="ios" width="320" height="480"/>
  <gap:splash src="screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960"/>
  <gap:splash src="screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136"/>
  <gap:splash src="screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024"/>
  <gap:splash src="screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768"/>
  <access origin="*" subdomains="true" />
</widget>

Answer 1

来自official documentation

The following configuration can be used to define single default icon which will be used for all platforms.

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

请注意图标应该在 res 文件夹中，而不是 www\res。

从 Cordova 3.6 开始，您可以分别为各个平台指定图标。例如：

<platform name="android">
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density="xhdpi" />
</platform>

来自关于图标的 PhoneGap Build 服务文档

The default icon must be named icon.png and must reside in the root of your application folder.

<icon src="icon.png" />

对于 iOS 特定图标，例如使用以下代码段。

 <icon src="icon-60@3x.png" gap:platform="ios" width="180" height="180" />

Answer 2

问题似乎是使用 phonegap build 时 Index.html 文件必须位于根目录中，否则，您将获得默认图标。

我不知道为什么会这样，因为 index.html 文件中根本没有引用图标，但我验证了这种行为。

将index.html放入根目录，图标如预期出现，将index.html放入www文件夹，获取默认的cordova图标。

奇怪。

使用 phonegap 构建服务时，我必须做什么才能更改默认的 Phonegap 图标

What must I do to change default Phonegap icon when using the phonegap Build service

cordova

phonegap-build