首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Phonegap构建服务时更改默认phonegap图标必须做什么

使用Phonegap构建服务时更改默认phonegap图标必须做什么
EN

Stack Overflow用户
提问于 2015-04-16 23:53:13
回答 2查看 6.8K关注 0票数 0

我遵循了替换phonegap图标的指示。我已经尽职尽责地创建了适当大小的图标,并将它们放在根文件夹中。我在视觉上验证了项目中唯一存在的是我的链接,验证了config.xml中指向正确文件的链接。然后,我将项目压缩,并将其发送到phoneGap build,但仍然会得到默认的图标。

无论我是通过手机下载还是拉下apk,我都证实了这一点。默认的图标就在那里,嘲笑我在安德里奥德的建筑.

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

我的配置

代码语言:javascript
运行
复制
     <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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-04-20 20:03:17

问题似乎是,当使用phonegap时,Index.html文件必须位于根中,否则,会得到默认的图标。

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

将index.html放在根目录中,图标如预期的那样出现,将index.html放在www文件夹中,并获得默认的cordova图标。

真奇怪。

票数 6
EN

Stack Overflow用户

发布于 2015-04-16 23:57:17

来自正式文件

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

代码语言:javascript
运行
复制
<icon src="res/icon.png" />

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

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

代码语言:javascript
运行
复制
<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,并且必须驻留在应用程序文件夹的根目录中。

代码语言:javascript
运行
复制
<icon src="icon.png" />

例如,对于iOS特定的图标,请使用下面的代码片段。

代码语言:javascript
运行
复制
 <icon src="icon-60@3x.png" gap:platform="ios" width="180" height="180" />
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29687909

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档