使用phonegap Build服务时,我该怎么做才能更改默认的Phonegap图标

时间:2015-04-16 23:53:13

标签: cordova phonegap-build

enter image description here我已按照说明更换了phonegap图标。我尽职尽责地创建了适当大小的图标并将它们放在根文件夹中。 我在视觉上验证了我的唯一存在于项目中的验证了config.xml中的链接指向正确的文件。然后我拉上项目并将其发送到phoneGap构建,然后我得到默认图标。

我确认无论是通过手机下载还是下载apk都会发生这种情况。默认图标就在那里,在andriod构建中嘲弄我......

在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>

2 个答案:

答案 0 :(得分:6)

似乎问题是当使用phonegap构建时,Index.html文件必须位于root用户中,否则,您将获得默认图标。

我不知道为什么会出现这种情况,因为根本没有在index.html文件中引用图标,但我验证了这种行为。

将index.html放在root中,图标按预期显示,将index.html放在www文件夹中并获取默认的cordova图标。

怪异。

答案 1 :(得分:1)

来自official documentation

  

以下配置可用于定义将用于所有平台的单个默认图标。

<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构建有关图标的服务文档

  

默认图标必须命名为icon.png,并且必须位于应用程序文件夹的根目录中。

<icon src="icon.png" />

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

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