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

Question

所以我最近正在研究Swift/iOS开发,我在堆栈视图中调整按钮的大小有点麻烦,我有以下布局:

在垂直StackView中有两个TextField和一个按钮,StackView水平和垂直居中(有一点间距).它是左右边距的锚定宽度方式.

我想减小按钮的大小,因此它大约是StackView宽度的80%.

我试过的事情:

• 将约束添加到按钮的宽度,这会导致与StackView冲突.
• 添加一个子StackView,然后尝试将它的左/右锚点约束设置为20,并认为它会给它一点余量.这再次导致与外部堆栈视图冲突.

我在故事板视图中而不是在代码中执行所有这些操作,因为我试图了解界面.

我有一个很好的搜索,似乎找不到任何适用的答案,道歉,如果它看起来很基本,但认为这可能是有利的,因为任何其他新的Xcode/Swift遇到这个问题.

Answer 1

试试这个..

1. 删除按钮的前导和尾随约束.
2. 将Container中的约束水平添加到按钮.

3. 使用超级视图添加约束Equal Width(我认为应该是堆栈视图).像这样..按下control+从StackView按钮拖动指针,然后Equal widths从小弹出菜单中选择.

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

Answer 2

对于那些试图调整stackView内某些视图的高度的人，如以下示例所示：

首先，设置StackView的约束（宽度/高度，x，y），然后按如下所示设置StackView属性：

接下来，选择要调整大小的视图。即绿色，并添加以下约束：

然后，只需向其他视图/按钮/标签添加更多约束即可。在此示例中，这是蓝色和橙色视图的约束：

蓝色：

和，

橙子：

希望能帮助到你。