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（aka 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个补丁图像的重复区域，因此不需要准备XXXHDPI，也可能也需要XXHDPI大小。 另一方面，如果仅使用纵向尺寸，则应用尺寸可能更小。 更多图片意味着需要更多空间。

请注意

我认为所有设备都没有确切的大小。 我使用的Xperia Z 5" 。如果你开发一个跨平台的-的WebView应用程序，你应该考虑的东西很多（屏幕是否有功能键导航按钮与否等）。因此，我觉得只有一个合适的解决方案。该解决方案是，以准备9补丁启动画面 （找到How to design a new splash screen下面How to design a new splash screen ）。

1. 为上述屏幕尺寸创建启动屏幕为9补丁 。 使用.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补丁启动屏幕时将行添加到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-large）屏幕。 我是为了下面的例子写的;

• 在Photoshop中：文件 - >在新对话窗口中新建设置屏幕

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

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

  恭喜你......你有一个720dp x 1280dp的闪屏模板。

如何生成9补丁启动画面

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

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

- 从“图像”菜单更改画布大小（宽度：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等app图标大小，你可以访问这里 。

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提供的最小屏幕尺寸。

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

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

您可以在此处查看 Google信息中心上设备相对尺寸的统计信息。

有关多个屏幕的更多信息，请访问此处 。

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 1280px。 风景：1280 X 720px。
• XXHDPI：肖像：960 X 1600px。 风景：1600 X 960px。
• XXXHDPI：肖像：1280 X 1920px。 风景：1920 X 1280像素。

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等）