使用PhoneGap的所有平台的移动应用程序启动屏幕尺寸[重复]答案

【问题标题】：Mobile App Splash screen sizes for all platforms using PhoneGap [duplicate]使用PhoneGap的所有平台的移动应用程序启动屏幕尺寸[重复]
【发布时间】：2012-06-18 13:23:09
【问题描述】：

我正在为 iPhone、android 和 Blackberry 构建一个应用程序，并且我已经放置了一个大小为 640 x 960 像素的初始屏幕图像。这在我的 Galaxy S3 上可以正常工作 - 仍然有点拉伸，但每个设备似乎都不同。

我基本上想知道制作这些初始屏幕的尺寸。我在网络上看到了很多为每个屏幕提供不同视图和不同尺寸的东西。有没有人知道什么尺寸适合哪里？我什至需要为每个屏幕制作不同的尺寸吗？它们都有不同的纵横比等......

编辑

另外，我在某处看到您需要不同的 android 目录 - 特别是“res/drawable-ldpi、res/drawable-mdpi、res/drawable-hdpi、res/drawable-xdpi”。我在 PhoneGap 构建的哪里找到这个？我无法访问文件目录的那部分，只能访问我上传的图像等。顺便说一句，我正在使用 Dreamweaver CS6。

【问题讨论】：

标签： html cordova splash-screen

【解决方案1】：

你看到我之前关于初始屏幕尺寸的回答了吗？

phonegap - splash screen for Android app

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

【讨论】：

是的，我看到了与此类似的帖子。问题是我似乎无法找到 res 目录，或者 www 或 assets 目录。我认为我在这里遗漏了一些非常重要的东西......但我不需要，因为我一直在将 PhoneGap 构建服务与 Dreamweaver CS6 一起使用。
天哪，我怎么这么笨，你用WinRAR之类的解压就行了。啊啊啊！！！还是谢谢

【解决方案2】：

如果您使用 phonegap build 或 cli，请在根目录下创建一个文件夹。将此添加到配置文件并根据

 <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" />

【讨论】：