UICollectionView avec Pagination Permettre

J'ai créer la vue de Grille comme Appstore iOS app. Je veux le faire avec UICollectionView de pagination. J'ai également mis en place le code, mais pas capable de faire défiler comme ça.

Ce que je veux faire, il y aura une image au Centre et à deux côtés(gauche et droite), il devrait afficher une certaine partie de la précédente et l'image suivante. J'ai mis en Image pour UICollectionView est de 320*320. la taille des cellules est de 290*320.(cellule min, l'espacement est de 10)Un

Ci-dessous deux liens qui représente mon exigence. Merci à l'avance.

(C'est ce que je veux) Deux

utilisez simplement collectionView.isPagingEnabled = true;

OriginalL'auteur user3755698 | 2014-06-19

  1. 9

    Avez-vous essayé de réglage de la direction de défilement de votre UICollectionViewFlowLayout à l'horizontale?

    [yourFlowLayout setScrollDirection:UICollectionViewScrollDirectionHorizontal];

    Vous aurez besoin pour activer la pagination sur votre vue de collection comme:

    [yourCollectionView setPagingEnabled:YES];

    Pour ceux qui utilisent des story-boards, vous pouvez également trouver la case à cocher de la Pagination est Activée dans Interface Builder dans l'Attribut de l'Inspecteur de l'Affichage de la Collection.

    OriginalL'auteur Deepak

  2. 6

    J'ai pris shtefane réponse et améliorée. Entrez votre propre cellWidth et cellPadding valeurs.

    - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView
                     withVelocity:(CGPoint)velocity
              targetContentOffset:(inout CGPoint *)targetContentOffset
{
    CGFloat cellWidth = self.cellWidth;
    CGFloat cellPadding = 9;

    NSInteger page = (scrollView.contentOffset.x - cellWidth / 2) / (cellWidth + cellPadding) + 1;

    if (velocity.x > 0) page++;
    if (velocity.x < 0) page--;
    page = MAX(page,0);

    CGFloat newOffset = page * (cellWidth + cellPadding);
    targetContentOffset->x = newOffset;
}

    OriginalL'auteur Rickster

  3. 3

    Si vous utilisez pagining dans collectionView il va défiler une page, Pas une seule cellule. Vous pouvez désactiver pagining et de mettre en œuvre ScrollViewDelegate 

    - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
 {
     CGFloat pageW = 300;
    int page = scrollView.contentOffset.x / pageW;

    CGFloat newOffset =(page + ((velocity.x > 0)? 1 : -1)) * (pageW - 20);
    CGPoint target = CGPointMake(newOffset, 0);
    targetContentOffset = &target;
    NSLog(@"end Drag at %f /%i /%f",scrollView.contentOffset.x, page, velocity.x);

 }

    Seulement différente de la standart pagination: Si vous faites glisser rapide à la Collection de défilement de plus d'une cellule.
    Et n'oubliez pas d'ajouter UIScrollViewDelegate

    Toujours le même problème.je dois mettre quoi que ce soit après la mise targetContentOffset ?
    Avez-vous mis pagingEnabled = PAS de collectionView ?
    oui j'ai mis il N'
    Vous avez vos références mixtes. Pour que cela fonctionne, votre dernière ligne devrait être *targetContentOffset = target;.

    OriginalL'auteur shtefane

  4. 1

    Voici un travail swift4 version de Rickster réponse:

    func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {

    let cellWidth = 174 as CGFloat
    let cellPadding = 10 as CGFloat

    var page = (scrollView.contentOffset.x - cellWidth / 2) / (cellWidth + cellPadding) + 1

    if (velocity.x > 0) { page += 1 }
    if (velocity.x < 0) { page -= 1 }

    page = max(page,0)

    targetContentOffset.pointee.x = page * (cellWidth + cellPadding)
}

    OriginalL'auteur Abdoelrhman

  5. 0

    Ref à Rickster la réponse et je la réécriture Swift 4:

    /* paging */
extension AlbumViewController {

    /* In case the user scrolls for a long swipe, the scroll view should animate to the nearest page when the scrollview decelerated. */
    override func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        scrollToPage(scrollView, withVelocity: CGPoint(x:0, y:0))
    }

    override func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
        scrollToPage(scrollView, withVelocity: velocity)
    }

    func scrollToPage(_ scrollView: UIScrollView, withVelocity velocity: CGPoint) {
        let cellWidth: CGFloat = cellSize
        let cellPadding: CGFloat = 10

        var page: Int = Int((scrollView.contentOffset.x - cellWidth / 2) / (cellWidth + cellPadding) + 1)
        if velocity.x > 0 {
            page += 1
        }
        if velocity.x < 0 {
            page -= 1
        }
        page = max(page, 0)
        let newOffset: CGFloat = CGFloat(page) * (cellWidth + cellPadding)

        scrollView.setContentOffset(CGPoint(x:newOffset, y:0), animated: true)
    }
}

    OriginalL'auteur Bill Chan

  6. 0

    Suffit d'utiliser collectionView.isPagingEnabled = true;

    OriginalL'auteur Habib Ali