iOS开发：dynamoCollectionViewTop未渲染，求正确约束配置

嘿，我一眼就看到问题啦！你当前的约束把dynamoCollectionView直接从topLayoutGuide拉到了bottomLayoutGuide，整个屏幕都被它占满了，那dynamoCollectionViewTop根本没有空间渲染，自然就看不到啦。咱们来调整约束逻辑，让两个CollectionView上下排列：

修改后的约束配置代码 #

private func configure(){ 
    print("Enter configure function") 
    func configureViews(){ 
        // 初始化代码保持不变
        self.dynamoCollectionView = DynamoCollectionView(frame: .zero) 
        self.dynamoCollectionViewTop = DynamoCollectionViewTop(frame: .zero) 
        self.dynamoCollectionView.translatesAutoresizingMaskIntoConstraints = false 
        self.dynamoCollectionViewTop.translatesAutoresizingMaskIntoConstraints = false 
        self.dynamoCollectionView.dataSource = self 
        self.dynamoCollectionView.delegate = self 
        self.dynamoCollectionViewTop.dataSourceTop = self 
        self.dynamoCollectionViewTop.delegateTop = self 
        
        // 临时改个背景色方便调试，确认顶部视图显示后再改回白色
        self.dynamoCollectionView.backgroundColor = .white 
        self.dynamoCollectionViewTop.backgroundColor = .lightGray 
        self.view.backgroundColor = .white 
        
        // 添加子视图（顺序不影响，但逻辑上先加顶部更清晰）
        self.view.addSubview(self.dynamoCollectionViewTop) 
        self.view.addSubview(self.dynamoCollectionView) 

        // 配置顶部CollectionView的约束
        NSLayoutConstraint.activate([
            // 左右边缘贴紧父视图
            dynamoCollectionViewTop.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            dynamoCollectionViewTop.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            // 顶部贴顶部布局指南（iOS11+也可以用view.safeAreaLayoutGuide.topAnchor）
            dynamoCollectionViewTop.topAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor),
            // 给顶部视图一个固定高度，你可以根据需求调整数值
            dynamoCollectionViewTop.heightAnchor.constraint(equalToConstant: 80)
        ])

        // 配置底部CollectionView的约束
        NSLayoutConstraint.activate([
            // 左右边缘贴紧父视图
            dynamoCollectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            dynamoCollectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            // 顶部贴紧顶部CollectionView的底部，实现上下排列
            dynamoCollectionView.topAnchor.constraint(equalTo: dynamoCollectionViewTop.bottomAnchor),
            // 底部贴紧底部布局指南，占满剩余空间
            dynamoCollectionView.bottomAnchor.constraint(equalTo: bottomLayoutGuide.topAnchor)
        ])
    } 
    configureViews() 
}

关键调整点说明 #

1. 给顶部视图明确尺寸：我给dynamoCollectionViewTop设置了固定高度，这样Auto Layout知道该给它分配多大空间，不会因为没有尺寸约束而忽略它。
2. 调整底部视图的顶部锚点：把底部视图的顶部从topLayoutGuide改成了顶部视图的bottomAnchor，这样两个视图就会上下衔接，底部视图自动占满剩余的屏幕空间。
3. 改用原生约束API：替换了你原来的自定义约束方法，这样逻辑更直观，也能避免自定义方法可能存在的隐藏bug。

可选：动态高度适配 #

如果你需要顶部CollectionView根据内容自动调整高度，可以把固定高度约束换成以下代码（前提是你的CollectionViewCell支持自动布局，并且设置了正确的estimatedItemSize）：

// 替换顶部视图的高度约束
dynamoCollectionViewTop.heightAnchor.constraint(equalTo: dynamoCollectionViewTop.contentSize.height, priority: .defaultHigh)

先试试上面的固定高度版本，确认顶部视图能正常显示后，再根据需求调整成动态高度哦！

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