Android的飞溅屏幕大小为ldpi,mdpi,hdpi,xhdpi显示? – 例如:1024×768像素的ldpi

我必须使用phonegap来devise启动屏幕(加载时适合屏幕的图像)。 我必须devise4大小的图像适合4种types的屏幕,如ldpi,mdpi,hdpi,xhdpi。 任何人都可以告诉我这些屏幕像素的确切大小,所以我可以devise在这样的大小?

示例答案:

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

由于Android没有设置标准尺寸,因此可以有任意数量的不同屏幕尺寸,因此您可以使用由Google提供的最小屏幕尺寸。

根据Google的统计,大部分ldpi显示器都是小屏幕,大部分的mdpi,hdpi,xhdpi和xxhdpi显示器都是正常尺寸的屏幕。

  • xlarge屏幕至less960dp x 720dp
  • 大屏幕至less640dp x 480dp
  • 正常屏幕至less为470dp x 320dp
  • 小屏幕至less426dp x 320dp

您可以在这里查看有关Google仪表板上设备相对大小的统计信息。

关于多个屏幕的更多信息可以在这里find。

9补丁图像

最好的解决scheme是创build一个九块图像,以便图像的边框可以伸展以适应屏幕的大小,而不会影响图像的静态区域。

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

对于Android移动设备

LDPI-图标-36×36,splash-426×320(现在具有正确的值)


MDPI-图标-48×48,splash-470×320


HDPI-图标72×72,splash-640×480


XHDPI-图标-96×96,飞溅 – 960×720


XXHDPI-图标144×144

所有的像素。

对于Android平板设备

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

为Android启动屏幕大小

同时也是Cordova(又名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 

注意:准备XXXHDPI是不需要的,也可能是XXHDPI的大小,因为9-patch图像的重复区域。 另一方面,如果仅使用人像尺寸,则应用尺寸可能会更小。 更多图片意味着更多的空间是需要的

请注意

我认为所有设备都没有确切的尺寸。 我使用Xperia Z 5“,如果你开发了一个跨平台的webview应用程序,你应该考虑很多事情(不pipe是否有软键导航button等),所以我认为只有一个合适的解决scheme。 准备一个9补丁的启animation面 (findHow to design a new splash screen标题下面)。

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

而已!

cordova特定的代码
将行添加到9个补丁启animation面的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修补程序启animation面时,要将行添加到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> 

如何devise一个新的启animation面

我将描述一种使用这种方式创build适当的启animation面的简单方法。 假设我们正在devise一个1280dp x 720dp – xhdpi(x-large)屏幕。 我已经写了下面的例子。

  • 在Photoshop中:文件 – >新build对话框窗口设置你的屏幕

    宽度:720像素高度:1280像素

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

    恭喜你…你有一个720dp x 1280dp的启animation面模板。

如何生成9个补丁的启animation面

在devise完闪屏之后,如果要devise9-Patch闪屏,则应在每一面插入1像素的间隙。 出于这个原因,你应该增加+2像素你的canvas尺寸的宽度和高度(现在你的图像尺寸是722×1282)。

我已经按照下面的说明在每一边留下了空白的1像素的空白。
使用Photoshop更改canvas大小:
– 在Photoshop中打开一个启animation面PNG文件
– 如果存在以下情况,请单击“图层”字段中的“背景”名称旁边的locking图标(保留空白而不是另一种颜色,如白色):
在这里输入图像描述
– 从“图像”菜单(宽度:720像素到722像素,高度:1280像素到1282像素)更改canvas大小。 现在,应该在闪屏图像的每一侧看到1像素的空白。

然后,您可以使用C:\ Program Files(x86)\ Android \ android-studio \ sdk \ tools \ draw9patch.bat转换9修补程序文件。 为此,在draw9patch应用程序上打开你的启animation面。 您应该定义您的徽标和可扩展区域。 注意黑线以下示例启animation面。 黑线的厚度仅为1px;)左侧和上侧黑线定义了您的闪屏的必须显示区域。 完全按照您的devise。 右和底线定义可添加和可移动区域(自动重复区域)。

只要做到这一点:在draw9patch应用程序上缩放图像的顶部边缘。 点击并拖动鼠标来画线。 然后按shift +单击并拖动鼠标擦除线。

示例9-补丁设计

如果您开发一个跨平台的应用程序(如Cordova / PhoneGap),您可以find几乎所有mabile操作系统启animation面大小的以下地址。 点击Windows Phone , WebOS , BlackBerry , Bada-WAC和Bada闪屏大小。

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

如果你需要IOS,Android等应用图标大小,你可以访问这里 。

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 
  • LDPI:肖像:200 X 320px。 风景:320 X 200px。
  • MDPI:肖像:320 X 480像素。 景观:480 X 320px。
  • HDPI:肖像:480 X 800像素。 景观:800×480px。
  • XHDPI:肖像:720 X 1280px。 风景:1280 X 720px。
  • XXHDPI:肖像:960 X 1600px。 风景:1600 X 960px。
  • XXXHDPI:肖像:1280 X 1920px。 风景:1920 X 1280px。
  • Xlarge屏幕至less960dp x 720dp
  • 列表项大屏幕至less640dp x 480dp
  • 列表项正常屏幕至less为470dp x 320dp
  • 列表项小屏幕至less为426dp x 320dp

使用它来创build你的图像,并把它们放在特定的资源文件夹中。

只要使用这个网站: http : //ticons.fokkezb.nl 🙂

它使您更容易,并直接生成正确的大小

xlarge屏幕至less为960dp x 720dp layout-xlarge 10“平板电脑(720×1280 mdpi,800×1280 mdpi等)

大屏幕至less640dp x 480dp的平板电脑像Streak(480×800 mdpi),7“平板电脑(600×1024 mdpi)

正常屏幕至less470dp x 320dp布局典型的手机屏幕(480×800 hdpi)

小屏幕至less为426dp x 320dp典型的手机屏幕(240×320 ldpi,320×480 mdpi等)