如何使自定義collectionview單元可見？

Question

我似乎無法使我的自定義collectionView Cell可見。 我知道出現了CollectionView，因為我更改了屬性檢查器上的背景顏色，但是自定義單元格沒有出現。 我在屬性檢查器中設置了約束，並在圖像下方有一個水平的堆棧視圖。

我完全按照Udemy課程的指示進行操作，但似乎不起作用。 這是我配置單元格的外觀：

代碼如下：

import UIKit

class ListVC: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {

    @IBOutlet weak var productsCollection: UICollectionView!

    private(set) public var products = [Product]()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        productsCollection.dataSource = self
        productsCollection.delegate = self
    }

    func initProducts(Product: Product) {
        products = DataService.instance.getGroceryOptions()
    }

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ProductCell", for: indexPath) as? ProductCell {
            let product = products[indexPath.row]
            cell.updateViews(product: product)
            return cell
        }
        return ProductCell()

    }
}

這是ProductCell實現：

class ProductCell: UICollectionViewCell {
    @IBOutlet weak var itemImage: UIImageView!
    @IBOutlet weak var productName: UILabel!
    @IBOutlet weak var productPrice: UILabel!
    @IBOutlet weak var calCount: UILabel!

    func updateViews(product: Product){
        itemImage.image = UIImage(named: product.imageName)
        productName.text = product.title
        calCount.text = product.cal
        productPrice.text = product.price
    }

}

這是DataService實現：

class DataService {
    static let instance = DataService()

    private let item = [
        Product(title: "Eggs", price: "4.94", imageName: "eggs.jpeg", cal: "340"),
    ]

    private let Groceries = [Product]()

    func getGroceryOptions() -> [Product] {
        return Products
    }
}

這是產品實施：

struct Product {
    private(set) public var title: String
    private(set) public var price: String
    private(set) public var imageName: String
    private(set) public var cal: String

    init(title: String, price: String, imageName: String, cal: String) {
        self.title = title
        self.price = price
        self.imageName = imageName
        self.cal = cal
    }
}

Answer 1

1）您的initProducts方法未在代碼中的任何地方調用。

2）更新數據源后，必須調用collectionView.reloadData() 。 這意味着，您必須在更新products屬性后調用此方法。

3）另外，正如其他人在回答中提到的那樣，看來您的getGroceryOptions()方法實際上應返回items而不是Products （那是什么，順便說一句？）。

4）請按照快速樣式指南編寫代碼。 您可以更輕松地將類/結構與變量區分開。 您可以在這里和這里了解更多信息。

Answer 2

您的initProducts方法未調用。 由於此products數組保持為空，因此您在集合中看不到任何單元格。

您應該調用initProducts （例如，在viewDidLoad ），以用將在您的集合中顯示的元素填充products數組。

還可以考慮從此函數中刪除參數（由於您不在此方法中使用參數，因此您不需要那里的參數）。 它應該看起來像：

func initProducts() {
        products = DataService.instance.getGroceryOptions()
}

另外，您應該更正getGroceryOptions方法。 它應該返回注釋中指出的item 。

Answer 3

在其他collectionView函數之前，您是否有numberOfSectionsInCollectionView節？

看一下這個例子：

func numberOfSectionsInCollectionView(collectionView:UICollectionView) -> Int {
    return 1
}