Swift 故事板中的堆栈视图
Swift stack view in storyBoard
我的故事板布局有问题。当我制作堆栈视图时,如何调整 UIlabel 框的大小以适应更多文本?
图片示例:
另外,我怎样才能摆脱堆栈视图,使一切恢复到原来的状态?
要添加更多文本 - 只需键入更多文本即可。标签会自行调整。
要摆脱堆栈视图- select 堆栈视图并转到编辑器->取消嵌入
我已经向您简要介绍了自动布局。我们处理的示例非常简单。但是,随着您的应用 UI 变得越来越复杂,您会发现为所有 UI 对象定义布局约束变得更加困难。从 iOS 9 开始,Apple 推出了一项名为 Stack Views 的强大功能,它可以让我们开发人员的工作变得更简单。您不再需要为每个 UI 个对象定义自动布局约束。堆栈视图将解决大部分问题。
在本章中,我们将继续重点讨论 UI 使用 Interface Builder 进行设计。我将教您如何构建更全面的 UI,您可能会在实际应用程序中遇到它。您将学习如何:
使用堆栈视图来布置用户界面。
使用图像视图来显示图像。
使用内置资产目录管理图像。
使用 Size 类 调整堆栈视图。
除此之外,我们将探索更多关于自动布局的内容。您会惊讶于无需编写一行代码就可以完成多少工作。
什么是堆栈视图
首先,什么是堆栈视图?堆栈视图提供了一个简化的界面,用于在列或行中布置视图集合。在 Keynote 或 Microsoft Powerpoint 中,您可以将多个对象组合在一起,以便将它们作为单个对象移动或调整大小。堆栈视图提供了一个非常相似的功能。您可以使用堆栈视图将多个 UI 对象嵌入到一个对象中。在大多数情况下,对于嵌入在堆栈视图中的视图,您不再需要定义自动布局约束。
快速说明:对于嵌入在堆栈视图中的视图,它们通常称为排列视图。
堆栈视图管理其子视图的布局并自动为您应用布局约束。这意味着,子视图已准备好适应不同的屏幕尺寸。此外,您可以将堆栈视图嵌入另一个堆栈视图以构建更复杂的用户界面。听起来很酷,对吧?
不要误会我的意思。这并不意味着您不需要处理自动布局。您仍然需要为堆栈视图定义布局约束。它只是节省了为每个 UI 元素创建约束的时间,并使从布局中 add/remove 视图变得非常容易。
我的故事板布局有问题。当我制作堆栈视图时,如何调整 UIlabel 框的大小以适应更多文本?
图片示例:
另外,我怎样才能摆脱堆栈视图,使一切恢复到原来的状态?
要添加更多文本 - 只需键入更多文本即可。标签会自行调整。
要摆脱堆栈视图- select 堆栈视图并转到编辑器->取消嵌入
我已经向您简要介绍了自动布局。我们处理的示例非常简单。但是,随着您的应用 UI 变得越来越复杂,您会发现为所有 UI 对象定义布局约束变得更加困难。从 iOS 9 开始,Apple 推出了一项名为 Stack Views 的强大功能,它可以让我们开发人员的工作变得更简单。您不再需要为每个 UI 个对象定义自动布局约束。堆栈视图将解决大部分问题。
在本章中,我们将继续重点讨论 UI 使用 Interface Builder 进行设计。我将教您如何构建更全面的 UI,您可能会在实际应用程序中遇到它。您将学习如何:
使用堆栈视图来布置用户界面。 使用图像视图来显示图像。 使用内置资产目录管理图像。 使用 Size 类 调整堆栈视图。 除此之外,我们将探索更多关于自动布局的内容。您会惊讶于无需编写一行代码就可以完成多少工作。
什么是堆栈视图
首先,什么是堆栈视图?堆栈视图提供了一个简化的界面,用于在列或行中布置视图集合。在 Keynote 或 Microsoft Powerpoint 中,您可以将多个对象组合在一起,以便将它们作为单个对象移动或调整大小。堆栈视图提供了一个非常相似的功能。您可以使用堆栈视图将多个 UI 对象嵌入到一个对象中。在大多数情况下,对于嵌入在堆栈视图中的视图,您不再需要定义自动布局约束。
快速说明:对于嵌入在堆栈视图中的视图,它们通常称为排列视图。 堆栈视图管理其子视图的布局并自动为您应用布局约束。这意味着,子视图已准备好适应不同的屏幕尺寸。此外,您可以将堆栈视图嵌入另一个堆栈视图以构建更复杂的用户界面。听起来很酷,对吧?
不要误会我的意思。这并不意味着您不需要处理自动布局。您仍然需要为堆栈视图定义布局约束。它只是节省了为每个 UI 元素创建约束的时间,并使从布局中 add/remove 视图变得非常容易。