【问题标题】:How to modify splash screen in phonegap project?如何修改phonegap项目中的启动画面?
【发布时间】:2018-02-19 07:18:43
【问题描述】:

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

  • 安装Phone Gap Desktop App并创建项目
  • 使用 Phone Gap Build下载的 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 中使用下面的脚本,它会按预期打开 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);
}

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

任何帮助将不胜感激

【问题讨论】:

    标签: android cordova cordova-plugins splash-screen


    【解决方案1】:

    这根本与清理或缓存问题无关。问题是 PhoneGap 默认在项目模板中包含所有可能的启动图像。这些文件位于 Resources 文件夹下,并在构建事件时复制到 bundle 的根文件夹。尽管我在 Xcode(目标/摘要屏幕)中正确选择了自己的启动图像,但默认 PhoneGap 的特定文件,例如Default~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 开发者 网站供参考。

    【讨论】:

    • 我正在使用 Phone Gap Build 为 ios/android/windows 构建应用程序...图标效果很好,只是启动画面没有改变
    • @ManojDeswal 启动画面也一样
    • 在使用 phonegap build 进行构建时,我们只能使用 end 文件,即 .apk 文件。正如您所说,无法访问 /platforms/ios/AppName/icons 。我只使用 Phonegap 工具。
    • 先生,在构建之前,您必须找到启动画面/图标并更改它们(如果您愿意的话)-check this out
    • 我已经提到我已经更改了它们,图标效果很好但闪屏没有
    猜你喜欢
    • 2016-05-08
    • 2013-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多