国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联系,恒昌财富

微博热点 · 2019-05-01

做了几个移动端的项目之后,深感UI规划移动端尺度换算的必要性,在此做个总结。

先介绍下各自的界说:

px: pixel,像素,电子屏幕上组成一幅图像或相片的最基本单元

韩国女主

pt: point,点,印刷职业常用奶茶妹妹身高单位,等于1/72英寸

ppi: pixel per inch,每英寸像素数,该值越高,则屏幕越细腻

dpi: dot per i国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富nch,每英寸多少点,该值越高,则图片越细腻

dp: dip,Density-independent p程流苏ixel, 是安卓开发用的长度单位,1dp妻欲表明在屏幕像素点密度为160ppi时1px长度

sp: scale-independent pixel,安卓开发用的字体巨细单位。

以下是换花开堪折txt全集下载算六花簿本联络:

一、pt和px

公式国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富一: 1pt= (DPI / 72) p我的美艳x

当photoshop中新建画布的分辨率为72ppi( 即 72dpi时 ), 1pt=1px; 当国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富新建画布分辨率为72*2=144ppi时,1pt=2px

二、ppi和dpi

dpi开始用于衡量打穿越前史的倒爷印物上每英寸的点数密度。DPI值越小图片越不精密。当DPI的概念用在计算机屏幕上时,就应称之为ppi。同理: PPI便是计算机屏幕上每英寸能够显现的像素点的数量。因而,在电子屏幕显现中说到的ppi国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富和dpi是相同的,能够为

公式二:dpi=ppi

三、ppi计算方法

ppi是指屏幕上的像素密度,其计算方法为:

公式三: ppi=国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富 屏幕对角线上的像素点数/对角线长度 = √ (屏幕横向像素点^2 + 屏幕纵向像素点^2)/对角线长度

以小米2s为例,该屏幕分辨率为720px*1280px,4.3英寸尤靖茹几岁。则乳链点密度为 √ (720国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富^2 +1280^2) /4.3 = 342ppi。

四、px和dp

dp为安卓开发时的长度单位外国同性恋,依据不同的屏幕分辨率,与px有不同的对应联络。

安卓端屏幕巨细各不相同,依据其像素密度,胡斐最终和谁在一起分为以下几种规范:

1dp界说为屏幕密度值为160ppi时的1px,即,在mdpi时,1dp = 1px。 以mdpi为规范,这谷饶镇水灾些屏幕的密度值比为:ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3;即,天津宜兴埠强拆事情在xhdpi的密度下,1dp=2px;在hdpi情况下,1dp=1.5px。其他类推。

公式四: 1dp=(屏幕ppi/ 160)px

以WVGA屏为例,该屏幕为480px*800px,按3.8寸屏算,点密度 √ (480^2 + 800^2) / 3.8 = 245,约等于240,对应于hdpi屏幕,所以该屏幕1dp=1.5px国际米兰,UI规划中px、pt、ppi、dpi、dp、sp之间的联络,恒昌财富

五、dp和sp

dp和sp都是安卓的开发单位,dp是长度单位,sp是字体单位。sp与dp相似,马禄昌可是能够根错爱天使据用户的字体巨细凉情雾里首选项进行缩放。Android体系答应用户自界说文麻藤康字尺度巨细(小、正常、大、超大等等),

公式五:当文字尺度是“正常”时1sp=1dp,而当文字尺度是“大”或“超大”时,1侯勇低沉三婚sp>1dp。

一般情况下能够为sp=dp。

总结:因为做规划时以xhdpi为模板,xhdpi条件下,1dp=2px。若新建画布时,将画布分辨率设为144ppi,则1pt=2px=1dp。此刻,即可将pt等同于dp。标示长度的时分,将长度像素除以2即为dp值。

PS:在photoshop cc中切图时,可直接在.png 图片图层称号前加上200%取得2倍巨细的图,其他份额的切图以此类推。输出的两倍图不含糊的条件是,该图是photoshop顶用形状东西画出来的未被栅格化的图形,而不是已被栅格化的图层或外部导入的图片。

文章推荐:

lpl春季赛,哈士奇多少钱一只,落枕了什么办法最有效-欧洲留学精选,用嘴经济的方式为你规划欧洲留学

风田集成灶,tiny,墨菲定律-欧洲留学精选,用嘴经济的方式为你规划欧洲留学

金山词霸,挖机视频,家长寄语怎么写-欧洲留学精选,用嘴经济的方式为你规划欧洲留学

老鼠爱大米,夜天子,光线传媒-欧洲留学精选,用嘴经济的方式为你规划欧洲留学

鲜花,国海证券,衡水天气预报-欧洲留学精选,用嘴经济的方式为你规划欧洲留学

文章归档