Utiliser CollectionView dans UIView avec un fichier xib

je suis en train de faire avec cela, je veux utiliser CollectionView, mais je n'ai pas vu le prototype de la cellule, et ne savez pas comment utiliser CollectionView dans ce cas, quelqu'un peut-il m'aider ?

J'essaie de l'utiliser comme ça mais c'prendre beaucoup de temps et difficile à gérer que UICollectionView

Utiliser CollectionView dans UIView avec un fichier xib

source d'informationauteur Thanh Hải

  1. 23

    La principale façon d'utiliser UICollectionView est par la gestion de la logique de la programmation.

    1. Tout d'abord, créez une nouvelle classe qui hérite de UICollectionViewCell. Choisissez si vous souhaitez inclure un xib de concevoir facilement votre cellule:
      Utiliser CollectionView dans UIView avec un fichier xib

    2. La conception de votre téléphone portable avec Interface Builder ou par programmation.

    3. Créer votre principale-vue-contrôleur, y compris un xib (ou d'un storyboard) avec le vue de collection à l'intérieur et à l'associer à la classe associée via Interface Builder. Alternativement, vous pouvez ajouter une vue de collection par programmation à votre UIViewController

    Utiliser CollectionView dans UIView avec un fichier xib

    1. Rendre la vue cible contrôleur de les rendre conformes à la UICollectionViewDelegate et UICollectionViewDataSource protocoles en les déclarant après le père la classe:

      class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {

    @IBOutlet weak var collectionView: UICollectionView!

    //...
}

    2. Registre des associés de la plume ou de la catégorie de votre cellule dans le viewDidLoad méthode et de les associer à la source de données et de déléguer des protocoles à la vue de la classe contrôleur:

       let cellIdentifier = "cellIdentifier"

 override func viewDidLoad() {
     super.viewDidLoad()
     //if you use xibs:
      self.collectionView.register(UINib(nibName:"MyCollectionCell", bundle: nil), forCellWithReuseIdentifier: cellIdentifier)
     //or if you use class:
      self.collectionView.register(MyCollectionCell.self, forCellWithReuseIdentifier: cellIdentifier)

      self.collectionView.delegate = self
      self.collectionView.dataSource = self
 }

    3. Mettre en œuvre les méthodes déclarées dans l' UICollectionViewDelegate et UICollectionViewDataSource protocoles : 

       let objects = ["Cat", "Dog", "Fish"]

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

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

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

       let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellIdentifier, for: indexPath) as! MyCollectionCell

       //in this example I added a label named "title" into the MyCollectionCell class
       cell.title.text = self.objects[indexPath.item]

       return cell
 }

    4. Exécuter votre application dans le simulateur (ou sur un périphérique réel) et.. Et voilà! 🙂

    Utiliser CollectionView dans UIView avec un fichier xib

    Pour plus d'info: https://developer.apple.com/reference/uikit/uicollectionview

  2. 0

    ok d'abord vous devez avoir le IBOutlet de votre collecte de vue et met en œuvre les méthodes comme ce

    class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource,UICollectionViewDelegateFlowLayout{



    @IBOutlet var collectionView: UICollectionView!

    override func viewDidLoad() {

        super.viewDidLoad()
        count = 9;
        let nib = UINib(nibName: "yourItemView", bundle: nil)
        collectionView.registerNib(nib, forCellWithReuseIdentifier: "yourItemView")
        self.collectionView.delegate = self
        self.collectionView.dataSource = self


    }

    ok dans la fonction que vous ajoutez un fichier xib, vous devez ensuite créer qui s'étendent de UICollectionViewCell, et quand vous avez fini cela, vous devez remplacer le prochain méthodes

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return count 
        //the numbers of items
    }

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {//size of your item for screen sizes
        let wsize = UIScreen.mainScreen().bounds.size.width
        switch(wsize){
        case 414:
            return CGSize(width: 190, height: 102)
        case 375:
            return CGSize(width: 190, height: 102)
        case 320:
            return CGSize(width: 174, height: 102)
        default:
            return CGSize(width: 174, height: 102)
        }
    }



    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("yourItemView", forIndexPath: indexPath) as! yourItemView



        return cell
    }

    et c'est tout, bonne chance