大小 类 和 iOS 开发的自动布局

Size classes and auto layout for iOS development

我正在尝试创建一个适用于所有设备(显然)的简单 UI,但我没有取得多大成功。该程序由两个标签、一个按钮、一个图像视图和一个文本字段组成,我还使用了一个通用故事板。

我实施了顶部约束,水平居中并固定了所有标签、按钮和文本字段的宽度和高度。我对图像视图所做的唯一例外是,我没有实现顶部约束,而是使用了底部约束,因为我发现使用前者会导致它仅部分显示。然后我会从通用故事板切换到具有基本值的故事板。在将 UI 元素移动到不同尺寸屏幕上的新位置后,我会从他们那里删除现有的约束并添加新的约束。

当我 运行 我的应用程序在 iPhone 4S 上时,布局虽然大部分正确,但仍然不完美(即标签离图像太近)。有谁知道如何使我的布局看起来正确?我一直在关注本指南,Adaptive Layout Tutorial in iOS 9

非常感谢您的帮助!

[图片的约束示例1

您的标签有 2 个有问题的约束 1. 前 space(30 分)至 "how old is your dog" 2. Top space (28 points) to button

这意味着您的按钮高度为 2 点(真的很小!!) 或者 - 因为按钮已经有一个固定的高度,标签和文本字段太近了(甚至可能与按钮重叠) 你应该删除顶部 space 约束(到 "How old is your dog")并做其他事情,或者给它更多的点 height

祝你好运!

不知道你对自动版式有多熟悉,所以我建议你看看Stanford university lecture regarding autolayout

简而言之,根据讲座和看了你的图片,你几乎不应该用实际数字设置约束。使用“Standart value”,当你不能选择“Standart value”时写0。

我建议观看上面的讲座和其中的其他示例。