开发iOS的时候,使用点作为基本单位会更加方便。列表对比
这里的屏幕模式可以初步理解成,一个点等于多少个像素。2x,就是1个点等于2个像素。
总结一下单位
手机屏幕的物理长度,使用英寸作为单位。比如iPhone 4屏幕是3.5英寸,iPhone 5 是4英寸,iphone 6是4.7英寸,这里的数字是指手机屏幕对角线的物理长度。
屏幕像素,比如iPhone 3GS屏幕是320 x 480像素,iPhone 4是640 x 960像素,这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。
点,开发App时候使用的单位,是一个虚拟的单位,并非实际存在的,因此点有时也叫虚拟点。点这个单位,用于屏蔽各个屏幕设备的不同,兼容以前的程序。
每英寸有多少个像素,称为ppi(pixel per inch)。我们可以简单算算,iPhone 4是640 x 960像素,对角线就是1154像素,除以3.5英寸,应该是330ppi。而官方给出的数字是326ppi。当像素太密,超过300ppi的时候,人眼也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中,是视网膜的意思。
iPhone 4之后(x, y, width, height) = (20, 30, 40, 50),就表示高度为40个点,宽度为50个点,放在(20, 20)个点的位置。这种处理方法,将之前以像素作为单位自动转换成以点作为单位,使得iPhone 3GS的应用程序,不用修改也可运行在iPhone 4上面。
文字,颜色等是矢量数据,放大不会失真。原有的iPhone 3GS程序,在iPhone 4上面运行,文字显示也十分清晰。
1x设备
3GS
2x的设备
4/4s 3.5寸 320x480pt 640x960px ppi 1153/3.5 = 330 ppi
5/5s 4寸 320x568pt 640x1136px ppi 1304/4 = 326 ppi
6 4.7寸 375x667pt 750x1334px ppi 1530/4.7 = 326 ppi
3x的设备
6plus 5.5寸 414x736pt 1242x2208px ppi 2246/5.5 = 408 ppi
ppi 每个尺寸的像素点 x²+y²开根号 得到的px 除以尺寸
iOS 默认的是1x的,随着不同设备,扩大成不同尺寸,间距也是一样的
网友评论