分辨率,ppi dpi,px,pt,dp,sp

image.png

單位

px : pixels,像素,屏幕上實際的像素點單位
pt:point,是一個標(biāo)準(zhǔn)的長度單位,1pt=1/72英寸,而在iOS中,以普通屏為基準(zhǔn),1pt=1px;
dp : device independent pixels, 設(shè)備獨立像素,安卓專用長度單位,以160ppi屏幕為標(biāo)準(zhǔn),則1dp=1px。dp*ppi/160=px。
sp:與縮放無關(guān)的抽象像素(Scale-independent Pixel)。

sp和dp很類似但唯一的區(qū)別是,Android系統(tǒng)允許用戶自定義文字尺寸大小(小、正常、大、超大等等),當(dāng)文字尺寸是“正?!睍r1sp=1dp=0.00625英寸,而當(dāng)文字尺寸是“大”或“超大”時,1sp>1dp=0.00625英寸。類似我們在windows里調(diào)整字體尺寸以后的效果——窗口大小不變,只有文字大小改變。

真正決定顯示效果的,是邏輯像素尺寸。為此,iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。

單位之間的換算關(guān)系隨倍率變化:

? 1倍:1pt=1dp=1px(mdpi、iPhone 3gs)
? 1.5倍:1pt=1dp=1.5px(hdpi)
? 2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)
? 3倍:1pt=1dp=3px(xxhdpi、iPhone 6 plus)
? 4倍:1pt=1dp=4px(xxxhdpi)

工具類

/**
 * dp、sp 轉(zhuǎn)換為 px 的工具類
 * 
 */
public class DisplayUtil {
    /**
     * 將px值轉(zhuǎn)換為dip或dp值,保證尺寸大小不變
     * 
     * @param pxValue
     * @param scale
     *            (DisplayMetrics類中屬性density)
     * @return
     */
    public static int px2dip(Context context, float pxValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (pxValue / scale + 0.5f);
    }

    /**
     * 將dip或dp值轉(zhuǎn)換為px值,保證尺寸大小不變
     * 
     * @param dipValue
     * @param scale
     *            (DisplayMetrics類中屬性density)
     * @return
     */
    public static int dip2px(Context context, float dipValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }

    /**
     * 將px值轉(zhuǎn)換為sp值,保證文字大小不變
     * 
     * @param pxValue
     * @param fontScale
     *            (DisplayMetrics類中屬性scaledDensity)
     * @return
     */
    public static int px2sp(Context context, float pxValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValue / fontScale + 0.5f);
    }

    /**
     * 將sp值轉(zhuǎn)換為px值,保證文字大小不變
     * 
     * @param spValue
     * @param fontScale
     *            (DisplayMetrics類中屬性scaledDensity)
     * @return
     */
    public static int sp2px(Context context, float spValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (spValue * fontScale + 0.5f);
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • ?初涉移動端設(shè)計和開發(fā)的同學(xué)們,基本都會在尺寸問題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要...
    有福氣的DI雪峰閱讀 1,835評論 0 2
  • 使用sketch最重要的一點是設(shè)計好控件的規(guī)范。 為做好設(shè)計規(guī)范需要對色彩進行編號,比如:color_a”_1,c...
    youyeath閱讀 26,668評論 2 237
  • 有時想放空一躺 轉(zhuǎn)過身背對著窗 不借助別人的肩膀 自己幫自己成長 暴風(fēng)雨一場 還是看不到陽光 只有堅強的模樣 人生...
    劉柔閱讀 853評論 0 1
  • 素來喜歡過簡單的生活,不喜歡鉤心斗角,極度討厭那些是是非非和爾虞我詐。一度想逃離現(xiàn)世,隱于山野,過田園生活??墒怯?..
    精進的醫(yī)生閱讀 575評論 5 5
  • 近幾年,互聯(lián)網(wǎng)大熱,互聯(lián)網(wǎng)程序人員供不應(yīng)求,而且又是高薪職業(yè),不少人都想從事或者轉(zhuǎn)行進入這一行業(yè)。各地的培訓(xùn)機構(gòu)開...
    玩頭條的小伙子閱讀 1,348評論 16 9

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