Tag: 堆栈视图

本书中缺少设置堆栈视图约束的详细信息– iOS 10初学者编程: 我正在阅读《 iOS 10初学者编程》一书，以学习如何制作iOS应用。我在本书第5章的“使用堆栈视图”部分找到了第5点。没有正确解释将约束设置为0。默认情况下，固定菜单“添加新约束”中的所有4个值均为0。 “ 添加约束”按钮未激活的位置（请参见下面的参考图像）。这将使下拉菜单无法在导航栏的中心正确对齐。但是，当选择输入标签下方的红色“ I ”形图标时。您会发现“ 添加约束”按钮被激活。这让我感到困惑；当我读这本书时。添加约束后，下拉菜单的对齐方式位于导航栏的中心。

有效的Xcode堆栈视图方法: 1 。使用情节提要，创建一个堆栈视图，如图（1）所示。将路线设置为“填充”，将“分布”设置为“均等填充”。另外，为子视图设置间距，该间距对于iPhone和iPad看起来都不错。设置好所有按钮后，请稍后使用这些值。 2 。如图所示放置堆栈视图（图2）。堆栈视图不需要大小限制。注意堆栈视图的位置。约束使用尾随空格设置水平位置，并使用顶部空格设置垂直位置。子按钮视图确定堆栈视图的大小。您可能会想要调整堆栈视图的大小，然后将按钮放在其中。我建议不要这样做。这是一罐蠕虫。 3 。将按钮或其他对象拖到“堆栈视图”中（图3a）。然后使第一个的等于主屏幕的宽度（图3b）。接下来，将宽度编辑为主屏幕的百分比。注意0.09乘数。这样做将使“堆栈视图”中的所有子代的大小都根据屏幕大小进行调整。 4 。向子级添加一个约束（图4）。选择“宽高比”并将其设为1：1。这样可以防止按钮歪斜。将此约束添加到堆栈视图中的所有子级。这是一个包装。堆栈视图和自动布局的这种基本方法在大多数情况下都有效。寻找即将发表的文章，以了解IBM Watson，Apple CoreML和Google Colab如何合作确定外星人。可在此处获取更多屏幕截图：影片| 不是地球 www.notfrom.earth

iOS自动版式和堆栈视图: 自动布局是一项强大功能，可为iOS平台构建可调整大小的动态用户界面。但是，要解决在屏幕上布局多个视图的众多限制，就带来了极大的复杂性。使用堆栈视图来节省麻烦很方便。堆栈视图允许以水平或垂直方式在堆栈中布局视图。提示：增强您的Xcode🎨 为了演示起见，我使用堆栈视图和自动布局的混合与匹配构建了一个计算器应用程序用户界面。遵循的步骤： 1）创建一个单视图项目 2）在视图控制器上添加标签，然后使用编辑器>嵌入>堆栈视图或底部的按钮将其嵌入到堆栈视图中 3）现在添加20个按钮（5行4列） 4）将按钮的每一行插入堆栈视图中。您也可以命名堆栈视图以进行识别 5）选择所有堆栈视图，并将它们嵌入另一个称为“根堆栈视图”的堆栈视图中。现在我们有了堆栈 6）选择“根堆栈视图”，然后为零，（0）的标准值添加4个约束，分别用于顶部，左侧，底部和右侧。 7）对根堆栈视图执行以下操作：设置根堆栈视图填充的对齐方式将“根堆栈视图”的间距设置为8 px iOS标准将分布设置为均等填充 8）对所有子堆栈视图重复步骤7。是的，您快到了！ 9）似乎自动布局会留下一个小的警告。通过选择警告来修复它并更新其框架。现在可以使用计算器布局了。它可以在所有屏幕尺寸和方向上流畅运行。 ‍🚒 下载完成的项目