Swift 3 如何为索引 UICollectionView 中的每个项目显示不同的数据

Question

我在我的应用程序中创建了一个 UICollectionView，但我不知道如何为每个单元格显示不同的数据，我遇到了我在情节提要中设置的相同图像

我所做的搜索没有产生任何教程，但我知道我在 UICollectionViewCell 自定义类中自定义了我的数据

class CollectionViewCell: UICollectionViewCell {
    //drawing a blank here...
}

如果你能帮助我，我只想为每个单元格放置一个按钮、两个图像和几个标签 (2-3)（大约有 12 个单元格，我需要它们为每个单元格提供不同的数据，因为我我正在尝试制作角色选择屏幕）

我目前的设置

class CharacterViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {

var array = [UIImage(named: "ideal image"),UIImage(named: "ideal image"),UIImage(named: "ideal image")]

override func viewDidLoad() {
    super.viewDidLoad()


    // Do any additional setup after loading the view.
}
func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 1
}
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return array.count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "FirstCollectionViewCell", for: indexPath) as! FirstCollectionViewCell

    return cell
}

}

我能够显示三个完全相同的图像，但我需要单元格具有单独的可自定义数据

我看到的一个网站建议为每个单元格使用 .xib 文件，我不介意设置，但如果您知道如何帮助我，我需要知道如何注册 .xib 文件以显示为单元格？

这是我的牢房

你们帮了我很大的忙，我想我知道该怎么做

1. 使用自定义 .xib 文件制作单元格
2. 将 .xib 单元格注册到数组中
3. 将单元格数组加载到 collectionView 中
4. 享受自定义collectionView

Answer 1

实现它的方法不止一种。 Bu您的代码似乎使用了customcell 它的代码

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

 let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! CollectionViewCell

      cell.backgroundColor = UIColor.white

         if indexPath.section == 0 {

      cell.imageView.image = image
                }
         if indexPath.section == 1 {

      cell.imageView.image = image
                }
      return cell
 }

override func numberOfSections(in collectionView: UICollectionView) -> Int {
              return 2 // whatever you want
}

         //2
override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

         return searches[section].searchResults.count // if each section have same cell

         if section == 0 {
                return 2
            } else if section == 1 {
                return 3
         }
}

Link to customcell for collectionview

Answer 2

这是一个您可以遵循的示例：

class CollectionViewCell: UICollectionViewCell {

let myButton : UIButton = {
    let btn = UIButton(type: .system)
    btn.translatesAutoresizingMaskIntoConstraints = false
    btn.setTitle("My button", for: .normal)
    return btn
}()

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

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

func setupViews(){
    // Add subViews to your custom cell
    addSubview(myButton)
    myButton.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
    myButton.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
    myButton.widthAnchor.constraint(equalToConstant: 200).isActive = true
    myButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
}

}

下一步，你必须像这样在 viewDidLoad 中注册单元类：

collectionView.register(CollectionViewCell.self, forCellReuseIdentifier: "customCell")

最后一步，在你定义的 cellForItemAt 函数中：

let cell = collectionView.dequeueReusableCell(withIdentifier: "customCell", for: indexPath) as! CustomViewCell
        return cell

Answer 3

在你的控制器中你必须设置这个：

    Class yourController : UIViewController,UICollectionViewDelegate, UICollectionViewDataSource{...
 //at some point 
yourCollectionView.delegate = self
yourCollectionView.dataSource = self

然后你包含这个方法，你就可以在每个单元格中加载你想要的数据：

  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell: yourCell = collection.dequeueReusableCell(withReuseIdentifier: nameCelda, for: indexPath) as! yourCell
//dataArrayOrWhatever -> An array of data for each row
        let dataForCelll =  dataArrayOrWhatever[indexPath.row]
//functions defined on your yourCell.Swift
        cell.setImage(imageName: someMethodWithDataForImage(data: dataForCell))
        cell.setTitle(title: someMethodWithDataForTitle(data: dataForCell))

希望对你有所帮助；）