ios - 在 Xcode 中为所有 iPhone 设计布局尺寸的正确方法

Question

我花了几个小时搜索这个主题，但没有任何东西可以完全解决我的问题。也许你们可以更好地帮助我。

我想问一下设计布局以正确支持所有 iPhone 的正确方法是什么。对我来说也是最简单的方法。

我的风格是首先针对最小的设备进行设计，然后针对其他设备进行扩展。这样可以吗？还是这不是应该的方式？

我的问题是我正在创建一个应根据显示尺寸放大的布局。

我将举一个例子，原始 iPhone 的屏幕尺寸为 320 x 480 点(相当于 320 x 480 像素)，而 iPhone 6 的屏幕尺寸为 375 x 667 点(相当于 750 x 1334 像素)，因为两者的屏幕尺寸不同。像素密度)。

现在我想在原始 iPhone 上制作一个按钮、文本框或矩形(无论什么)，如果我在 iPhone 6 等更大的设备上启动它，它们会变得更大。

因此，如果我在原始 iPhone 上有一个高度为 30 (pt) 的按钮，那么它在 iPhone 6 上应该更大。但是大多少呢？

我每次都必须自己在更大的设备上将这 30 pt 计算为 pt 吗？还是有更好的方法可以自动工作，这样我就不必重新计算每个设备的所有尺寸？正确的做法是什么？

顺便说一句:我知道在设计图标、按钮或任何 .png 文件时，我必须以 1x、2x 和 3x 的尺寸创建它们，以便它可以在所有设备上缩放，但是如何在构建实际布局时使用这些？

逻辑是什么或者如何完成？

THIS PICTURE is showing the dimension proportions I found on the web and little bit of idea of my problem below.

编辑:请查看此网站:https://designcode.io/iosdesign-guidelines(pt) 中似乎有一些 Apple 的测量标准。

例如，在其中一张图片中，他们显示侧面的边距应为 8pt。由于 [pt] 是通用单位，我希望它能够适应其他设备。因此，如果我在编辑器中将边距设置为 8，它是否会在其他设备上产生不同数量的像素，使其在视觉上看起来相同？

Answer 1

如果你像这样计算每个 View ，它将不起作用。

只需在该 View 上设置您希望在其他设备中相同的约束即可。

就像如果您将 View 的高度固定为 30，那么每个设备中的高度都是 30。在其他设备中它不会更大或更小。

但如果您认为， View 距右侧 20 像素，距左侧 20 像素，距顶部栏和底部布局 10 像素，那么该 View 在每个设备中的比例都相同。

希望你能明白我想说的。

如果我无法让您理解，请评论。 :)