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下面的标题).

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 :)

它让您更轻松，并直接生成正确的尺寸