使用 Auto Layout 改变 UIButtons 的 Column 布局

Posted

技术标签:

【中文标题】使用 Auto Layout 改变 UIButtons 的 Column 布局【英文标题】:Using Auto Layout to change Column layout of UIButtons 【发布时间】:2015-11-21 00:35:44 【问题描述】:

我有一个 UIView,在纵向模式下,UIView 包含 2 列 UIButton,它们以列表格式均匀分布。我想设置我的代码,以便在横向模式下,列从 2 变为 3,以适应更宽的空间。不,我想我可以使用 UICollection 视图来做到这一点,但我想知道是否可以使用 Auto Layout 来简化构建购买。

抱歉,还没有任何代码,想在开始编码之前获得一些建议。

【问题讨论】:

【参考方案1】:

是的,这是可能的。但我建议您使用 UICollectionView,因为它让开发者的生活变得更加轻松。

【讨论】:

【参考方案2】:

您可以很容易地设计一组约束来配置两列中的按钮,另一组约束配置三列中的按钮,并交换这些约束集以更改布局;事实上,如果你做对了,变化就会很生动。事实上,如果这是在 iPhone 上,因此尺寸类发生了变化,您可以配置 nib 以便在旋转时自动交换约束。但是对于这两种情况,您仍然必须拥有一套完整的约束,以一种或另一种方式。

【讨论】:

以上是关于使用 Auto Layout 改变 UIButtons 的 Column 布局的主要内容,如果未能解决你的问题,请参考以下文章

在 Interface Builder 中使用 Auto Layout 更改方向

table-layout 表格宽度不随文字改变

使用 table-layout=auto 固定 HTML 表格中的宽度列

使用 Auto Layout

手写代码自动实现自动布局,即Auto Layout的使用

iOS 开发实践之 Auto Layout