使用PhoneGap的所有平台的移动应用程序启动屏幕大小

时间:2012-06-18 13:23:09

标签: html5 cordova splash-screen

我正在为iPhone,Android和Blackberry构建一个应用程序,我已经在640 x 960像素的大小上放置了一个闪屏图像。这在我的Galaxy S3上工作正常 - 位仍然拉伸,但似乎每个设备都不同。

我基本上想知道制作这些启动画面的尺寸。我已经看到很多网站提供不同的视图,每个屏幕的大小不同。有没有人知道什么尺寸在哪里?我甚至需要为每个屏幕制作不同的尺寸吗?他们都有不同的宽高比等......

修改

另外,我在某处看到你需要不同的android目录 - 特别是“res / drawable-ldpi,res / drawable-mdpi,res / drawable-hdpi,res / drawable-xdpi”。我在PhoneGap构建中将其归结为何处?我无法访问文件目录的那一部分,只能访问我上传的图像等。我顺便使用Dreamweaver CS6。

2 个答案:

答案 0 :(得分:1)

您是否在启动画面尺寸上看到了我之前的答案?

phonegap - splash screen for Android app

无论如何,在Android上,您需要提供多个初始屏幕尺寸或提供可以正确拉伸的9-patch image

答案 1 :(得分:1)

如果您正在使用phonegap build或cli在root中创建一个文件夹res。将此添加到配置文件并根据

放置屏幕
 <gap:splash src="splash.png" />
    <gap:splash src="res/screen/android/screen-ldpi-portrait.png"  gap:platform="android" gap:density="ldpi" />
    <gap:splash src="res/screen/android/screen-mdpi-portrait.png"  gap:platform="android" gap:density="mdpi" />
    <gap:splash src="res/screen/android/screen-hdpi-portrait.png"  gap:platform="android" gap:density="hdpi" />
    <gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:density="xhdpi" />

    <gap:splash src="res/screen/ios/screen-iphone-portrait.png"    gap:platform="ios"     width="320" height="480" />
    <gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios"     width="640" height="960" />
    <gap:splash src="res/screen/ios/screen-ipad-portrait.png"      gap:platform="ios"     width="768" height="1024" />
    <gap:splash src="res/screen/ios/screen-ipad-landscape.png"     gap:platform="ios"     width="1024" height="768" />