一個(gè)iOS開發(fā)者的android修行之路三:布局開發(fā)單位對比(pt VS dp)

說到布局和適配,就不得不談?wù)撓耰OS和Android二者布局的單位:pt(point,點(diǎn))和dp(Device independent pixel,Density independent pixel, DIP, DP,又叫與設(shè)備無關(guān)像素或與密度無關(guān)像素或密度獨(dú)立像素)。注意:這里說的point和和印刷行業(yè)的單位point(1pt = 1/72 inch)是有區(qū)別的,看到好多文章都將iOS的pt和印刷行業(yè)的pt單位給等同起來這非常的誤人子弟。

先說結(jié)論:

  1. 相同點(diǎn):都是為了適配不同屏幕不同尺寸的移動(dòng)設(shè)備而設(shè)計(jì)出來的一種單位,用于表示UI布局尺寸與設(shè)備屏幕密度無關(guān)

  2. 不同點(diǎn):一:pt是iOS設(shè)備的布局尺寸單位,蘋果公司給的定義是:1pt = 1/163 inch,dp是android設(shè)備的布局尺寸單位,Wikipedia給的定義對于android設(shè)備:1dp = 1/160 inch;二:像素(pixels)和二者的轉(zhuǎn)換關(guān)系不同:iOS pt = pixels * ( ppi/163)Android dp = pixels * (ppi/160)

在說二者的異同之前,我們得先清楚幾個(gè)概念(以下概念都是在屏幕、顯示器這個(gè)語境下的定義討論的):

  • inch:英寸,長度單位,1英寸 = 2.54 厘米;

  • px:pixels,像素,組成圖片、視頻的基本顯示單位;

  • dpi:dots per inch,每英寸的點(diǎn)數(shù)又叫點(diǎn)密度;可以和下面的ppi概念等同

  • ppi:pixels per inch,每英寸的像素值又叫像素密度,每英寸像素值越高,屏幕能顯示的圖像也越精細(xì),5ppi表示每平方英寸有5*5個(gè)px

  • 屏幕尺寸(screen size):最通俗的理解就是:屏幕對角線的長度,如5.8英寸的iPhoneX;

    5.8英寸的iPhoneX

  • 屏幕分辨率(resolution):手機(jī)的屏幕分辨率代表橫向和縱向的像素值,如上圖iPhoneX的分辨率是1125px * 2436px

通過上面的定義,我們知道ppi、屏幕尺寸、屏幕分辨率這三者的關(guān)系為:

ppi = 屏幕對角線的像素值/屏幕尺寸 = √ (屏幕橫向像素值^2 + 屏幕縱向像素值^2)/對角線長度

根據(jù)上面的公式,我們計(jì)算下iPhoneX的像素密度為:√ (1125^2 + 2436^2)/5.8 ≈ 458ppi

px、pt、dp的相互轉(zhuǎn)換

  1. px、pt、dp是靜態(tài)測量 - 它們不會因其他因素而改變;
    1px總是1px,是可以顯示顏色的屏幕中最小的一塊。
    1pt總是1pt,是一個(gè)抽象單位,只有與其他點(diǎn)相關(guān)時(shí)才有意義,dp同理。
  2. pt、dp與px不同,因?yàn)樗鼈兏鶕?jù)ppi更改大?。?br> 在iPhone上,當(dāng)屏幕像素密度為163ppi時(shí),也就是Retina顯示屏時(shí)代之前,所有的iPhone(iPhone 2G, 3G, 3GS),1pt等于1px;在326ppi上(iPhone 4,5和6),1pt等于2px*2px,或總共4px素,意味著你的100x100圖像將渲染在Retina設(shè)備上將是163ppi設(shè)備的四分之一大?。辉?01ppi上(iPhone 6Plus、7Plus、8Plus)這樣的,1pt等于3px*3px,或者9px。
    pt和px

    iPhone所有機(jī)型的分辨率如下圖:
    The Ultimate Guide To iPhone Resolutions

參考文章:

  1. Mobile design 101: pixels, points and resolutions
  2. The Ultimate Guide To iPhone Resolutions
  3. iOS 的 APP 在系統(tǒng)中如何適應(yīng) iPhone 5s/6/6 Plus 三種屏幕的尺寸
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 什么是DPI、PPI? DPI(Dots Per Inch)是測量空間點(diǎn)密度的單位,最初應(yīng)用于打印技術(shù)中,它表示每...
    讀品走思閱讀 4,241評論 0 5
  • 因?yàn)閺?fù)讀生活的學(xué)校是不允許學(xué)生拿手機(jī)的,所以只有兩周回一次家的我們才有機(jī)會打開手機(jī),看看資訊,看看高中同學(xué)的消息。...
    正月小酥閱讀 315評論 0 0
  • 秋夜寒涼 驚醒 久寐不成睡 輕翻點(diǎn)滴舊日 含笑 青澀怎成 擁衾滿懷 碎語 喃喃未成行 簾映霜月如灑 小掬 欲予誰傾...
    憶如斯閱讀 379評論 2 2
  • 場景一: “我不吃飯!” “我不喝水!” “我不梳頭發(fā)!” “我不穿衣服!” …… “大清早晨的,你折騰什么?你什...
    Abby李儀珊閱讀 448評論 0 1

友情鏈接更多精彩內(nèi)容