Android屏幕大小为ldpi，mdpi，hdpi，xhdpi显示？ - 例如：ldpi为1024X768像素

Question

我必须使用phonegap为Android应用程序设计启动画面（加载时适合屏幕的图像）。我必须设计适合4种屏幕的4种尺寸的图像，如ldpi，mdpi，hdpi，xhdpi。任何人都能告诉我这些屏幕的精确像素大小，以便我可以设计那么大的尺寸吗？

答案示例：

ldpi - 1024X768 px
mdpi  - 111 X 156 px  

 We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type.

<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />

Answer 1

适用于Android的启动画面尺寸

同时适用于Cordova（a.k.a Phonegap），React-Native和所有其他开发平台

Format : 9-Patch PNG (recommended)

Dimensions

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

注意：由于9-patch图像的重复区域，不需要准备XXXHDPI，也可能需要XXHDPI大小。另一方面，如果仅使用纵向尺寸，则应用尺寸可能更小。更多图片意味着需要更多空间。

注意

我认为所有设备都没有确切的大小。我使用Xperia Z 5＆＃34;。如果您开发了crossplatform-webview应用程序，您应该考虑很多事情（无论屏幕是否有软键导航按钮等）。因此，我认为只有一个合适的解决方案。解决方案是to prepare a 9-patch splash screen（在下方找到How to design a new splash screen）。

1. 为上述屏幕尺寸创建启动画面为 9-patch 。使用 .9.png 后缀
为您的文件命名
2. 将以下行添加到config.xml文件
3. 如果需要，添加启动画面插件。
4. 运行您的项目。

那就是它！

Cordova特定代码
要在9-patch启动画面的config.xml中添加行

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />
<platform name="android">
    <splash src="res/screen/android/ldpi.9.png" density="ldpi"/>
    <splash src="res/screen/android/mdpi.9.png" density="mdpi"/>
    <splash src="res/screen/android/hdpi.9.png" density="hdpi"/>
    <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> 
</platform>

使用非 -9-patch启动画面时，要在config.xml中添加行

<platform name="android">
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>

如何设计新的启动画面

我将描述一种使用这种方式创建正确的启动画面的简单方法。假设我们正在设计一个1280dp x 720dp - xhdpi（x大）屏幕。我是为了下面的例子而写的;

• 在Photoshop中：文件 - ＆gt;新对话窗口中的新设置屏幕

  宽度：720像素 高度：1280像素

  我猜以上尺寸意味着分辨率为320像素/英寸。但要确保您可以在对话框窗口中将分辨率值更改为320。在这种情况下，像素/英寸= DPI

  恭喜......你有一个720dp x 1280dp的启动画面模板。

如何生成9补丁启动画面

设计启动画面后，如果要设计9-Patch启动画面，则应为每一面插入1像素间隙。因此，您应该增加画布尺寸+2像素的宽度和高度（现在您的图像尺寸为722 x 1282）。

我按照下面的指示在每一侧留下了空白的1像素间隙 使用Photoshop更改画布大小：
- 在Photoshop中打开启动画面png文件 - 点击＆＃39;背景＆＃39;旁边的锁定图标。如果有以下内容，则在“图层”字段中显示名称（留空而不是白色等其他颜色）：

- 从“图像”菜单更改画布大小（宽度：720像素到722像素，高度：1280像素到1282像素）。现在，应该在闪屏图像的每一侧看到1个像素间隙。

然后你可以使用C：\ Program Files（x86）\ Android \ android-studio \ sdk \ tools \ draw9patch.bat来转换9补丁文件。为此，请在draw9patch应用程序上打开启动画面。您应该定义徽标和可扩展区域。请注意以下示例启动画面的黑线。黑色线条的厚度仅为1像素;）左侧和上侧黑色线条定义了闪屏的必须显示区域。正如您的设计。右侧和底部线定义可添加和可移动区域（自动重复区域）。

就这样做： 在draw9patch应用程序上缩放图像的上边缘。单击并拖动鼠标以绘制线条。按shift +单击并拖动鼠标以删除线条。



如果您开发跨平台应用程序（如Cordova / PhoneGap），您可以找到以下几乎所有mabile OS初始屏幕大小的地址。点击Windows Phone，WebOS，BlackBerry，Bada-WAC和Bada启动屏幕尺寸。

https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

如果您需要IOS，Android等应用图标尺寸，您可以visit here。

IOS

Format : PNG (recommended)

Dimensions

 - Tablet (iPad)
   - Non-Retina (1x)
     - Portrait: 768x1024px
     - Landscape: 1024x768px
   - Retina (2x)
     - Portrait: 1536x2048px
     - Landscape: 2048x1536px
 - Handheld (iPhone, iPod)
   - Non-Retina (1x)
     - Portrait: 320x480px
     - Landscape: 480x320px
   - Retina (2x)
     - Portrait: 640x960px
     - Landscape: 960x640px
 - iPhone 5 Retina (2x)
   - Portrait: 640x1136px
   - Landscape: 1136x640px
 - iPhone 6 (2x)
   - Portrait: 750x1334px
   - Landscape: 1334x750px
 - iPhone 6 Plus (3x)
   - Portrait: 1242x2208px
   - Landscape: 2208x1242px

Answer 2

适用于Android移动设备

LDPI- icon-36x36，splash-426x320（现在值正确）

---

MDPI- icon-48x48，splash-470x320

---

HDPI- 图标72x72，splash- 640x480

---

XHDPI- icon-96x96，splash- 960x720

---

XXHDPI- icon- 144x144

全部以像素为单位。

适用于Android平板电脑设备

LDPI:
    Portrait: 200x320px
    Landscape: 320x200px
MDPI:
    Portrait: 320x480px
    Landscape: 480x320px
HDPI:
    Portrait: 480x800px
    Landscape: 800x480px
XHDPI:
    Portrait: 720px1280px
    Landscape: 1280x720px

Answer 3

由于Android没有设置标准尺寸，因此可以有多种不同的屏幕尺寸，因此您可以使用Google提供的最小屏幕尺寸。

根据谷歌的统计数据显示，大多数ldpi显示器都是小屏幕，大多数mdpi，hdpi，xhdpi和xxhdpi显示器都是正常大小的屏幕。

• xlarge屏幕至少为960dp x 720dp
• 大屏幕至少为640dp x 480dp
• 正常屏幕至少为470dp x 320dp
• 小屏幕至少为426dp x 320dp

您可以在Google信息中心的available here上查看有关设备相对尺寸的统计信息。

可以找到有关多个屏幕的更多信息here。

9补丁图片

最佳解决方案是创建一个九贴片图像，以便图像的边框可以拉伸以适应屏幕的大小，而不会影响图像的静态区域。

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

Answer 4

• LDPI：肖像：200 X 320px。风景：320 X 200px。
• MDPI：肖像：320 X 480px。风景：480 X 320px。
• HDPI：肖像：480 X 800px。风景：800 X 480px。
• XHDPI：肖像：720 X 1280像素。风景：1280 X 720px。
• XXHDPI：肖像：960 X 1600px。风景：1600 X 960px。
• XXXHDPI：肖像：1280 X 1920px。风景：1920 X 1280px。

Answer 5

• Xlarge屏幕至少为960dp x 720dp
• 列表项大屏幕至少为640dp x 480dp
• 列表项正常屏幕至少为470dp x 320dp
• 列表项小屏幕至少为426dp x 320dp

使用它来创建图像并将它们放在特定的资源文件夹中。

Answer 6

只需使用此网站：http://ticons.fokkezb.nl :)

它使您更容易，并直接生成正确的尺寸

Answer 7

xlarge屏幕至少为960dp x 720dp layout-xlarge 10“平板电脑（720x1280 mdpi，800x1280 mdpi等）

大屏幕至少是640dp x 480dp的tweener平板电脑，如Streak（480x800 mdpi），7“平板电脑（600x1024 mdpi）

正常屏幕至少为470dp x 320dp布局典型手机屏幕（480x800 hdpi）

小屏幕至少为426dp x 320dp典型手机屏幕（240x320 ldpi，320x480 mdpi等）