iOS psd 到 xcode

Question

我正在创建一个 iOS 应用程序，并使用 photoshop 设计了一个界面。 PSD 图像大小是 iPhone 4s 的大小，我正在设计的 Storyboard也是 iPhone 4s 的大小。我期待我可以从我的 PSD 中切出一个图像，保存它，然后它会以正确的尺寸导入我的 Storyboard。然而，这种情况并非如此。看起来图像出现在 Storyboard 中的大小是它应该的两倍。该图像已导入到新图像集中，分类为 iPhone -> 2x，图像名称为 logo@2x.png

我想知道我哪里出错了，为什么 Storyboard中的图像大小与 PSD 中的图像大小不相关

TLDR;

PSD designed to iPhone 4S dimensions,

Size of img in XCode isn't what I expect, the size is almost double size

http://screencast.com/t/2GcmSjQSYpjs - PSD http://screencast.com/t/IicMsdepl3q - Storyboard(注意宽度 + 高度与 PSD 中的 w/h 相同)

Answer 1

从 iPhone 4 开始，iPhone 配备 Retina 显示屏，这种显示屏的像素密度加倍。因此，当您想要将 UI 图形元素导入到项目中(例如图像)时，您必须确保它至少是您在 Storyboard 中定义的 ImageView 容器大小的两倍。这些元素的文件名应在文件扩展名之前有一个 @2x 后缀。

举个例子:您想要在 View Controller 中放置一个大小为 512 × 512 的方形图像文件 foo.png。然后，您必须提供一个名为 foo@2x.png 的图像文件，其大小加倍，即 1024 × 1024。