如何防止按钮在堆栈视图中缩小

how to prevent buttons from shrinking in a stackview

我一直在努力让按钮(圆形)保持它们在堆栈视图中的大小为无 avail.I 有两行按钮,我将每一行放在自己的水平堆栈视图中,然后嵌入两者在外部堆栈视图中堆栈视图,以便更容易设置约束。

问题是按钮在纵向或横向时未保持其原始大小。我缺少哪些设置来实现这一目标?我通过调整每个按钮的大小(无约束)将每个按钮的大小设置为 w=50 和 h=50

嵌入堆栈视图之前:

堆栈视图中的顶行:

Each button is of Type CircularButton

在Attributes Inspector中,您可以将对齐和分布设置为居中。这应该有效:

还为按钮提供相同的高度和宽度,或者为按钮设置 1:1 的纵横比。

I set the size of each button to w=50 and h=50 by resizing each button (no constraints)

这肯定是您做错的一件事:"no constraints"。堆栈视图是一个约束制造者。仅此而已。但它不是一个头脑-reader。它需要其安排的视图在某些配置下具有某些约束,以便知道您想要什么。你必须告诉它。约束是你如何做到这一点。

让我们假设您的很多问题都是转移注意力的问题 — 按钮的圆度、双组堆栈视图。您只想知道如何通过堆栈视图使三个按钮在水平方向上均匀分布而不丢失它们的大小。方法如下。

首先,像这样配置堆栈视图:

其次,为您的按钮设置高度和宽度限制,并将它们包装在堆栈视图中。现在使用更多约束来定位和调整堆栈视图的大小:

如您所见,在 运行 应用程序中可以正常工作:

您界面的其余部分仅以此为基础。