如何修改phonegap项目中的启动画面?

时间:2018-02-19 07:18:44

标签: android cordova cordova-plugins splash-screen

我已做过以下事情制作一个简单的应用只是为了在应用浏览器中打开移动网站

  • 已安装手机差距桌面应用并创建了一个项目
  • 使用手机差距构建下载的APK 进行构建,以便在移动设备上进行测试
  

问题:一切正常,期待闪屏显示   默认CORDOVA图标与灰色背景

我已替换\res\screen\android

中的所有启动画面图像

并更新了我的config.xml代码

    <platform name="android">
    <!-- you can use any density that exists in the Android project -->
    <splash src="res/screen/android/screen-hdpi-landscape.png" density="land-hdpi"/>
    <splash src="res/screen/android/screen-ldpi-landscape.png" density="land-ldpi"/>
    <splash src="res/screen/android/screen-mdpi-landscape.png" density="land-mdpi"/>
    <splash src="res/screen/android/screen-xhdpi-landscape.png" density="land-xhdpi"/>

    <splash src="res/screen/android/screen-hdpi-portrait.png" density="port-hdpi"/>
    <splash src="res/screen/android/screen-ldpi-portrait.png" density="port-ldpi"/>
    <splash src="res/screen/android/screen-mdpi-portrait.png" density="port-mdpi"/>
    <splash src="res/screen/android/screen-xhdpi-portrait.png" density="port-xhdpi"/>


</platform>
    <preference name="SplashScreenDelay" value="3000" />

在index.html 中使用以下脚本并按预期打开网址,但启动画面加载默认的带有灰色背景的cordova图标

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;
    var ref2 = cordova.InAppBrowser.open(encodeURI('https://example.com'), '_blank', 'location=no');

    navigator.splashscreen.show();
    window.setTimeout(function () {
        navigator.splashscreen.hide();
    }, 3000);
}

尝试过已发布的解决方案,但没有一个能为我工作。

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

根本不是清洁或缓存问题。问题是PhoneGap默认包含项目模板中的所有可能的启动图像。这些文件位于Resources文件夹下,并在build事件中复制到bundle的根文件夹。虽然我在Xcode(目标/摘要屏幕)中正确选择了我自己的启动图像,但默认PhoneGap的特定文件,例如默认~iphone.png覆盖了我的文件:(

一旦发现问题,你可以解决它,但我更喜欢以下步骤:

  1. 删除所有默认图标和启动画面文件     / platforms / ios / AppName / icons和/ splash文件夹。你肯定不会     需要这些占位符图像。
  2. 在Xcode中,选择Targets / AppName,然后选择Build Phases,全部删除 复制包中的上一步中的图像文件名 资源。

  3. 为应用图标添加您自己的图像文件,然后在此处启动图片。

  4. 编辑Info.plist文件(文件AppName-Info.plist下     / platforms / ios / AppName /)包含您的图像,您需要     使用CFBundleIcons和UILaunchImageFile键。转到iOS开发人员     网站供参考。