px:pixel———————————— 【 像素】 电子屏幕上组成一幅图画或照片的最基本单元
pt: point—————————————【 点】印刷行业常用单位,等于1/72英寸
ppi: pixel per inch————————【每英寸像素数】 该值越高,则屏幕越细腻
dpi: dot per inch—————————【每英寸多少点】,该值越高,则图片越细腻
计算公式:横向 尺寸的平方和竖向尺寸平方开平方在除以多少英寸如:
1980*1080 nexus 5 1920的平方+1080的平方和 开根号 除以4.9 ==445dpi
dp: dip,Density-independent pixel, 【安卓开发用的长度单位】
1dp表示在屏幕像素点密度为160ppi时1px长度
sp: scale-independent pixel————————————【安卓开发用的字体大小单位】。
1、尽量使用wrap_content、match_parent、weight和使用相对布局与线性布局
weight 计算方式:控件原来的宽度+剩余空间所占比例的宽度 如:
<LinearLayout
android:orientation="horizontal"android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
android:layout_weight="2"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<LinearLayout/>
屏幕宽度为L
而button 权重为1 却能占用2/3L 是因为 2/3L=L+(L-2L)*1/3
因为button设置match_parent 所以它的宽度为一个L 而剩余的宽度等于连个button相加后被宽度减
2、理解dp
Density-independent pixel (dp)独立像素密度。标准是160dip.即1dp对应1个pixel,计算公式如:px = dp * (dpi / 160),屏幕密度越大,1dp对应 的像素点越多。
上面的公式中有个dpi(dp),dpi为DPI是Dots Per Inch(每英寸所打印的点数),也就是当设备的dpi为160的时候1px=1dp;
之所以说dp和像素无关,是因为在android进行dp换算的时候是不根据实际的密度来的
mdpi------120dpi~160dpi
hdpi-------160dpi~240dpi
xhdpi------240dpi~320dpi
xxhdpi-----320dpi~480dpi
xxxhdpi----480dpi~640dpi
G7(HTC Desire)的屏幕尺寸是3.7英寸,分辨率是480*800,像素密度是252dpi,G10(HTC Desire HD)的屏幕尺寸是4.3英寸,分辨率同为480*800,像素密度是217dpi。假设现在有一个按钮,它的宽度设为100dp,由于G7和G10同被 划分为hdpi,那么在这两个设备上,这个按钮的实际宽度是:100 * (240 / 160) = 150像素,可由于这两个设备的实际像素密度是不一样的,所以真实的显示效果是:这个按钮在两个设备上的实际物理尺寸是不一样大的。
所以在不同的像素密度的手机上,有着同样的换算:
xhdpi:2.0
hdpi:1.5
mdpi:1.0(最低要求)
ldpi:0.75
720*1280 属于xhdpi,在android 中换算都是1dp=2px;
1080*1980 属于xxhdpi,在android 中换算都是1dp=3px;
所以在720*1280 的屏幕中,314像素的 在1080*1980为 314*3/2/3=147dp
3 使用限定符
在res/layout-large/main.xml 平板(3.2之前的)
res/layout-sw600dp/main.xml(3.2之后) small width 最小宽度
res/layout/main.xml 手机
为了方便维护:
可以在value中<resources>节点中 使用 type=layout
res/value-large/layout.xml
<resources>
<item name='main' type='layout'>@layout/mian.xml<itam/>
<resources/>
同理 res/value-sw600dp/layout.xml
res/value/layout.xml(这个是手机版 所以@layout/mian1.xml取名不一样)
使用:setconentview(R.layouyt.main)
横竖屏:
res/value-sw600dp-land/layout.xml 横屏
res/value-sw600dp-port/layout.xml 竖屏
在官方dome中 可以在对应的resources根基点下加一些节点用于做平板和手机在点击事件不同的处理
如加一个bool
APP设计尺寸解读:px、pt、ppi、dpi、dp、sp之间的关系 – 25学堂
Android APPUI设计师必知:pt sp dp之间的关系 – 25学堂
多设备官方教程(4)多屏幕(中)各大小屏幕都有个布局文件,再对它们生成相同的别名,.9图片技术 - j3d8fg - 博客园