Question

我正在为所有平台的手机创建一个基于PhoneGap的应用程序。

我对Windows Phone和BlackBerry图标的像素分辨率感到困惑。

我得到了要使用的高度和宽度，但不是像素密度。例如，类似于mdpi Android的120像素分辨率。

Answer 1

像素密度与应用图标无关。

这是一个常见的误解，不幸的是很多图形人员都在传播这种误解。

智能手机将根据像素大小显示图片。一个57像素x 57像素的图标将以相同的方式显示在您的智能手机应用程序上，无论它是以72 dpi，144 dpi还是其他任何方式保存。

像素密度非常有用，例如，在您打印图像（到纸张）的情况下。在这种情况下，打印机软件将根据像素密度调整图像的物理尺寸。

智能手机可能具有自己屏幕的像素密度，但这并不用于选择图像的显示尺寸。所以，答案是您不必担心dpi。

注意：由于Android的资源命名惯例（hdpi，ldpi，mdpi等，熟悉Android的用户可能会对此问题特别感到困惑。）。在这种情况下，Android会根据设备的屏幕密度从相应的文件夹（例如drawable-mdpi）中选择图像，但是在图像文件中编码内部的实际dpi值仍然无关紧要。这些不同文件夹中的图像应具有不同的物理像素大小（mdpi的图像小于hdpi），但不使用图像的像素密度。

Answer 2

请不要忘记在config.xml上添加它

    <icon src="icon.png" />
    <icon src="icons/ios/icon.png" width="57" height="57" />
    <icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
    <icon src="icons/ios/icon_at_2x.png" width="114" height="114" />
    <icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
    <icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
    <icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
    <icon src="icons/bb/icon.png" gap:platform="blackberry" />
    <icon src="icons/bb/icon_hover.png" gap:platform="blackberry" gap:state="hover"/>
    <icon src="icons/winphone/icon.png" gap:platform="winphone" />
    <!-- winphone requires a jpg for the tile icons -->
    <icon src="icons/winphone/tileicon.png" gap:platform="winphone" gap:role="background" />
    <icon src="icons/webos/icon.png" gap:platform="webos" />
    <icon src="icons/webos/miniicon.png" gap:platform="webos" gap:role="mini" />

    <!-- Splash Screens -->
    <gap:splash src="splash.png" />
    <gap:splash src="splash/ios/Default-Landscape.png" width="1024" height="768" />
    <gap:splash src="splash/ios/Default-Portrait.png" width="768" height="1024" />
    <gap:splash src="splash/ios/Default.png" width="320" height="480" />
    <gap:splash src="splash/ios/Default_at_2x.png" width="640" height="960" />
    <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/bb/splash.png" gap:platform="blackberry" />
    <gap:splash src="splash/winphone/splash.jpg" gap:platform="winphone" />

Windows Phone ::

主屏幕

62px, small application tile
173px, large application tile
48px, application bar icons

Windows Phone Marketplace

99px, small mobile app icon
173px, large mobile app icon
200px, PC app title icon
480x800px, details page screenshot
1000x800px, panorama background
480x800px, application splash screen

黑莓::

http://docs.blackberry.com/en/developers/deliverables/17965/Dimensions_for_indicators_1155197_11.jsp

平板电脑网络：90px

BB10：114px

BlackBerry 6：＆＃34;对于应用程序图标，请创建一个不超过68 x 68像素的图标文件。此尺寸包括画布。保持   49 x 49像素空间内的图标重量。较小的元素   可以超出这个尺寸，但图标不应超过55乘55   像素。如果画布中的图标超过此大小，则可能是   按比例缩小并淡化线条权重和渐变。＆＃34;

Windows和BlackBerry图标大小和像素密度

2 个答案:

Windows Phone ::

黑莓::