如何对屏幕尺寸进行分类?

时间:2017-03-20 08:02:23

标签: android nativescript

我已经列出了我想要适应(和计数)的2个屏幕尺寸:

我的联想A536:480 x 854像素(约196 ppi像素密度) 和三星Galaxy S5:1080 x 1920像素(~432 ppi像素密度)

和列出的this page:320dp,480dp,600dp,720dp为"断点"触发哪个xml,css加载...但我不知道如何对上面列出的屏幕尺寸进行分类(即使使用公式)...

请帮忙......谢谢......

2 个答案:

答案 0 :(得分:4)

您可以定位任何屏幕尺寸dpi。您可以使用以下屏幕尺寸限定符:

  • minWH< X> - 较小的尺寸(宽度或高度)应至少为 X dp。
  • minW< X> - 宽度应至少为X dp。
  • MINH< X> - 身高应至少为X dp。

因此,如果您想要定位196 dpi,则可以像这样定义页面:

your-page.minW196.xml - 应用最小宽度为196 dp。

有关详细信息,请访问nativescript文档screen size qualifiers

以下是最受欢迎的屏幕分辨率列表:

+--------------------------------------------------------------------+
| Device                Screen size      dpi       Suggested ratio   |
+--------------------------------------------------------------------+
| iPhone 5 / iPod Touch 1136 × 640       326ppi    2                 |
| iPhone 4              960 × 640        326ppi    2                 |
| iPhone 4S             960 × 640        326ppi    2                 |
| iPad (3rd gen)        2048 × 1536      264ppi    2                 |
| MacBook Retina        2880 x 1800      220ppi    2                 |
| Xperia S              720 × 1280       342ppi    2                 |
| One X                 720 × 1280       312ppi    2                 |
| EVO LTE               720 × 1280       312ppi    2                 |
| Galaxy Note           800 × 1280       285ppi    2                 |
| Galaxy SIII           720 × 1280       306ppi    2                 |
| Galaxy Nexus          720 × 1280       316ppi    2                 |
| HTC Desire            480 × 800        252ppi    1.5               |
| Nexus One             480 × 800        252ppi    1.5               |
| Sensation             960 × 540        256ppi    1.5               |
| Evo 3D                960 × 540        256ppi    1.5               |
| Sensation XE          960 × 540        256ppi    1.5               |
| LG Optimus 2X         480 × 800        233ppi    1.5               |
| Defy+                 854 × 480        265ppi    1.5               |
| Milestone             480 × 854        265ppi    1.5               |
| Nexus S SAMOLED       480 × 800        235ppi    1.5               |
| Nexus S LCD           480 × 800        235ppi    1.5               |
| Galaxy S Plus         480 x 800        233ppi    1.5               |
| Galaxy SII            480 × 800        219ppi    1.5               |
| Galaxy Tab            600 × 1024       171ppi    1.5               |
| iPad mini             1024 × 768       163ppi    1                 |
| iPhone                480 × 320        163ppi    1                 |
| iPhone 3G             480 × 320        163ppi    1                 |
| iPhone 3GS            480 × 320        163ppi    1                 |
| iPad (1st gen)        1024 × 768       132ppi    1                 |
| iPad 2                1024 × 768       132ppi    1                 |
| Kidle Fire            1024 × 600       169ppi    1                 |
| Galaxy Y (S5360)      240 × 320        133ppi    0.75              |
+--------------------------------------------------------------------+

Sources

请注意,您无需指定或定位每个设备。您只需遵循最小宽度或最小高度约定来定位设备。例如,如果您已定义以下页面:

  • 您-page.xml
  • 您-page.minW200.xml
  • 您-page.minW300.xml

然后您将 your-page.xml 定位在200 dp以下, your-page.minW200.xml ,最低200 dp到299 dp以及 your-page.minW300.xml 从最低300 dp到更高。

答案 1 :(得分:0)

屏幕密度不是精确值,而是范围。

ldpi(low)     <=120dpi
mdpi (medium) 120dpi~160dpi
hdpi (high)   160dpi~240dpi 
xhpdi (extra-high)) 240dpi~320dpi 
xxhdpi (extra-extra-high)) 320dpi~480dpi 
xxxhdpi (extra-extra-extra-high)) 480dpi~640dpi 

另请参阅:https://developer.android.com/guide/practices/screens_support.html