Question

我一直在youtube上跟随代码，其中有一些我需要在正在构建的应用程序中使用的功能。但是，我的UICollectionView子视图中的单元格没有显示。

我已经尝试弄乱单元格和视图的参数，但似乎没有任何作用。

在单独的班级：

extension UIView{

func addConstraintsWithFormat(format: String, views: UIView...){

    var viewsDictionary = [String:UIView]()
    for (index, view) in views.enumerated(){
        let key = "v\(index)"
        view.translatesAutoresizingMaskIntoConstraints = false
        viewsDictionary[key] = view
    }

    addConstraints(NSLayoutConstraint.constraints(withVisualFormat: format, options: NSLayoutConstraint.FormatOptions(), metrics: nil, views: viewsDictionary))
    }
}

extension UIColor {
static func rgb(r: CGFloat, g: CGFloat, b: CGFloat, a:CGFloat) -> UIColor{
    return UIColor(red: r/255, green: b/255, blue: g/255, alpha: a)
    }
}

在ViewController类中：

override func viewDidLoad() {
        super.viewDidLoad() 
        setupMenuBar()
    }


    let menuBar: MenuBar = {
        let mb = MenuBar()
        return mb
    }()

    private func setupMenuBar() {
        view.addSubview(menuBar)
        view.addConstraintsWithFormat(format: "H:|[v0]|", views: menuBar)
        view.addConstraintsWithFormat(format: "V:|[v0(60)]", views: menuBar)
    }

在创建的视图类中：

class MenuBar: UIView, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {

    lazy var collectionView: UICollectionView = {
        let layout = UICollectionViewLayout()
        let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
        cv.backgroundColor = UIColor.rgb(r: 230, g: 32, b: 31, a: 1) 
        cv.dataSource = self
        cv.delegate = self
        return cv
    }()


    let cellId = "cellId"

    override init(frame: CGRect) {
        super.init(frame: frame)

        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: cellId)

        addSubview(collectionView)
        addConstraintsWithFormat(format: "H:|[v0]|", views: collectionView)
        addConstraintsWithFormat(format: "V:|[v0]|", views: collectionView)
   }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return 5
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath)

        cell.backgroundColor = UIColor.blue

        return cell
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

我希望单元格显示在菜单栏上，但是运行代码时出现的唯一东西就是红色栏，没有蓝色单元格。

Answer 1

您的问题不在于集合视图的框架，因为使用约束可以解决该问题。问题出在这一行：

let layout = UICollectionViewLayout()

根据文档UICollectionViewLayout，是：

用于生成布局信息的抽象基类集合视图

因此，它本身并不能提供正确的布局信息，您应该使用其子类来提供正确的布局信息。

其中一个示例是UICollectionViewFlowLayout，它允许您以基本网格格式布置单元格。

如果将上面的行替换为此，则将看到单元格：

let layout = UICollectionViewFlowLayout()

然后，您可以修改该类提供的参数，或者创建自己的UICollectionViewLayout子类，并提供所需布局的详细信息。

单元格内容未显示在UICollectionView上

1 个答案: