Retina Display(适配Retina屏幕)
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
Retina显示屏最先用于iPhone4的手机上,现在Retina显示屏应用很广泛,比如iPad3,iPad4,MacBook Pro等等都已经用上了Retina的显示屏。
那么对于开发人员,在开发用于Retina屏幕的设备时,会有什么不同呢?下面我们就详细了解一下,到底什么是Retina显示屏。
Retina显示屏,也叫做视网膜屏幕,是一种高分辨率的显示技术,我们在屏幕上所做的一切都会呈现出非常惊人的实现效果,这种超高像素的技术已经超过了人眼的分辨范围,同时意味着,我们针对Retina屏幕开发App的时候,需要的图片清晰度是非常高的。
那么在设计程序的时候,到底需要图片的分辨率是多少才可以被Retina屏幕完美显示呢?简单说,我们需要两倍尺寸的图片,下面我们来看看如何在Retina屏幕上显示高清晰的背景图片!
- 准备两倍于原尺寸的图片。
- 为了适配Retina屏幕,需要将图片的名称加上后缀”@2x”,文件名的其他部分必须一致。
- 将适配Retina屏幕的图片加入水晶球项目(“Add Files to “crystal ball”…”)
这样就可以适配Retina屏幕了,运行后看不出来效果?没关系,后面我们会在真机调试的时候看到Retina的显示效果!
在线练习
{$ activeFileHint $}