视网膜屏幕

分辨率跟像素点关系是2倍关系的有 4,,4s,5,5s,se,6,6plus 6splus

iPhone 5采用4英寸视网膜屏,开发者界面分辨率是320*568,实际屏幕中像素点为640*1136,也就是1:2关系,我现在有一张400*400分辨率的图片,在普通屏幕中400*400宽高显示,在1:2视网膜屏幕中,就应该是200*200宽高才是正常显示,一个分辨率点需要2个像素来填充。如果还是400*400宽高显示,那么就一个分辨率点就一个像素就会失真或者非正常显示,如果是放大到250*250还可能会好些。但是把他缩小到100*100宽高还是清晰的。换句话说,低精度(此类图片显示宽高小一般就会将它放大,导致失真) 变大 会失真(看到了像素颗粒);高精度(此类图片显示宽高大一般就会将它缩小依旧清晰) 变小 依旧清晰。


公司美工在准备图片的时候会准备多套以保证在不同的设备上能够正常显示:1倍,2倍,3倍
移动web上也会准备多张图片:低精度 变大 失真;高精度 变小 依旧清晰;但我一般使用的是将大图缩放。在精灵图定位时如果是2x屏幕就要将精灵图缩小一倍,x、y轴定位也要缩小一半,才能取到需要的相对iphone5正常比例大小清晰的图标。
 
 

在 iPhone 5 跟 iPod Touch 5 的机器上,对于开发者来说,它的界面大小就是 320 x 568点,你只需根据这个大小去调整你的界面(如果需要调整的话)。
比如:我有一个按钮,要放在屏幕中间的位置,那么在界面大小为 320 x 480点 的设备上,只需设置它的 center 为 (320/2, 480/2) 位置即可,在 3:2 Retina 屏上系统这个按钮也可以正确的显示在中间;
而在屏幕大小为 320 x 568点 的设备上,你就设置它的 center 为 (320/2, 568/2)。



猜你喜欢

转载自blog.csdn.net/qq_32827261/article/details/69676952