PhoneGap 应用程序中的启动画面大小

Posted 2023-03-07

【中文标题】PhoneGap 应用程序中的启动画面大小

【英文标题】：Splash Screen Size in PhoneGap App

【发布时间】：2015-11-06 13:04:59

【问题描述】：

我正在尝试在我的 config.xml 中设置启动画面的宽度和高度。

我正在使用PhoneGap Build，PhoneGap版本是3.7.0，目标是Andoird。

启动画面总是显示得很扭曲（即，它总是会调整大小以适应整个屏幕）。

以下无效：

<gap:splash src="./assets/img/logos/appLogo.png" width='200' height='100' />

以下内容根本不会显示启动画面：

<gap:splash src="./assets/img/logos/appLogo.png" gap:platform="android"  width='200' height='100' />

【参考方案1】：

您应该为不同的屏幕尺寸提供不同的启动画面。

根据 phonegap wiki (https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes)，大小应该是：

LDPI:
Portrait: 200x320px
Landscape: 320x200px
MDPI:
Portrait: 320x480px
Landscape: 480x320px
HDPI:
Portrait: 480x800px
Landscape: 800x480px
XHDPI:
Portrait: 720px1280px
Landscape: 1280x720px
XXHDPI:
Portrait: 960px1600px
Landscape: 1600x960px
XXXHDPI:
Portrait: 1280px1920px
Landscape: 1920x1280px

您可以在 config.xml 中指向您提供的启动画面，例如：

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

【讨论】：

您好，我需要为 1080x2340 redmi note 8 和类似手机添加新的启动画面。什么配置？