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文件，我不介意设置但我需要知道如何注册.xib文件以显示为单元格，如果你知道如何帮助我？ / p>

这是我的手机

你们是一个巨大的帮助，我想我知道该怎么做

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

Answer 1

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

    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))

希望它可以帮到你;）

Answer 2

实现它的方法不止一种。你的代码似乎是使用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 3

以下是您可以遵循的示例：

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

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

3 个答案: