在堆栈视图中调整按钮的大小

Resizing Button within a stackview

所以我最近一直在研究 Swift/iOS 开发,我在堆栈视图中调整按钮大小时遇到​​了一些麻烦,我有以下布局:

垂直StackView中有两个TextField和一个按钮,StackView水平和垂直居中(有一点间距)。它的宽度固定到左右边距。

我想减小按钮的大小,使其约为 StackView 宽度的 80%。

我尝试过的事情:

我在情节提要视图中而不是在代码中完成所有这些工作,因为我试图了解界面。

我已经进行了很好的搜索,似乎找不到任何适用的答案,如果它看起来很基本,我深表歉意,但我认为这可能对 Xcode/Swift 的其他新手有帮助穿过这个。

试试这个..

  1. 删除按钮的前导和尾随约束。
  2. 向按钮添加约束 Horizo​​ntal in Container
  3. 添加按钮的约束等宽 超级视图(我想应该是堆栈视图)。像这样.. 按 control + 将指针从 StackView 按钮拖动,然后从小弹出菜单中选择 Equal widths

  4. 编辑等宽约束并将倍数设置为0.8

For those trying to resize the height of some view inside a stackView like in the following example:

首先,设置 StackView 的约束条件(width/height,x,y),然后按如下方式设置 StackView 属性:

接下来,select 您要调整的视图。 IE。 绿色,并添加这些约束:

然后向另一个 views/button/labels 添加更多约束。 在此示例中,这里是蓝色和橙色视图的约束:

蓝色:

而且,

橙色:

希望对您有所帮助。

按住 Control 按钮并单击并拖动要调整大小的按钮到同一按钮和 select 宽度和高度,以便 select 添加约束。这将为您提供图像按钮的大小,因此您可以在 Inspector 中更改它。请记住将视图更改为“缩放以填充”。这对我来说已经解决了。