Swift添加DetailsView为子视图报错：无法转换DetailsView.Type类型

错误信息 #

Cannot convert value of type 'MovieDetailsDisplayViewController.detailsView.Type' to expected argument type 'MovieDetailsDisplayViewController.View'

核心错误原因 #

你犯了几个关键错误：

• 直接把DetailsView类本身传给addSubview，而非创建它的实例对象
• loadView方法中重复赋值view，覆盖了原本的ParentView
• DetailsView的setUpUI方法从未被调用，内部的collectionView无法加入视图层级
• 未正确传入DetailsView初始化所需的viewModel
• 视图层级规划错误，DetailsView应该嵌入到ParentView的布局容器中，而非直接添加到控制器的view上

具体修复步骤及代码 #

1. 修复控制器的视图初始化与层级 #

删掉loadView中错误的DetailsView赋值，将ParentView作为控制器主视图，再创建DetailsView实例并嵌入到ParentView的布局栈中：

final class MovieDetailsDisplayViewController: UIViewController {
    let movieDetails: MovieDetails
    private let viewModel: MoviesDetailsViewModel
    
    init(movieDetails: MovieDetails, viewModel: MoviesDetailsViewModel) {
        self.movieDetails = movieDetails
        self.viewModel = viewModel
        super.init(nibName: nil, bundle: nil)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func loadView() {
        // 仅设置一次主视图为ParentView
        view = ParentView()
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        guard let parentView = view as? ParentView else { return }
        parentView.configure(movieDetails: movieDetails)
        
        // 创建DetailsView实例并传入viewModel
        let detailsView = DetailsView(viewModel: viewModel)
        // 将DetailsView添加到ParentView的栈视图中
        parentView.contentStackView.addArrangedSubview(detailsView)
        // 为DetailsView设置高度约束（垂直栈视图需固定高度）
        detailsView.heightAnchor.constraint(equalToConstant: 200).isActive = true
        
        // 监听viewModel数据更新，刷新collectionView
        viewModel.updatedState = { [weak detailsView] in
            detailsView?.collectionView.reloadData()
        }
        // 触发相似电影请求
        viewModel.fetchSimilarMovie()
    }
    
    // ... ParentView和DetailsView的代码 ...
}

2. 修复DetailsView的初始化与布局 #

在DetailsView的初始化方法中调用布局方法，并设置collectionView的代理：

private class DetailsView: UIView, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {
    let viewModel: MoviesDetailsViewModel
    
    init(viewModel: MoviesDetailsViewModel) {
        self.viewModel = viewModel
        super.init(frame: .zero)
        setUpUI()
        // 设置collectionView代理
        collectionView.dataSource = self
        collectionView.delegate = self
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    fileprivate let collectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .horizontal
        layout.minimumLineSpacing = 8
        layout.minimumInteritemSpacing = 8
        let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
        cv.translatesAutoresizingMaskIntoConstraints = false
        // 使用cell的正确标识符注册
        cv.register(SimilierMovieCell.self, forCellWithReuseIdentifier: SimilierMovieCell.identifier)
        cv.backgroundColor = .lightGray
        return cv
    }()
    
    private func setUpUI() {
        addSubview(collectionView)
        
        NSLayoutConstraint.activate([
            collectionView.leadingAnchor.constraint(equalTo: leadingAnchor),
            collectionView.trailingAnchor.constraint(equalTo: trailingAnchor),
            collectionView.topAnchor.constraint(equalTo: topAnchor),
            collectionView.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }
    
    // 实现UICollectionViewDelegateFlowLayout协议方法
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: collectionView.frame.width/2.5, height: collectionView.frame.width/2)
    }
    
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return viewModel.moviePage.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: SimilierMovieCell.identifier, for: indexPath) as? SimilierMovieCell else {
            return SimilierMovieCell()
        }
        let movie = viewModel.moviePage[indexPath.row]
        cell.configure(movie)
        return cell
    }
}

3. 调整ParentView的栈视图访问权限 #

将contentStackView的私有修饰符移除，让控制器可以访问：

private class ParentView: UIView {
    // 移除private修饰符，允许外部访问栈视图
    lazy var contentStackView = UIStackView(arrangedSubviews: [backdropImageView, titleLabel, overviewLabel, similarLabel])
    
    // ... 其他原有代码 ...
}

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