使用设备和 AutoLayout 进行 DP 和缩放 iOS swift

DP and Scaling with devices and AutoLayout iOS swift

我正在从 Android 迁移到 iOS (Swift)。在 Android UI 中，元素会根据设备尺寸放大或缩小（高度和宽度使用 "dp"、layout_weight e.t.c）。

但是我发现这很难通过自动布局的约束来实现，我希望 UI 中的元素能够根据设备大小进行缩放。

例如，在下面的共享图像中，除了图像压缩以适应屏幕宽度外，每个 UI 元素的大小都相同，只是看起来 UI 元素已被复制所有屏幕规格相同

这可能会帮助其他人从 Android 迁移到 Swift （我只固定了下面2个丑陋的ImageView的宽度）

P.S：这就是我要复制的东西，这个视图适合所有屏幕。抱歉模糊不清，我不负责这个项目

A​​utoLayout 有一个 zen。让我看看能不能给你一些指导。

您需要在可用的最小模拟器 (iPhone 4S) 上测试每个 UI。这会让您知道是否需要调整元素的最小尺寸。

现在对您的 UI 帖子进行全面审查：

  1. "Profile" 看起来不错
  2. 要使左上角和右上角的框随屏幕尺寸调整大小，您需要 想分别对左右两侧的超级视图进行约束。然后，您需要在两者之间设置水平约束（以在它们之间保持 space。然后您需要将它们设置为相等的宽度。您还可以为每个设置纵横比约束。
  3. 您的表格看起来不错。如果您想要的外观与您发布的图片不符，我可以在这里提供更多指导。
  4. 对于表格下方的视图，您可能需要遵循上面的 #2。

至于高度问题，设置一个约束，从你的底视图到父视图的底部。可能会很拥挤，界面构建器可能会大喊大叫。很有可能，您需要将水平间距约束设置为 = 到 >=。