L'alignement de vue de collection cellules pour s'adapter exactement 3 par ligne

Je suis en train de faire la vue d'une collection d'images, de sorte qu'il y a 3 par ligne, sans espace entre les deux.

Ma collection afficher les sources de données sont:

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

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

et ce est la façon dont il est mis en place dans mon storyboard (imageView largeur est de 125, un tiers de la 375 largeur de l'écran):

Cependant quand je lance l'application et ajouter des photos, il ressemble à ceci:

L'alignement de vue de collection cellules pour s'adapter exactement 3 par ligne

Comment puis-je résoudre ce problème afin que je vois 3 images par ligne? Merci pour toute aide!

Avez-vous vraiment besoin d'une collecte de vue ici? Il est si facile juste pour faire une grille de vues d'images telle que vous la décrivez, dans le code. Si vous n'avez pas besoin de toute autre collecte de vue des fonctionnalités, pourquoi s'embêter avec une vue de collection pour quelque chose d'aussi basique?
Je suppose que ce serait une autre façon de faire, je vais le garder à l'esprit pour un autre projet. Le problème est résolu maintenant, donc je pourrais aussi bien le conserver en vue de collection - y aurait-il un avantage à l'aide de votre approche au lieu de cela, ou est-il simplement plus facile à mettre en œuvre d'abord?
Le "avantage" n'aurait été que de toute évidence, vous ne savez pas comment faire une collecte de vue avec la structure souhaitée. Rester avec elle si le problème est résolu, par tous les moyens!

InformationsquelleAutor KingTim | 2017-03-09

Vous avez à mettre en œuvre les

UICollectionViewDelegateFlowLayout

pour l'espacement des trucs.

Définir la taille de la collectionViewCells comme ceci:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let yourWidth = collectionView.bounds.width/3.0
    let yourHeight = yourWidth

    return CGSize(width: yourWidth, height: yourHeight)
}

Vous pouvez également ajouter ces fonctions pour obtenir votre espacement de la collectionViewCells correct:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsets.zero
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 0
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 0
}

InformationsquelleAutor Kingalione

Swift Version 4.2

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    let noOfCellsInRow = 3

    let flowLayout = collectionViewLayout as! UICollectionViewFlowLayout

    let totalSpace = flowLayout.sectionInset.left
        + flowLayout.sectionInset.right
        + (flowLayout.minimumInteritemSpacing * CGFloat(noOfCellsInRow - 1))

    let size = Int((collectionView.bounds.width - totalSpace) / CGFloat(noOfCellsInRow))

    return CGSize(width: size, height: size) 
}

InformationsquelleAutor Gagandeep Gambhir

4

1- vous devez Vous conformer à UICollectionViewDelegateFlowLayout

2- Vous devez mettre en œuvre collectionView(_:mise en page:sizeForItemAt:) méthode, comme suit:
```
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let screenWidth = UIScreen.main.bounds.width
    let scaleFactor = (screenWidth / 3) - 6

    return CGSize(width: scaleFactor, height: scaleFactor)
}
```
En supposant que les espaces minimum de 8 -par exemple-,

la sortie devrait être de trois éléments pour chaque ligne, le carré de la taille.

Remarque: Si vous souhaitez définir les espaces entre les cellules à zéro, puis scaleFactor devrait être:
```
let scaleFactor = (screenWidth / 3)
```
Espère que cela a aidé.

InformationsquelleAutor Ahmad F

Vous avez à mettre en œuvre les

UICollectionViewDelegateFlowLayout
pour l'espacement des trucs.

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

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

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    return CGSize(width: (self.collectionView.frame.width/3.0) - 5 , height: (self.collectionView.frame.height/4.0))
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return  2
}
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return  2
}

InformationsquelleAutor Deviyani Swami

vous pouvez utiliser cette

Ce code est en quelque sorte écrit que vous pouvez modifier la section encart ou minimumInteritemSpacing et ce calculer et de les redimensionner avec ces paramètres

vous pouvez utiliser ce code ou télécharger le projet de Github

 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {


        let flowLayout = collectionViewLayout as! UICollectionViewFlowLayout

        let numberofItem: CGFloat = 3

        let collectionViewWidth = self.collectionView.bounds.width

        let extraSpace = (numberofItem - 1) * flowLayout.minimumInteritemSpacing

        let inset = flowLayout.sectionInset.right + flowLayout.sectionInset.left

        let width = Int((collectionViewWidth - extraSpace - inset) / numberofItem)

        print(width)

        return CGSize(width: width, height: width)
    }

InformationsquelleAutor sadegh bitarafan

Vous devez vous connecter pour publier un commentaire.