为已设置CenterX约束的子视图设置自定义宽高的方法

嘿，这个问题我太熟了——手动设frame和Auto Layout天生不对付，只要搞清楚几个关键步骤就能完美解决！

核心问题根源 #

当你手动设置childViewController.view.frame时，系统默认会把这个frame转换成自动生成的约束（因为translatesAutoresizingMaskIntoConstraints默认是true），这会和你手动添加的centerXAnchor约束冲突，系统会自动丢弃其中一组，导致布局不符合预期。

正确实现步骤 #

按照以下顺序操作，就能确保约束正常生效：

1. 关联子视图控制器生命周期：先把子VC添加到父VC的层级中，这是容器VC的标准流程
2. 禁用自动约束转换：关键！把子视图的translatesAutoresizingMaskIntoConstraints设为false，阻止系统根据frame生成约束
3. 添加子视图到父视图
4. 创建并激活所需约束：包括CenterX对齐、固定宽高

完整代码示例 #

// 1. 将子视图控制器添加到父控制器
addChild(childViewController)

// 2. 禁用自动约束转换——这一步绝对不能漏！
childViewController.view.translatesAutoresizingMaskIntoConstraints = false

// 3. 将子视图添加到父视图的层级中
parentViewController.view.addSubview(childViewController.view)

// 4. 完成子VC的生命周期绑定
childViewController.didMove(toParent: parentViewController)

// 5. 创建并激活所有需要的约束
NSLayoutConstraint.activate([
    // 子视图CenterX与父视图CenterX对齐
    childViewController.view.centerXAnchor.constraint(equalTo: parentViewController.view.centerXAnchor),
    // 设置固定宽度（这里设为200，你可以改成自己需要的值）
    childViewController.view.widthAnchor.constraint(equalToConstant: 200),
    // 设置固定高度（这里设为150，按需修改）
    childViewController.view.heightAnchor.constraint(equalToConstant: 150)
])

额外注意事项 #

• 绝对不要再手动设置childViewController.view.frame，否则会和Auto Layout约束冲突
• 如果需要垂直居中，可以在约束数组里再加一行：childViewController.view.centerYAnchor.constraint(equalTo: parentViewController.view.centerYAnchor)
• 用NSLayoutConstraint.activate()批量激活约束是Apple推荐的方式，比单独调用isActive = true更高效

内容的提问来源于stack exchange，提问作者Human Cyborg Relations