用于屏幕设计的像素点

时间:2018-05-24 10:32:05

标签: ios autolayout storyboard interface-builder

坚持,我知道这方面已有大量信息,但我发现它非常令人困惑,而且它不起作用(在我的情况下)。我有一位设计师给我发了一个专为iPhone 6s设计的应用程序的屏幕设计PDF。 PDF中的间距以像素为单位。我已经完成了The Ultimate Guide To iPhone Resolutions,这几乎是每个人都提到的。根据这篇文章,我应该将我的PDF中的像素转换为2,因为iPhone 6S的渲染速度是2倍。但是,当我这样做并在模拟器中运行我的应用程序时,它与PDF中的外观无关。令我困惑的另一件事是这篇文章here,它说iPhone 6上的1点是4像素。因此,如果我将PDF中的值除以4,它仍然看起来并不完美。我在这做错了什么?如何将给定像素转换为要在XCode中使用的点。

PDF

enter image description here

2 个答案:

答案 0 :(得分:0)

您必须将UIKit组件分辨率除以2。例如,如果您有一些分辨率为100x100的图像。你的UIImageView应该是50x50点。它意味着在你的每个点上将有4个像素。

100 * 100 = 10_000 pixels
50 * 50 * 4 = 10_000 pixels
在Assets文件夹中

应该有3个分辨率:

1x = 50 x 50
2x = 100 x 100
3x = 150 x 150

因为你的设计分辨率是使用2x文件夹的iPhone 6s。

我希望它会对你有所帮助。

答案 1 :(得分:0)

屏幕截图中的PDF为350px高

标记 180px 的间距约为41px高

41/350 =屏幕高度的0.1171

0.1171 * 1134 = 132, NOT 180 - 所以看起来PDF不是缩放