Pourquoi la vue réutilisable de la collection n'est pas affichée?

Question

Je voudrais créer UICollectionView avec en-tête. Je règle Collection Reusable View sur mainStoryBoard mais rien n'est affiché sur l'appareil. J'ai essayé de chercher mais je n'ai pas pu trouver pourquoi il n'apparaissait pas. Je

Story Board principal

Sur l'appareil

importation UIKit

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate { 


    @IBOutlet weak var collectionView: UICollectionView! 

    var images = ["medal1","medal2","medal3","medal4","medal5","medal6","medal7","medal8","medal9","medal10","medal1","medal2","medal3","medal14"] 

    var texts = ["hi","yes","hoo","such","hi","yes","hoo","such","hi","yes","hoo","such","hi","yes"] 

    override func viewDidLoad() { 
     super.viewDidLoad() 



     collectionView.delegate = self 
     collectionView.dataSource = self 

    } 

    public func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 

     return images.count 
    } 

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

     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomCell", for: indexPath) as! CustomCell 

     cell.myImage.image = UIImage(named: images[indexPath.row]) 

     cell.achievementLabel.text = texts[indexPath.row] 

     return cell 

    } 

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






} 


import UIKit 

classe pour la classe collection Voir CustomCell: UICollectionViewCell {

@IBOutlet weak var myImage: UIImageView! 

    @IBOutlet weak var achievementLabel: UILabel! 

} 

classe Collection réutilisables Voir importation UIKit

class CollectionReusableView: UICollectionReusableView { 

    @IBOutlet weak var reuseableVimage: UIImageView! 
} 


> import UIKit 

class ViewController: UIViewController, UICollectionViewDelegate { 


    @IBOutlet weak var collectionView: UICollectionView! 

    var images = ["medal1","medal2","medal3","medal4","medal5","medal6","medal7","medal8","medal9","medal10","medal1","medal2","medal3","medal14"] 

    var texts = ["hi","yes","hoo","such","hi","yes","hoo","such","hi","yes","hoo","such","hi","yes"] 

    override func viewDidLoad() { 
     super.viewDidLoad() 



     collectionView.delegate = self 


    } 

    func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { 
     if kind == UICollectionElementKindSectionHeader { 
      let view = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "HeaderView", for: indexPath) 
      // do any programmatic customization, if any, here 
      return view 
     } 
     fatalError("Unexpected kind") 








} 
} 

Answer 1

Vous devez mettre en œuvre viewForSupplementaryElementOfKind:

1. Mettre en oeuvre collectionView(_:viewForSupplementaryElementOfKind:at:), pour UICollectionElementKindSectionHeader ou UICollectionElementKindSectionFooter, selon le cas.

   func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { 
       if kind == UICollectionElementKindSectionHeader { 
        let view = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "CollectionReusableView", for: indexPath) as! CollectionReusableView 
        // do any programmatic customization, if any, here 
        return view 
       } 
       fatalError("Unexpected kind") 
   } 
   

2. Assurez-vous que l'en-tête vue réutilisable dans IB a

   • la classe de base appropriée; et
   • le « identificateur de réutilisation » approprié

3. Dans IB, assurez-vous « Accessoires » de la vue de la collecte ont coches à côté « Section en-tête » et « Section pied », selon le cas.

Answer 2

Essayez de mettre en œuvre. Il y a un exemple dans RayWenderlich qui pourrait vous être utile: https://www.raywenderlich.com/136161/uicollectionview-tutorial-reusable-views-selection-reordering

override func collectionView(_ collectionView: UICollectionView, 
          viewForSupplementaryElementOfKind kind: String, 
          at indexPath: IndexPath) -> UICollectionReusableView { 
switch kind { 
case UICollectionElementKindSectionHeader: 
    let headerView = collectionView.dequeueReusableSupplementaryView(ofKind: kind, 
                      withReuseIdentifier: "CollectionReusableView", 
                      for: indexPath) as! CollectionReusableView 
    headerView.reuseableVimage .... 
    return headerView 
default: 
    assert(false, "Unexpected element kind") 
} 
}