“视图”的位置和大小不明确

Question

我已将钉子固定到所有视图，但我不断收到此警报！ 我已经看到这是由于高度和宽度的限制，但是我没有添加高度和宽度，但是仍然出现此错误！ 此警报是否应避免。

Answer 1

UIView没有内在的大小，这意味着您的视图都不知道应该有多大，因此无法以您拥有的方式进行布局。 您可以将每个视图的高度设置为一个固定的数字，但是如果要缩放它们，我建议使用“相等的高度”和“相等的宽度”，并将乘数设置为您希望小视图缩放的比例。 您可以通过多种方式执行此操作。 我将为您介绍一种我认为最快的方法（使用StackViews），这是我自己的理智之举，但是相同的逻辑可能会在从每个视图进行更多拖动时起作用。

步骤1：将Vertical StackView拖到情节提要的顶部。 添加以下约束。 引脚前导，尾随和最高= 20。 然后从垂直堆栈视图拖动到主视图，并选择相等的高度，然后将乘数更改为0.6（主视图高度的60％）。 看图片

步骤2：在我们的垂直堆栈视图中添加一个水平的堆栈视图作为已安排的子视图。 现在添加3个UIView，并将颜色更改为所需的颜色。 将堆栈视图按比例更改为“对齐填充”和“分布填充”。 还要加上间距= 20。 见图片

步骤3：选择您在步骤2中刚刚创建的水平Stackview，然后按Command-C复制它。 点击Command-V粘贴它。 注意-如果未将其粘贴到垂直堆栈视图中，则将其拖动到垂直堆栈视图中。 还没有，但是很近。 看图片

步骤4：转到垂直堆栈视图，并将其更改为Alignment-Fill和Distribution-（均等填充）。 添加20的间距。您现在应该看起来像这样。 看图片

步骤5.在垂直堆栈视图和底部布局指南下方添加一个水平堆栈视图。 固定到20的所有四个侧面。添加三个视图并将颜色更改为所需的颜色。 均等地更改“对齐填充”，“分布填充”，间距为20。

第6步。将verticalStackView的相等高度乘数调整为一个较小的数字（0.5），使其看起来像您的视图。

步骤7.获得奖励

最重要的是，UIView需要知道它的大小。 在这种情况下，UIStackView告诉视图它们的大小。 您只需在上面的屏幕快照中轻松地将其中一个视图的高度和宽度设置为视图的百分比即可。 然后从该视图拖动到所有大小相同的视图，并设置相等的高度/宽度。 那本来会比较乏味，您可以看到为什么我使用Stackviews作为示例。 祝好运。