UICollectionView horizontale de pagination avec de l'espace entre les pages

Je suis à la recherche d'un moyen de remplacer le natif UIPageViewController horizontale de pagination avec un UICollectionView.

jusqu'à présent je n'ai suivantes:

let layout = UICollectionViewFlowLayout()
layout.scrollDirection = .horizontal
layout.itemSize = collectionView.frame.size
layout.minimumLineSpacing = 0
layout.minimumInteritemSpacing = 10

collectionView.setCollectionViewLayout(layout, animated: false)
collectionView.isPagingEnabled = true
collectionView.alwaysBounceVertical = false

cela fonctionne bien et j'obtiens une horizontale de pagination effet.

Maintenant je veux ajouter de l'espace horizontal entre les pages (comme u fera avec UIPageViewControllerOptionInterPageSpacingKey sur UIPageViewController)

jusqu'à présent, je ne pouvais pas l'amende un moyen d'ajouter les espaces sans endommager la pagination effet.
je cherche pour le même comportement qu'avec le UIPageViewController: la cellule doit remplir la totalité de la largeur de l'écran, et l'espace entre les cellules ne doit être visible lors de la commutation d'une page.

OriginalL'auteur Eyal | 2017-02-27

18

Solution:
1. collectionView.isPagingEnabled = false
2. ajouter un minimumLineSpacing pour la distance entre les pages
3. mettre en œuvre targetContentOffsetForProposedContentOffset:withScrollingVelocity: pour déplacer le contentOffset le plus proche de la page. Vous pouvez calculer la page avec un simple calcul basé sur votre itemSize et minimumLineSpacing, mais il peut prendre un peu de travail pour obtenir ce droit.
Solution Deux:
1. collectionView.isPagingEnabled = true
2. ajouter un minimumLineSpacing pour la distance entre les pages
3. la taille d'échange est basé sur les limites de la collectionView. Afin de rendre le collectionView l'agrandir, puis ensuite screenSize. Par exemple, si vous avez un minimumLineSpacing de 10 puis de définir le cadre de la collectionView à {0,-5, largeur+10, hauteur}
4. définir un contentInset égale à la minimumLineSpacing de faire le premier et le dernier élément s'affichent correctement.
mais alors il sera difficile à reproduire le tout échange comportement
Vous avez raison, j'ai ajouté une solution plus facile
excellente idée merci
Merci pour l'astuce, réussi à le faire correspondre les encarts comme vous l'avez dit minimumLineSpacing = 20 et sectionInset = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 10) dans le CollectionViewLayout
Essaie de faire la même chose avec un ASPagerNode...

OriginalL'auteur Jon Rose
2
- Par défaut, UICollectionViewFlowLayout de minimumLineSpacing est 10.0, lorsque collectionView de l'élément est à l'horizontale rempli (itemSize.largeur = collectionView.les limites.la largeur) et collectionView la pagination est activée, plus grand que zéro "minimumLineSpacing' sera la cause involontaire de la performance: commencer à partir de la deuxième page, chaque page a un écart qui seront accumulés par numéro de page.
- Il semble que nous pouvons étendre collectionView de largeur par "minimumLineSpacing" pour résoudre ce problème. Mais la pratique nie cette solution: Quand il y a de remorquage pages ou plus, collectionView ne donnera pas le dernier un "lineSpacing', donc 'contentSize" n'est pas suffisante pour afficher ce contenu de la page complètement, ce qui signifie que si la "minimumLineSpacing" ont été 10.0, la dernière page est une fin d'outrepasser la collectionView de contentSize en 10.0.
- Enfin, j'utilise la suite la solution la plus simple pour insérer une marge entre chaque élément (comme UIScrollView de la performance): Développez chaque collectionViewItem de largeur par une valeur fixe 'pageSpacing" (10.0), et d'élargir le collectionView de la largeur et de la même valeur, aussi. Et n'oubliez pas que, lors de la mise en page collevtionViewCell de sous-vues, il y a un espacement supplémentaire qui n'est pas pour l'affichage du contenu réel.
Heres le code écrit en Swift 3.1, je suis sûr que c'est facile à comprendre pour vous:
```
let pageSpacing: CGFloat = 10

class ViewController: UITableViewController {
     override func viewDidLoad() {
        super.viewDidLoad()

        let layout = UICollectionViewFlowLayout()
        layout.itemSize                = CGSize(width: view.frame.width + pageSpacing, height: view.frame.height)
        layout.scrollDirection         = .horizontal
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing      = 0

        let frame = CGRect(x: 0, y: 0, width: view.frame.width + pageSpacing, height: view.frame.height)
        let collectionView = UICollectionView(frame: frame, collectionViewLayout: layout)
        view.addSubview(collectionView)
    }
}

class MyCell: UICollectionViewCell {
    var fullScreenImageView = UIImageView()
    override func layoutSubviews() {
        super.layoutSubviews()
        fullScreenImageView.frame = CGRect(x: 0, y: 0, width: frame.width - pageSpacing, height: frame.height)
    }
}
```
L'espoir peut vous aider.

OriginalL'auteur Rick

Vous devez vous connecter pour publier un commentaire.