【问题标题】:How to use Stack View to center a button in a container?如何使用 Stack View 在容器中居中放置按钮?
【发布时间】:2016-02-25 06:40:26
【问题描述】:

我是 Stack Views 的新手,所以请耐心等待。我有一个外部堆栈视图,其中包含图像中显示的所有元素:

我的问题是“跳过”按钮现在位于其容器之外。我尝试为“水平居中”和“垂直居中”设置约束,但这会导致我的图像看起来像这样:

正如我们所见,我的按钮和容器都不再出现在场景中。我在这里做错了什么?

以下是我对容器的限制:

以下是我对“跳过”按钮的限制:

【问题讨论】:

  • 您是否为按钮和容器留出了底部或顶部空间?
  • @MilanGupta 是的,我的容器有文本的顶部空间和底部的三个圆圈的底部空间。
  • @MatthewLin 非常简单地发布了您的约束截图。
  • @KishoreKumar 编辑了我的 OP 以包含我的容器和按钮的约束
  • @MatthewLin 你的按钮限制是错误的等等我会更新你

标签: ios interface-builder constraints stackview


【解决方案1】:

堆栈视图本质上是根据堆叠对象的原理工作的,这显然会消除先前的约束。前面的答案是正确的,但没有考虑问题所要求的堆栈视图。

最简单的解决方法是通过将按钮和图像放置在视图中,然后将视图添加到堆栈视图中,从本质上“分组”按钮和图像。

【讨论】:

    【解决方案2】:

    我找到了一个解决方案,首先将所有其他元素放在 Stack View 中,然后将按钮及其容器放在 View 中,然后将 View 拖放到 Stack View 中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-17
      • 2016-08-27
      • 2015-05-30
      • 1970-01-01
      • 2019-07-18
      相关资源
      最近更新 更多