无法在 Swift 中的自定义 UIView 上布置子视图

Question

所以我创建了这个自定义容器视图，我正在使用自动布局约束进行布局。

    func configureSegmentContainerView() {
    segmentContainerView.topAnchor.constraint(equalTo: view.topAnchor, constant: 40).isActive = true
    segmentContainerView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 8).isActive = true
    segmentContainerView.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -8).isActive = true
    segmentContainerView.heightAnchor.constraint(equalToConstant: 3).isActive = true 
    }

在视图控制器中，viewDidLoad() 是这样的：

    setupDataSource()
    segmentContainerView = ATCStorySegmentsView()
    view.addSubview(segmentContainerView)
    configureSegmentContainerView()
    segmentContainerView.translatesAutoresizingMaskIntoConstraints = false
    segmentContainerView.numberOfSegments = friendStory.count

现在，一旦设置了数据源并且我有 friendStory 计数，我将其分配给 segmentContainerView.numberofSegments

在segmentContainerview 类中发生了这样的事情：

    var numberOfSegments: Int? {
    didSet {
        addSegments()
    } 
  }

在addSegments() 中，我根据 numberOfSegments 添加 UIViews，这是它​​的代码：

 private func addSegments() {
    guard let numberOfSegments = numberOfSegments else { return }
    layoutIfNeeded()
    setNeedsLayout()
    for i in 0..<numberOfSegments {
        let segment = Segment()
        addSubview(segment.bottomSegment)
        addSubview(segment.topSegment)
        configureSegmentFrame(index: i, segmentView: segment)
        segmentsArray.append(segment)
    }
}

private func configureSegmentFrame(index: Int, segmentView: Segment) {
    guard let numberOfSegments = numberOfSegments else { return }
    let widthOfSegment : CGFloat = (self.frame.width - (padding * CGFloat(numberOfSegments - 1))) / CGFloat(numberOfSegments)

    let i = CGFloat(index)
    
    let segmentFrame = CGRect(x: i * (widthOfSegment + padding), y: 0, width: widthOfSegment, height: self.frame.height)
    segmentView.bottomSegment.frame = segmentFrame
    segmentView.topSegment.frame = segmentFrame
    segmentView.topSegment.frame.size.width = 0
}

**问题和问题：** 我没有得到 4 个 UIView，而是得到了 3 个，但是第三个没有正确放置并且超出了父容器。我怎样才能让这些 uiviews 正确对齐。我猜在需要调用setNeedsLayout() 和layoutIfNeeded() 的地方存在一些问题。请帮忙。

Segment 是一个具有两个属性的结构 - bottomSegment 和 topSegment。两者都是 UIView

您可以看到只有三个 UIView 段是如何出现的。我需要其中的 4 个（numberOfSegments = 4）。我还为right and leftAnchor 提供了父容器常量 8 和 -8。所以所有 4 个段都需要放在这个视图中。正如您在上图中看到的那样，最后一段超出了父容器。

Answer 1

问题是

let widthOfSegment : CGFloat = (self.frame.width ...

被调用太早了。在 self 拥有它的框架之前，你不能做任何事情，直到它拥有它的真实框架。

对于 UIView，那一刻是在第一次调用 layoutSubviews 之后。

Answer 2

尝试拨打addSegmentsonViewDidAppear。如果它有效，则意味着在您的代码中视图仍然没有正确的框架。

当视图控制器的视图发生变化时，您需要调整视图的框架：

override func viewDidLayoutSubviews() {
     super.viewDidLayoutSubviews()
     guard let numberOfSegments = numberOfSegments else { return }
     for i in 0..<numberOfSegments {
        configureSegmentFrame(index: i, segmentView: segment)
    }
}

你可能不得不把它做得更干净，但它应该可以工作。