视网膜图像(@ 2X)的尺寸(高度/宽度)是否应始终为2的倍数?

时间:2012-02-22 00:33:52

标签: iphone ios

我从设计师处获得了一些按钮等图形文件。大多数视网膜文件具有一个或两个维度奇数,例如29×30或79×61,然后相应的非视网膜文件的尺寸将是例如15×15或39×31。每个图像的UIImageView尺寸与它们所持有的非视网膜文件的大小完全匹配,因此在非视网膜手机上没有失真,一切看起来都很好。

在视网膜手机上,这些图像(图标等)只有在图像达到均匀尺寸(如30 x 30或46 x 80)时才能看起来很好;当图像有一个奇怪的尺寸时,它会稍微扭曲。

视网膜图像的像素尺寸是否应该是非视网膜尺寸的两倍,以及显示它的框架的尺寸?

3 个答案:

答案 0 :(得分:3)

正如名称(@ 2X)所暗示的那样,确实假设视网膜版本的尺寸恰好是非视网膜版本的两倍。否则,如您所见,可能会有扭曲。

另一方面,这只是间接与显示框架有关,例如:想想滚动视图。

要求您的设计师始终首先为非视网膜版本设计UI(不一定是组件本身),然后将视网膜版本的尺寸加倍。这样,您就不会遇到失真问题。如果他先设计视网膜,然后将所有组件缩小到一半大小,他可能最终会有奇怪的尺寸。

哦,给你的设计师这个链接:

http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/

答案 1 :(得分:1)

是的,附加@2x的图像文件应完全是'非'视网膜图像的两倍。因此,应该只有均匀的尺寸。

答案 2 :(得分:1)

看起来如此。

当您在常规显示器上创建30点30点的视图时,后备存储(在屏幕上绘制的数据)将创建30像素×30像素。

在视网膜显示器上,后备存储简单地乘以比例因子。目前,iPhone 4和iPhone 4s的比例因子为2。这意味着视网膜显示器上的后备存储将始终是2的倍数。

你的30点30点视图将有一个60像素乘60像素的后备存储。如果没有为视网膜显示器正确绘制图像,则看起来@ 2x图像需要是后备存储的完整大小,因此视图的大小恰好是点的两倍。