Xcode如何在水平堆栈视图中创建方形按钮(宽度等于高度)

时间:2017-10-14 22:00:25

标签: ios swift uistackview

我需要在页面底部创建3个方形按钮。所有这些都必须对齐,尺寸应该是正方形。

到目前为止,我创建了一个水平堆栈视图,并创建了autolayout约束50,从左边开始,50从右边开始,10从底部开始,并将stackview高度设置为60.

如何创建方形按钮,因为stackview子视图宽度是动态的并且在运行时确定?

如何为这三个按钮设置相同的宽高比?

circular image issue due to improper height

2 个答案:

答案 0 :(得分:7)

不要设置堆栈视图高度;让内容确定。

你还没准确说出你想要按钮的布局,但我想你希望它们能够平均分配。

  1. 将按钮放在水平堆栈视图中
  2. 将堆栈视图的前沿,后沿和下边缘限制为superview
  3. 将堆栈视图的对齐方式设置为"填充"并分配到"等间距"
  4. 在每个按钮上,在宽度和高度1:1
  5. 之间创建宽高比约束
  6. 如果您想要按钮的最小高度,请在其中一个
  7. 上设置> =高度约束
  8. 如果您想要按钮的固定高度,请在其中一个上设置=高度约束

答案 1 :(得分:0)

我认为您唯一缺少的是在Stack View上设置Attributes Inspector中的Distribution。将其设置为均匀分布,如下图所示:

enter image description here

要设置高度,您只需在每个按钮上设置高度约束。单击领带战斗机外观图标并为每个设置高度:

enter image description here