如何判断[Any]数组元素的数据类型并在UICollectionView中对应展示

我来帮你搞定这个需求！你已经有了混合String和UIImage的[Any]数组，接下来只需要完善UICollectionView的数据源实现，再配合合适的cell布局就能实现不同类型内容的展示。下面是完整的代码示例：

第一步：自定义CollectionViewCell #

我们创建一个包含图片视图和文本标签的自定义cell，通过配置方法来控制不同元素的显示逻辑：

import UIKit

class MixedContentCollectionViewCell: UICollectionViewCell {
    // 图片展示视图
    private let imageView: UIImageView = {
        let iv = UIImageView()
        iv.contentMode = .scaleAspectFit
        iv.clipsToBounds = true
        iv.translatesAutoresizingMaskIntoConstraints = false
        return iv
    }()
    
    // 文本展示标签
    private let textLabel: UILabel = {
        let label = UILabel()
        label.textAlignment = .center
        label.font = UIFont.systemFont(ofSize: 16, weight: .medium)
        label.textColor = .darkText
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupCellLayout()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 配置cell内容，根据数据类型切换显示
    func configure(with data: Any) {
        if let image = data as? UIImage {
            imageView.image = image
            imageView.isHidden = false
            textLabel.isHidden = true
        } else if let text = data as? String {
            textLabel.text = text
            textLabel.isHidden = false
            imageView.isHidden = true
        }
    }
    
    // 设置cell内部控件布局
    private func setupCellLayout() {
        contentView.addSubview(imageView)
        contentView.addSubview(textLabel)
        
        NSLayoutConstraint.activate([
            // 图片视图铺满cell
            imageView.topAnchor.constraint(equalTo: contentView.topAnchor),
            imageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            imageView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            imageView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
            
            // 文本标签铺满cell
            textLabel.topAnchor.constraint(equalTo: contentView.topAnchor),
            textLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            textLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            textLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
        
        // 初始状态隐藏两个控件，避免复用混乱
        imageView.isHidden = true
        textLabel.isHidden = true
    }
}

第二步：完善PhotosVC的CollectionView配置与数据源 #

接下来在你的视图控制器中完成CollectionView的注册、数据源实现，以及数据填充：

class PhotosVC: UIViewController {
    var arrPhotos: [Any] = []
    // 假设你已通过IBOutlet关联或代码创建了CollectionView
    @IBOutlet weak var collectionViewData: UICollectionView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupCollectionView()
        loadSampleData()
    }
    
    // 初始化CollectionView配置
    private func setupCollectionView() {
        // 注册自定义cell
        collectionViewData.register(MixedContentCollectionViewCell.self, forCellWithReuseIdentifier: "MixedContentCell")
        
        // 设置代理（如果需要自定义cell大小）
        collectionViewData.delegate = self
        collectionViewData.dataSource = self
        
        // 基础布局设置（代码创建CollectionView时需要，IB创建可忽略）
        if let flowLayout = collectionViewData.collectionViewLayout as? UICollectionViewFlowLayout {
            flowLayout.minimumInteritemSpacing = 10
            flowLayout.minimumLineSpacing = 10
            flowLayout.sectionInset = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
        }
    }
    
    // 填充示例数据
    private func loadSampleData() {
        arrPhotos.append("这是一段文本内容")
        // 替换成你的实际UIImage对象
        arrPhotos.append(UIImage(named: "your_image_name")!)
        arrPhotos.append("另一段测试文本")
        arrPhotos.append(UIImage(systemName: "photo")!)
        
        collectionViewData.reloadData()
    }
}

// 实现UICollectionViewDataSource协议
extension PhotosVC: UICollectionViewDataSource {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return arrPhotos.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "MixedContentCell", for: indexPath) as! MixedContentCollectionViewCell
        let itemData = arrPhotos[indexPath.item]
        cell.configure(with: itemData)
        return cell
    }
}

// 可选：自定义cell大小
extension PhotosVC: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        // 设置cell为屏幕宽度的一半，减去间距
        let cellWidth = (view.frame.width - 30) / 2
        return CGSize(width: cellWidth, height: cellWidth)
    }
}

关键注意点 #

• cell复用逻辑：通过configure(with:)方法统一处理内容配置，避免复用cell时出现内容混乱的问题
• 类型判断：使用as?进行安全的类型转换，确保不会因为数组元素类型错误导致崩溃
• 布局灵活性：如果需要更复杂的布局，可以拆分出两个不同的cell类，分别对应图片和文本类型，在数据源方法中根据类型返回不同的cell

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