使用 AUTOLAYOUT 和 SIZECLASSES 对齐视图

Posted

技术标签:

【中文标题】使用 AUTOLAYOUT 和 SIZECLASSES 对齐视图【英文标题】:Alignment of the View using AUTOLAYOUT AND SIZECLASSES 【发布时间】:2015-09-02 16:41:51 【问题描述】:

如何将一个视图的后沿与另一个视图的水平中心对齐。

._____________ |1____________| .______________________________ |2_______________|

我想要上面的东西。我总是希望 view1 为 view2 宽度的一半。

【问题讨论】:

设置前导相同且view1的宽度为view2宽度的50%? 感谢您的回复。但是该怎么做呢? 我从以下链接获得了解决方案。 ***.com/questions/30814710/… 【参考方案1】:

单击要对齐的两个 UI 元素并对齐它们的后沿

选择两个元素之一并双击新创建的约束

更改您想要更大的项目的边缘(在我的情况下为 SecondItem)并将其边缘设置为 CenterX

更新框架,瞧

【讨论】:

不错的答案。我不知道你可以像这样对齐中心。 您可以将所有内容与任何内容对齐 :D 它实际上非常强大!【参考方案2】:

按住 CTRL 然后单击并从 view1 拖动到 view2。放开鼠标点击,应该会弹出一个菜单。选择“左”和“等宽”。

然后点击等宽约束的编辑按钮,将乘数改为0.5(50%)。

【讨论】:

以上是关于使用 AUTOLAYOUT 和 SIZECLASSES 对齐视图的主要内容,如果未能解决你的问题,请参考以下文章

IOS SizeClass 和 Autolayout 适配各种设备

屏幕适配/autoLayout autoresizingMask

如何使用大小类和自动布局在 Xib 中水平对齐两个 UI 按钮

iOS界面布局的核心以及TangramKit介绍

【TIP】怎样彻底删除storyboard里的控件

iOS9之UIStackView体验,无需任何约束,这才是真正的自动布局,快到不能呼吸