在storyBoard中的Swift堆栈视图

时间:2017-09-28 00:25:56

标签: ios swift uistoryboard

我的故事板上的布局有问题。当我制作堆栈视图时,如何调整UIlabel框的大小以适应更多文本? 图片示例:enter image description here

另外,如何摆脱堆栈视图以使一切恢复到原始状态?

enter image description here

2 个答案:

答案 0 :(得分:2)

要添加更多文字,只需输入更多文字即可。标签会自行调整。

要摆脱堆栈视图 - 选择堆栈视图并转到Editor-> Unembed

答案 1 :(得分:1)

我已经简要介绍了自动布局。我们处理过的例子非常简单。但是,随着应用程序UI变得越来越复杂,您将发现为所有UI对象定义布局约束更加困难。从iOS 9开始,Apple推出了一个名为Stack Views的强大功能,可以让我们的开发人员能够生活有点简单。您不再需要为每个UI对象定义自动布局约束。堆栈视图将处理大部分内容。

在本章中,我们将继续专注于使用Interface Builder讨论UI设计。我将教你如何构建一个更全面的用户界面,你可能会在现实世界的应用程序中遇到这个用户界面。您将学习如何:

使用堆栈视图布置用户界面。 使用图像视图显示图像。 使用内置资产目录管理图像。 使用Size Classes调整堆栈视图。 除此之外,我们还将探讨有关自动布局的更多信息。如果不编写一行代码,你会感到很惊讶。

什么是堆栈视图

首先,什么是堆栈视图?堆栈视图提供了一个简化的界面,用于在列或行中布置视图集合。在Keynote或Microsoft Powerpoint中,您可以将多个对象组合在一起,以便可以将它们作为单个对象移动或调整大小。堆栈视图提供了非常类似的功能。您可以使用堆栈视图将多个UI对象嵌入到一个UI对象中。在大多数情况下,对于嵌入在堆栈视图中的视图,您不再需要定义自动布局约束。

快速注释:对于嵌入在堆栈视图中的视图,它们通常称为排列视图。 堆栈视图管理其子视图的布局,并自动为您应用布局约束。这意味着,子视图已准备好适应不同的屏幕尺寸。此外,您可以在另一个堆栈视图中嵌入堆栈视图,以构建更复杂的用户界面。听起来很酷,对吧?

别误会我的意思。这并不意味着您不需要处理自动布局。您仍然需要为堆栈视图定义布局约束。它可以节省您为每个UI元素创建约束的时间,并且可以非常轻松地从布局中添加/删除视图。