如何使用 AutoLayout 配置视图宽度固定宽度和可变高度

Posted 2023-03-12

【中文标题】如何使用 AutoLayout 配置视图宽度固定宽度和可变高度

【英文标题】：How to configure view width fixed width and variable height with AutoLayout

【发布时间】：2014-04-24 22:25:53

【问题描述】：

我有以下设置：一个UIView 包含一个UILabel 和一个UIButton。 UIButton 具有固定尺寸（没关系）。但是，UILabel 受到视图边界的限制。

我希望能够设置UIView 的宽度，它应该自动调整自身大小，以便其高度允许整个标签内容可见。

我尝试了以下方法：

self.view.frame  = CGRectMake(0, 0, desiredWidth, 0);
CGSize fittingSize = [self.view systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
self.view.frame = CGRectMake(0, 0, fittingSize.width, fittingSize.height);

但这会改变视图的高度和宽度，而不是保持所需的宽度。

有没有优雅的方法来做到这一点？

提前感谢您的帮助？

【问题讨论】：

现在您的代码与自动布局无关。您是在问如何使用自动布局来归档它？如果是这样，您为什么要发布该代码？顺便提一句。您将视图的宽度设置为fittingSize.width 并想知道为什么它会影响视图的宽度？你为什么不做self.view.frame = CGRectMake(0, 0, desiredWidth, fittingSize.height);??

UIView 具有自动布局约束来相对于它们的边界布局 UILabel 和 UIButton。我不能直接设置desiredWidth，因为它必须匹配fittingSize.height。 （例如，如果fittingSize.width 非常小，则fittingSize.height 需要超高）

那你为什么要对我们隐瞒？ :P

【参考方案1】：

在 AutoLayout 中，您需要为超级视图添加视图的宽度、顶部、底部、前导（左）和/或尾随（右）约束，并至少为顶部和/或底部约束声明属性。添加上述约束后，您可以通过调整顶部和/或底部约束常量值来更改视图的高度。

这里是自动布局指南的链接。

Auto Layout Guide: Introduction