iOS psd 到 xcode

Question

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

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

TLDR;

PSD 设计为 iPhone 4S 尺寸，

XCode 中 img 的大小不是我所期望的，大小几乎是原来的两倍

http://screencast.com/t/2GcmSjQSYpjs-PSD http://screencast.com/t/IicMsdepl3q - 故事板（注意宽度 + 高度与 PSD 中的 w/h 相同）

Answer 1

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

让我们举个例子：你想在你的视图控制器中有一个大小为 512 × 512 的方形图像文件foo.png。然后你必须提供一个名为 foo@2x.png 的图像文件，其中它的大小是原来的两倍，即 1024 × 1024。