根据从 xib 文件加载的子视图调整 UIView 的大小

Question

我有一个 xib 文件，它的高度可以动态改变，因为它包含多行的标签。我需要将此视图添加为在我的视图控制器中定义的 uiview 的子视图。

let settlementDetailsContentView = SettlementDetailsView.instanceFromNib(nibNamed: NibConstants.SettlementDetailsViewNib)
settlementDetailsContentView.frame = settlementDetailsView.bounds
settlementDetailsView.addSubview(settlementDetailsContentView)

这里的settlementDetailsContentView包含了在Interface中设计的视图 建设者。 settingDetailsView 是我的视图控制器中定义的视图，其高度约束大于或等于零。

下面的代码是根据笔尖名称返回视图的函数

 class func instanceFromNib(nibNamed : String) -> SettlementDetailsView
 {
     return UINib(nibName: nibNamed, bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! SettlementDetailsView
 }

我所做的问题是，由于视图高度没有根据子视图调整大小，因此结算详细信息视图下方的视图与此重叠。

这是 UI 的外观。声明文档重叠 结算详情视图。

uiview 应该是这样的

Answer 1

问题是你没有改变settlementDetailsView的框架。在以下代码中

let settlementDetailsContentView = SettlementDetailsView.instanceFromNib(nibNamed: NibConstants.SettlementDetailsViewNib)
settlementDetailsView.addSubview(settlementDetailsContentView)
settlementDetailsContentView.translatesAutoresizingMaskIntoConstraints = false
settlementDetailsContentView.topAnchor.constraint(equalTo: settlementDetailsView.topAnchor).isActive = true
settlementDetailsContentView.bottomAnchor.constraint(equalTo: settlementDetailsView.bottomAnchor).isActive = true
settlementDetailsContentView.trailingAnchor.constraint(equalTo: settlementDetailsView.trailingAnchor).isActive = true
settlementDetailsContentView.leadingAnchor.constraint(equalTo: settlementDetailsView.leadingAnchor).isActive = true

您约束 subview 增长到 superView 的完整大小或 superView 缩小到 subview 的大小（这取决于 superview 的约束和两者的拥抱/压缩，但应该给你的愿望效果）。

请参阅autolayout 参考

编辑

现在您已经发布了它的外观，下面的代码完成了它：

let superView = settlementDetailsView.superview!
let settlementDetailsContentView = SettlementDetailsView.instanceFromNib(nibNamed: NibConstants.SettlementDetailsViewNib)
superview.addSubview(settlementDetailsContentView)
settlementDetailsContentView.translatesAutoresizingMaskIntoConstraints = false
settlementDetailsContentView.topAnchor.constraint(equalTo: settlementDetailsView.bottomAnchor).isActive = true
settlementDetailsContentView.bottomAnchor.constraint(equalTo: superview.bottomAnchor).isActive = true
settlementDetailsContentView.trailingAnchor.constraint(equalTo: superview.trailingAnchor).isActive = true
settlementDetailsContentView.leadingAnchor.constraint(equalTo: superview.leadingAnchor).isActive = true

请注意，如果settlementDetailsView 对其 superView 有底部约束，则应停用它。