盒子模型(在css,android布局中使用)

屏幕

Tyep

宽度

Pixels

高度

Pixels

尺寸

Range(inches)

屏幕密度

QVGA

240

320

2.6-3.0

low

WQVGA

240

400

3.2-3.5

low

FWQVGA 

240

432

3.5-3.8

low

HVGA 

320

480

3.0-3.5

Medium

WVGA 

480

800

3.3-4.0

High

FWVGA

480

854

3.5-4.0

High

WVGA

480

800

4.8-5.5

Medium

FWVGA 

480

854

5.0-5.8

Medium

备注

目前android默认的low=120 ;Medium =160; High = 240




  1. dp(dip),px,sp的定义与区别

    dp:不依赖于像素的表示,WVGA、HVGA和QVGA是不同分辨率的屏幕,dp可以根据分辨率的不同显示相同比例的控件。如:120px长度的水平直线在480px的分辨率下就是屏幕宽度的1/4,在320px宽度的屏幕上就是120px/320px=屏幕款第的3/8,而使用120dp长度的水平直线在480px宽度分辨率下,是将480px分成120分,在320px宽度分辨率下降屏幕分成120分,猛然一看,确实不一样,但是屏幕的分辨率不一样,分的份数也不一样,但是比例是一样的。这就是120dp的水平直线在480px宽度和320宽度的屏幕分辨率下比例是一样的。

    px:为像素单位,像素我想应该都很清楚吧。

    sp:是设置字体的大小时才用到,和dp关系正在研究中。

  2. 盒子模型

    盒子模型在android中总会遇到,可能我们老是padding和margin属性搞混淆。

    image

    我认为这个图一目了然,但是容易混淆的是在容器中的控件到底在哪里?上图的控件如果是个Button控件,那么Button控件的范围是Border+Padding+Content Area。margin是Button控件和父控件之间的距离。根据(上述1.px,dp,sp的内容),是不是设置dp更好点呢,距离可以根据分辨率的大小任然保持相同的视觉效果。


你可能感兴趣的:(盒子模型)