Question

我使用带有phonegap 3的phonegap版本，我无法让我的启动画面在Android设备上运行（ios上没有测试）。没有错误，也没有启动画面...在apk中我看到了我的启动画面，就像在应用程序启动时将phonegap构建忽略它们一样。

这是我的config.xml文件：

<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns   = "http://www.w3.org/ns/widgets"
        xmlns:gap   = "http://phonegap.com/ns/1.0"
        id          = "com.phonegap.example"
        versionCode = "10" 
        version     = "1.0.0" >

    <preference name="phonegap-version" value="3.0.0" />
    <preference name="orientation" value="portrait" />
    <!-- versionCode is optional and Android only -->

    <!-- Core plugins -->
    <gap:plugin name="org.apache.cordova.splashscreen" />
    <gap:plugin name="org.apache.cordova.media" version="0.2.3" />

    <name>ALLO</name>

    <description>
        Application mobile 
    </description>

    <author href="https://www.mywebsite.fr" email="support@mywebsite.fr">
        Henri Labarre 
    </author>

    <gap:platform name="ios" />
    <gap:platform name="android" />

    <!-- icon -->    
    <icon src="res/icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
    <icon src="res/icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
    <icon src="res/icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
    <icon src="res/icons/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />
    <icon src="res/icons/ios/icon.png" gap:platform="ios" width="57" height="57" />
    <icon src="res/icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
    <icon src="res/icons/ios/icon_at_2x.png" gap:platform="ios" width="114" height="114" />
    <!-- retina iPad support: PhoneGap 2.5.0+ only -->
    <icon src="res/icons/ios/icon-72_at_2x.png" gap:platform="ios" width="144" height="144" />    

    <!-- splash screen -->
    <gap:splash src="res/screen/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
    <gap:splash src="res/screen/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
    <gap:splash src="res/screen/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
    <gap:splash src="res/screen/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />


    <access origin="http://mywebsite.fr" subdomains="true" />    

</widget>

由于

Answer 1

发现问题：调试模式使启动屏幕失败。删除它时，它按预期工作。

Answer 2

我在同一个问题上拔头发。我的自定义启动屏幕已经到位，我的config.xml看起来完美无瑕。

经过几个小时的调查和蛮力测试后，我发现（至少在撰写本文时），我需要做两个“秘密调料”步骤才能让我的启动画面更新为“拍摄” （特别是，如果我启用了保湿功能 - 请参阅下面的特别说明）。我认为这是Phonegap构建工具中的一个错误或缺点，希望有一天能够得到解决：

在Phonegap Build网站上，点击页面顶部的“全部重建”按钮。（请注意，我说“Rebuild All”， NOT 每个平台旁边的重建按钮 - 如果我单独为android，ios等单独进行单独重建，则不会应用更新。
重新安装 我的目标android / ios设备上的应用程序（我只能通过现有版本下载并重新安装;我做了不需要卸载现有的安装，至少在android上。）

关于补水的特别说明（又名，猜测为什么会发生这种情况）：我的印象是，正如所宣传的那样，任何www文件或启动画面文件更新都会被水化应用程序自动拉下来对我的真实代码文件（css，html，javascript）的任何更新。然而，我观察到的是有趣的：启动画面更新确实不立即下降（在九头蛇更新期间），但我的www javascript，html，css文件DID的任何更新都会立即降下来，即使没有做重建全部。虽然这看起来很令人惊讶，但是为什么会这样做的线索可能会从观察到当你单击Rebuild All时，重建ipa和apk需要相当长的时间来完成，但是如果你点击每个平台旁边的Rebuild，它花了不少时间。这表明Rebuild All强制系统重建整个应用程序（包括图标，启动画面，水合逻辑等），而做一个一个平台重建会做一个“轻”重建（更新html，js，代码文件，而不是图标和闪屏等资源。）

底线：尝试点击全部重建按钮，然后在设备上重新安装应用程序（不仅仅是进行补水更新）。

Answer 3

将其添加到根目标中的config.xml或www / config.xml

中

<gap:splash src="splash.png" />

<gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" />
<gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" />
<gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" />
<gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" />

在Phonegap文档中提及： -

http://docs.build.phonegap.com/en_US/configuring_icons_and_splash.md.html

android上的空白启动画面与phonegap构建

3 个答案: