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

标签 android cordova cordova-plugins splash-screen

我做了下面的事情来制作一个简单的应用程序,只是为了在应用程序浏览器中打开一个移动网站

  • 安装了Phone Gap Desktop App并创建了一个项目
  • 使用 Phone Gap Build下载的 APK 进行移动测试

Problem : Everything works well expect splash screen is showing default CORDOVA ICON WITH GREY BACKGROUND

我已经替换了 \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 中使用下面的脚本并按预期打开 URL,但启动画面加载默认的灰色背景的 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);
}

尝试过已经发布的解决方案,但没有一个对我有用。

任何帮助将不胜感激

最佳答案

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

一旦确定问题,您可以通过某种方式解决它,但我更喜欢以下步骤:

  1. 删除所有默认图标和闪屏文件 /platforms/ios/AppName/icons 和/splash 文件夹。你肯定不会 需要这些占位符图像。
  2. 在 Xcode 中,选择 Targets/AppName,然后选择 Build Phases,删除所有 Copy Bundle 部分中上述步骤中图像的文件名 资源。

  3. 在此处为应用程序图标和启动图像添加您自己的图像文件。

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

关于android - 如何修改phonegap项目中的启动画面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48861210/

相关文章:

android - 将 ListView 绑定(bind)到对象数组

java - Facebook android shareDialog打开后关闭

javascript - 优化 Phonegap 应用程序的图像

javascript - API 请求在使用 phonegap 调试时不工作,但在模拟器中工作,为什么?

cordova - 为 ionic 5 代码构建 ios 时出现 defaultWebpagePreferences 错误

android - Robotium 断言失败错误 : Click can not be completed

Android Studio GridLayout onTouch 事件

css - 输入文本的颜色 [ 移动应用程序,Kendo UI ]

android - 什么是 Android 的 CordovaPlugin remapUri Override for iOS Cordova Plugins 的等价物

javascript - 网络音频的分贝值