在堆栈视图中调整按钮的大小
Resizing Button within a stackview
所以我最近一直在研究 Swift/iOS 开发,我在堆栈视图中调整按钮大小时遇到了一些麻烦,我有以下布局:
垂直StackView中有两个TextField和一个按钮,StackView水平和垂直居中(有一点间距)。它的宽度固定到左右边距。
我想减小按钮的大小,使其约为 StackView 宽度的 80%。
我尝试过的事情:
- 对按钮的宽度添加约束,这会导致冲突
使用 StackView。
- 添加子 StackView,然后尝试将其设置为 left/right
锚定约束到 20 认为它会给它一点
利润。这又会导致与外部堆栈视图发生冲突。
我在情节提要视图中而不是在代码中完成所有这些工作,因为我试图了解界面。
我已经进行了很好的搜索,似乎找不到任何适用的答案,如果它看起来很基本,我深表歉意,但我认为这可能对 Xcode/Swift 的其他新手有帮助穿过这个。
试试这个..
- 删除按钮的前导和尾随约束。
- 向按钮添加约束 Horizontal in Container。
添加按钮的约束等宽 超级视图(我想应该是堆栈视图)。像这样.. 按 control
+ 将指针从 StackView 按钮拖动,然后从小弹出菜单中选择 Equal widths
。
编辑等宽约束并将倍数设置为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 中更改它。请记住将视图更改为“缩放以填充”。这对我来说已经解决了。
所以我最近一直在研究 Swift/iOS 开发,我在堆栈视图中调整按钮大小时遇到了一些麻烦,我有以下布局:
垂直StackView中有两个TextField和一个按钮,StackView水平和垂直居中(有一点间距)。它的宽度固定到左右边距。
我想减小按钮的大小,使其约为 StackView 宽度的 80%。
我尝试过的事情:
- 对按钮的宽度添加约束,这会导致冲突 使用 StackView。
- 添加子 StackView,然后尝试将其设置为 left/right 锚定约束到 20 认为它会给它一点 利润。这又会导致与外部堆栈视图发生冲突。
我在情节提要视图中而不是在代码中完成所有这些工作,因为我试图了解界面。
我已经进行了很好的搜索,似乎找不到任何适用的答案,如果它看起来很基本,我深表歉意,但我认为这可能对 Xcode/Swift 的其他新手有帮助穿过这个。
试试这个..
- 删除按钮的前导和尾随约束。
- 向按钮添加约束 Horizontal in Container。
添加按钮的约束等宽 超级视图(我想应该是堆栈视图)。像这样.. 按
control
+ 将指针从 StackView 按钮拖动,然后从小弹出菜单中选择Equal widths
。编辑等宽约束并将倍数设置为
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 中更改它。请记住将视图更改为“缩放以填充”。这对我来说已经解决了。