用于屏幕设计的像素到点答案

【问题标题】：Pixel to point for screen designing用于屏幕设计的像素到点
【发布时间】：2018-11-03 13:09:22
【问题描述】：

等一下，我知道这方面已经有大量信息了，但我发现它非常令人困惑，而且它不起作用（就我而言）。我有一位设计师给我发了一份 PDF 文件，其中包含一个为 iPhone 6s 设计的应用程序的屏幕设计。该 PDF 中的间距以像素为单位。我已经浏览过The Ultimate Guide To iPhone Resolutions，几乎每个人都提到过。根据这篇文章，我应该将我的 PDF 中的像素除以 2 来转换为点，因为 iPhone 6S 以 2x 呈现。但是，当我这样做并在模拟器中运行我的应用程序时，它与它在 PDF 中的外观相去甚远。让我感到困惑的另一件事是这篇文章here，它说 iPhone 6 上的 1 点是 4 像素。因此，如果我将 PDF 中的值除以 4，它仍然看起来并不完美。我在这里做错了什么？如何将给定的像素转换为 XCode 中使用的点。

PDF

【问题讨论】：

只有在设计时考虑到该分辨率，您的 pdf 像素转换才有意义。此外，您无需担心单个点后面有多少像素。以点为单位设计布局并将转换留给系统。
仅依靠计算，我将我在故事板中的观点与实际设计进行比较，如果看起来不正确，则进行调整。
@HAK：是的，但是我需要知道，对吧？否则，我将如何转换 PDF 中的像素以获得布局视图所需的点值？
6 是 2x，6Plus 是 3x。您需要将像素除以 2 得到 6，或 3 得到 6Plus。
@TejasK PDF 的确切分辨率是多少（不是标题上所说的）。您如何在 PDF 中测量距离？

标签： ios autolayout storyboard interface-builder

【解决方案1】：

截图中的PDF是350px高

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

41/350 = 屏幕高度的 0.1171

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

【讨论】：

所以 PDF 不是它实际应该的样子，我必须像你提到的那样计算所有值，对吧？
你应该去和设计师谈谈并要求他们提供一个新的 PDF - 向他们解释你需要图像的大小来匹配文档上写的大小

【解决方案2】：

您必须将您的 UIKit 组件分辨率除以二。例如，如果您有一些分辨率为 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。

希望对你有帮助。

【讨论】：

但是就像我说的，如果我将视图上的 Y 位置从 PDF 中除以 2，它看起来不像是在 PDF 中。
您的 pdf 分辨率是 750x1334 对吗？你的故事板 ViewController 大小是 375x667 对吗？它应该是一样的...... :))