iOS将autoLayout按钮位置设置为故事板中心的剩余空间

Posted

技术标签:

【中文标题】iOS将autoLayout按钮位置设置为故事板中心的剩余空间【英文标题】:iOS Set autoLayout button place to the remain space at center in storyboard 【发布时间】:2015-02-11 02:28:08 【问题描述】:

我遇到了自动布局问题。

我使用故事板来拖动约束。

我有一个顶部的绿色视图。这是固定高度。并且绿色视图左、上、右约束为0。

底视图是蓝色的。这是固定高度。并且蓝色视图的左、下、右约束为0。(与绿色视图的高度不同)

然后我放了一个黄色的测试按钮。我需要把中心保持为白色的空间。

如何设置约束使用故事板在剩余的空白处。

我曾尝试将测试按钮垂直空间约束拖到 BlueView.Top。然后将乘数设置为 0.5。

但这并不可行。

有没有人可以指导如何设置和拖动这种情况的约束?

非常感谢。

我希望剩余空间中心的测试按钮像这张照片一样。

【问题讨论】:

【参考方案1】:

这并不难。 只需在绿色和蓝色区域之间放置一个空视图,设置必要的约束以使该空视图完全填充白色区域,然后将按钮放入该空视图的中间。在按钮上设置约束以使其保持在中间。

不要因为布局中没有那么有用的视图而感到不便。由于它是透明的,渲染系统会相应地处理它,你甚至不需要在代码中引用它。它实际上只是一个帮助您实现预期布局的愚蠢视图。

【讨论】:

我曾想过这种方法是在白色区域放置一个空视图。但我认为也许有其他方法不要放其他观点。谢谢@Eari Grey。 没有别的办法。

以上是关于iOS将autoLayout按钮位置设置为故事板中心的剩余空间的主要内容,如果未能解决你的问题,请参考以下文章

IOS / Storyboard:使用Autolayout在一个故事板中复制和粘贴View Controller是否安全

为啥故事板中的按钮不在 ios8 中的适当位置?

iOS 故事板中按钮的大小相同

iOS Autolayout - 在半透明导航栏下方正确定位视图

我不能在故事板中同时将标题和图像设置为导航栏上的右侧栏项吗?

IOS / Autolayout / Objective-C:在引用Storyboard中的元素的代码中创建约束