位置和大小对于“查看”模糊不清

Question

我已经设置了所有视图的引脚，但我不断收到此提醒！ 我已经看到，这是因为高度和宽度的限制，但我没有添加高度和宽度，我仍然有这个错误！ 此警报应该可以避免或不可以。

Answer 1

一个UIView没有固有大小意味着关你的看法知道他们应该多大，因此无法进行布局你有他们的方式。你可以将每个人的身高设置为一个固定的数字，但是如果你想让他们缩放，我建议使用Equal Heights和Equal Widths，并将乘数设置为你希望小视图大小的比例。你可以这么做很多方法。 我将通过一种我认为最快捷的方式（使用StackViews）来实现我自己的理智，但同样的逻辑可以在每个视图中拖动更多的工作。

步骤1： 将垂直StackView拖动到故事板的顶部。添加以下约束。引脚领先，尾随和顶部= 20。然后从垂直堆栈视图拖动到主视图并选择相等的高度并将乘数更改为0.6（主视图高度的60％）。见图像

步骤2： 添加单个水平stackview作为布置子视图我们垂直堆叠视图。现在添加3个UIViews并将颜色更改为所需的颜色。将堆叠视图更改为按比例对齐填充和分布填充。还要添加间距= 20。请参阅图像

步骤3： 选择您在步骤2中创建的水平堆栈视图，然后按Command-C将其复制。点击命令V粘贴它。注意 - 如果它不粘贴到垂直堆栈视图中，则将其拖入垂直堆栈视图。还没有，但接近。请参阅图像

第4步：转到垂直堆栈视图并将其更改为“对齐 - 填充和分布 - （均匀填充）”。添加20的间距。你现在应该看起来像这样。查看图片

第5步。在垂直堆栈视图和底部布局指南下面添加一个水平堆栈视图。在20处将其固定到所有四面。添加三个视图并将颜色更改为所需的颜色。更改对齐 - 填充，分配 - 填充等于，间距= 20。

第6步。调整verticalStackView等高度乘数可能是一个较低的数字（0.5），使其看起来像你的看法。

第7步获得的回报

大外卖是一个UIView需要知道它有多大。在这种情况下，UIStackView告诉观点他们有多大。您可以轻松地将上述屏幕截图中某个视图的高度和宽度设置为视图的某个百分比。然后从该视图拖到所有尺寸相同的视图并设置相同的高度/宽度。这会更乏味，你可以看到为什么我使用Stackviews作为例子。祝你好运。