像素 分辨率 dp pt ppi px

https://facebook.github.io/react-native/docs/pixelratio.html

import {PixelRatio, Platform,Dimensions} from 'react-native';

var window = require('Dimensions').get('window');

export const maxHeight = PixelRatio.getPixelSizeForLayoutSize(Dimensions.get('window').height);
export const maxWidth = PixelRatio.getPixelSizeForLayoutSize(Dimensions.get('window').width);

export const scaleHeight = maxHeight/768;
export const scaleWidth = maxWidth/1024;
export const pixRa = PixelRatio.get();


export const  px2dp =  (px) => {
    return px / PixelRatio.get();
}

export const  dp2px =  (dp) => {
    return dp * PixelRatio.get();
}

export const getRealDpWidth = (number) => {

    return px2dp(number)*scaleWidth;

}
export const getRealDpHeight = (number) => {

    return px2dp(number)*scaleHeight;

}

export const getRealDpWidthZyx = (number) => {

    return Dimensions.get('window').width/1024 * number;

}
export const getRealDpHeightZyx = (number) => {

    return Dimensions.get('window').height/768 * number;

}

const a1 = getRealDpHeight(44);
const a11 = getRealDpHeightZyx(44);
console.log('--' + a1 +"  "+ a11);

const  b1 = getRealDpWidth(33);
const  b11 = getRealDpWidthZyx(33);
console.log('--' + b1 +"  "+ b11);

QQ20161118-0@2x.png

http://blog.csdn.net/ridxmc/article/details/51346472
ppi (pixels per inch)：屏幕像素密度 （在图像中，每英寸所包含的像素数目）
dpi (dots per inch)： 打印分辨率 （每英寸所能打印的点数，即打印精度）

pt：iOS开发单位，即point，绝对长度，1pt=1/72英寸。

可以看出iphone的屏幕密度只有3种，即

@1x，163ppi(iphone3gs）

@2x，326ppi（iphone4、4s、5、5s、6）

@3x,401ppi（iphone6+）

一、基本概念
dip ： Density independent pixels ，设备无关像素。
dp ：就是dip
px ： 像素
dpi ：dots per inch ， 直接来说就是一英寸多少个像素点。常见取值 120，160，240。我一般称作像素密度，简称密度
density ： 直接翻译的话貌似叫 密度。常见取值 1.5 ， 1.0
分辨率 ： 横纵2个方向的像素点的数量，
屏幕尺寸： 屏幕对角线的长度。电脑电视同理。
屏幕比例的问题。因为只确定了对角线长，2边长度还不一定。所以有了4：3、16：9这种，这样就可以算出屏幕边长了。

不同PPI的dp与px的换算关系

160PPI(mdpi) : 1dp = 1px
240PPI(hdpi) : 1dp = 1.5px
320PPI(xhdpi) : 1dp = 2px

UI设计原型：基于iphone6

分辨率：1334 x 750 px；
屏幕大小：4.7英寸
320dpi
density=2
1dp＝(1*density)px
DPI 326dpi（约等于，;）
全屏dp值：667 x 375 dp ((1334/density) x (750/density) )

---

https://segmentfault.com/a/1190000002658374

默认用的是ihone6的模拟器结果是：

window.width=375
window.height=667

export const maxHeight = PixelRatio.getPixelSizeForLayoutSize(Dimensions.get('window').height);

750
export const maxWidth = PixelRatio.getPixelSizeForLayoutSize(Dimensions.get('window').width);
1334

---

---

3C06314BE4A8239665FCCCFEEA9D99FF.png

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions