我从设计师处获得了一些按钮等图形文件。大多数视网膜文件具有一个或两个维度奇数,例如29×30或79×61,然后相应的非视网膜文件的尺寸将是例如15×15或39×31。每个图像的UIImageView
尺寸与它们所持有的非视网膜文件的大小完全匹配,因此在非视网膜手机上没有失真,一切看起来都很好。
在视网膜手机上,这些图像(图标等)只有在图像达到均匀尺寸(如30 x 30或46 x 80)时才能看起来很好;当图像有一个奇怪的尺寸时,它会稍微扭曲。
视网膜图像的像素尺寸是否应该是非视网膜尺寸的两倍,以及显示它的框架的尺寸?
答案 0 :(得分:3)
正如名称(@ 2X)所暗示的那样,确实假设视网膜版本的尺寸恰好是非视网膜版本的两倍。否则,如您所见,可能会有扭曲。
另一方面,这只是间接与显示框架有关,例如:想想滚动视图。
要求您的设计师始终首先为非视网膜版本设计UI(不一定是组件本身),然后将视网膜版本的尺寸加倍。这样,您就不会遇到失真问题。如果他先设计视网膜,然后将所有组件缩小到一半大小,他可能最终会有奇怪的尺寸。
哦,给你的设计师这个链接:
答案 1 :(得分:1)
是的,附加@2x
的图像文件应完全是'非'视网膜图像的两倍。因此,应该只有均匀的尺寸。
答案 2 :(得分:1)
看起来如此。
当您在常规显示器上创建30点30点的视图时,后备存储(在屏幕上绘制的数据)将创建30像素×30像素。
在视网膜显示器上,后备存储简单地乘以比例因子。目前,iPhone 4和iPhone 4s的比例因子为2。这意味着视网膜显示器上的后备存储将始终是2的倍数。
你的30点30点视图将有一个60像素乘60像素的后备存储。如果没有为视网膜显示器正确绘制图像,则看起来@ 2x图像需要是后备存储的完整大小,因此视图的大小恰好是点的两倍。