与顶部布局指南和底部布局指南的距离相等

Posted 2023-03-08

【中文标题】与顶部布局指南和底部布局指南的距离相等

【英文标题】：equal distance from top layout guide and bottom layout guide

【发布时间】：2017-06-25 01:20:23

【问题描述】：

我正在尝试定位与顶部布局指南和底部布局指南具有相等距离的元素。有没有办法通过界面构建​​器或以编程方式做到这一点？

我能想到的一个解决方案是只制作另一个视图（对顶部/底部布局指南有明确的约束）嵌入该元素，然后在该视图中居中该元素，但我想知道是否有办法做这通过自动布局。

【问题讨论】：

您想以这样的方式定位元素，使其与顶部和底部的距离相等？只需使用自动布局。选择视图并将其从顶部和底部固定一些相等的数字

@DanielIsaac 感谢您的回复。用任意相等的数字固定它们似乎并不能让它响应不同的屏幕尺寸——我有没有遗漏的步骤？

你想把元素放在哪里？假设您想在中心进行，请执行以下操作 1. 选择图像并检查最小的 iPhone 尺寸，适合的尺寸。使用自动布局并将其固定为该宽度和高度 2. 选择视图并在容器中选择水平和垂直居中的选项 3. 从顶部和底部等量固定视图

【参考方案1】：

添加另一个带有顶部和底部布局指南约束的UIView。然后将您的视图添加为子视图并垂直和水平对齐。

【讨论】：

这就是我最终要做的。谢谢

【参考方案2】：

以这种方式设置约束。布局指南告诉您视图控制器的垂直开始和结束。所以你需要做的就是设置你的视图的高度和宽度，然后把它放在水平和垂直中心。

【讨论】：

谢谢，但垂直居中似乎并不能响应底部布局指南的更改。但是，当我制作另一个嵌入我的元素的视图，然后将我的元素居中时，它确实有效，如我的问题中所述。

@user3587412 - 这似乎（对我来说）是正确的答案。我很困惑，我认为大多数自动布局“大师”也是如此。大多数时候，这意味着你的问题有点模糊。您能否给出一个具体的 runtime 示例 - 我更喜欢代码，但我确信 IB 会为我们工作 - 您需要什么行为？至少，您能否定义底部布局指南如何更改？跨设备、方向或视图？当然，选项卡控件会“改变”事物，但以 Y 轴为中心很简单！ （显然，你和我都知道。）那么问题是什么？

@dfd 抱歉，底部布局指南的更改是指底部布局指南的长度以编程方式更改。例如，我可以在标签栏上方插入一个底部栏，并更改底部布局指南的长度以进行相应的 UI 更改。我基本上最终做了 Bilal 在下面所做的事情，但我想知道是否有办法绕过添加另一个 UIView。