在哪里放置应用程序图标和启动屏幕文件?

时间:2016-07-23 20:42:31

标签: phonegap-build phonegap-cli

由于PhoneGap构建说仅上传 www.zip 文件夹,因此我无法理解我必须为每个平台放置图标和启动画面文件夹的位置。我应该把它放在 www 吗?

提出这个问题的原因是,如果我们应该只保留图标并且只在www内部,那么我的应用程序将变得非常沉重,不必要的图标和启动画面文件将添加到我的应用程序中,因为我的应用程序是交叉的平台,我为所有平台都包含了图标和飞溅。

如果我们脱机工作(PhoneGap CLI),那么我们过去常常将文件保存在 res 文件夹 www 文件夹中,并且Cordova构建过程会自动仅复制特定于平台的图标和启动屏幕文件,但在这里它将添加所选文件所需的所有文件。

1 个答案:

答案 0 :(得分:6)

正如您已经想到的那样,PhoneGap Build的项目结构略有不同。是的,你只需压缩并上传www文件夹,别无其他。顺便说一句,zip文件的名称不一定是www.zip,它可以是其他任何东西,但它必须只包含www文件夹,或者更好的只包含没有文件夹本身的www文件夹的内容。

你需要在www根文件夹中有icon.png和splash.png作为默认图标和启动画面。然后为其他图像添加子文件夹。您可以使用任意数量的文件夹将其命名为res或任何名称,但在其根目录中添加名为“.pgbomit”的空文件,这将告诉PhoneGap Build仅包含此文件夹中所需的文件,如您所提到的。然后使用config.xml中的完整路径引用每个文件,该路径也必须位于www根文件夹中。

所以结构应该是这样的:

www
   res
      icon
          android
          ios
      splash
          android
          ios
   config.xml
   icon.png
   splash.png
   index.html

与图标和启动画面相关的config.xml部分应该是这样的(在版本5及更高版本中):

  <icon src="icon.png" />
  <splash src="splash.png" />
  <platform name="ios">
    <icon src="res/icon/ios/icon.png" width="57" height="57" />
    <icon src="res/icon/ios/icon@2x.png" width="114" height="114" />
    <icon src="res/icon/ios/icon-72.png" width="72" height="72" />
    <icon src="res/icon/ios/icon-72@2x.png" width="144" height="144" />
    <icon src="res/icon/ios/icon-60.png" width="60" height="60" />
    <icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" />
    <icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" />
    <icon src="res/icon/ios/icon-76.png" width="76" height="76" />
    <icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" />
    <splash src="res/splash/ios/Default~iphone.png" width="320" height="480"/>
    <splash src="res/splash/ios/Default@2x~iphone.png" width="640" height="960"/>
    <splash src="res/splash/ios/Default-Portrait~ipad.png" width="768" height="1024"/>
    <splash src="res/splash/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
    <splash src="res/splash/ios/Default-Landscape~ipad.png" width="1024" height="768"/>
    <splash src="res/splash/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/>
    <splash src="res/splash/ios/Default-568h@2x~iphone.png" width="640" height="1136"/>
    <splash src="res/splash/ios/Default-667h.png" width="750" height="1334"/>
    <splash src="res/splash/ios/Default-736h.png" width="1242" height="2208"/>
    <splash src="res/splash/ios/Default-Landscape-736h.png" width="2208" height="1242"/>
  </platform>

以上配置适用于iOS,因此请为您希望支持的其他平台添加类似的部分,但如上面的iOS部分,请确保您遵循其他平台中正确的图像大小和名称。