如何通过代码实现UIView（卡片）高度自适应内容？

嘿，我来帮你搞定这个卡片自动高度的问题！

首先要给你吃个定心丸：把父视图（卡片）的Bottom锚定到子视图（按钮）的Bottom，这个操作完全合法，而且正是实现类似Android wrap_content 效果的正确姿势。Auto Layout的约束是双向计算的，只要你的卡片内部有完整的垂直约束链，引擎就能自动算出卡片的高度。

先说说你之前踩的坑 #

你尝试重写IntrinsicContentSize没成功，是因为这个方法调用时机太早了——视图刚初始化时，子控件的布局还没完成，它们的实际尺寸根本没算出来，自然返回不了正确的总高度。这种方法更适合纯自定义的单一控件，对包含多个子视图的容器来说，用约束链才是最优解。

实现自动高度的核心步骤 #

你需要确保卡片内部的所有元素，从上到下形成一条完整的垂直约束链，没有任何断裂：

• 顶部的UIStackView，Top锚定到卡片的Top（加上内边距）
• 第三方仪表盘的Top锚定到StackView的Bottom
• 每一组UILabel的Top都锚定到上一个元素的Bottom，最后一组Label的Bottom锚定到按钮的Top
• 按钮的Bottom锚定到卡片的Bottom（加上内边距）

然后修改卡片的约束：去掉固定Height的设置，只保留Leading、Trailing、Top，再把Bottom锚定到按钮的Bottom——你之前修改的代码方向是对的，可能只是内部子视图的约束没补全。

调试排查要点 #

如果还是有问题，你可以从这几个地方检查：

1. 约束完整性：打开Xcode的Debug View Hierarchy，看看卡片有没有红色的约束警告，是不是某个子视图缺少了Top/Bottom约束，导致布局模糊（Ambiguous Layout）
2. 第三方控件适配：确认第三方仪表盘控件本身支持自动高度，或者给它设置一个固定的Height约束（如果它自己没有正确实现intrinsicContentSize的话）
3. TranslatesAutoresizingMaskIntoConstraints：确保所有动态生成的UILabel、仪表盘都关闭了这个属性（你的Anchor方法已经处理了，但要手动检查第三方控件）

修正后的代码示例 #

给你补全一下完整的约束逻辑：

// 卡片的约束：不设置固定高度，锚定到按钮的Bottom
qolCard.Anchor(
    leading: View.LeadingAnchor,
    trailing: View.TrailingAnchor,
    top: View.SafeAreaLayoutGuide.TopAnchor,
    bottom: rateButton.BottomAnchor,
    padding: new UIEdgeInsets(10f, 10f, 10f, 10f)
);

// 内部元素的垂直约束链
// StackView 顶部对齐卡片（带内边距）
stackView.Anchor(
    top: qolCard.TopAnchor,
    leading: qolCard.LeadingAnchor,
    trailing: qolCard.TrailingAnchor,
    padding: new UIEdgeInsets(10f, 10f, 0f, 10f)
);

// 仪表盘 顶部对齐StackView底部
dashboardView.Anchor(
    top: stackView.BottomAnchor,
    leading: qolCard.LeadingAnchor,
    trailing: qolCard.TrailingAnchor,
    padding: new UIEdgeInsets(8f, 10f, 0f, 10f),
    size: new CGSize(0f, 80f) // 如果仪表盘需要固定高度，加上这个
);

// 最后一组Label 顶部对齐仪表盘底部
lastLabelGroup.Anchor(
    top: dashboardView.BottomAnchor,
    leading: qolCard.LeadingAnchor,
    trailing: qolCard.TrailingAnchor,
    padding: new UIEdgeInsets(8f, 10f, 0f, 10f)
);

// 按钮 顶部对齐最后一组Label底部，底部对齐卡片底部（带内边距）
rateButton.Anchor(
    top: lastLabelGroup.BottomAnchor,
    leading: qolCard.LeadingAnchor,
    trailing: qolCard.TrailingAnchor,
    padding: new UIEdgeInsets(8f, 10f, 10f, 10f)
);

这样一套约束下来，卡片就会完全根据内部内容的高度自动调整，和Android的wrap_content效果一模一样~

内容的提问来源于stack exchange，提问作者anon