UIScrollView horizontale de pagination comme Mobile Safari onglets

Un UIScrollView avec la pagination est activée, s'arrêter à des multiples de sa largeur (ou la hauteur). Donc, la première étape est de comprendre comment la largeur que vous voulez que vos pages. Faire que la largeur de la UIScrollView. Ensuite, définissez votre sous-vue de la taille mais grand vous en avez besoin pour être, et l'ensemble de leurs centres basée sur des multiples de la UIScrollView's largeur.

Alors, puisque vous voulez voir les autres pages, bien sûr, clipsToBounds à NO comme mhjoy déclaré. Le truc maintenant la partie est de la faire défiler lorsque l'utilisateur démarre le glisser en dehors de la plage de la UIScrollViews'cadre. Ma solution (quand j'ai eu à faire cette très récemment) ont été comme suit:

Créer un UIView sous-classe (c'est à dire ClipView) qui contiendra les UIScrollView et il est sous-vues. Essentiellement, il devrait avoir l'image de ce que l'on pourrait supposer la UIScrollView auraient dans des conditions normales. Placez le UIScrollView dans le centre de la ClipView. Assurez-vous que le ClipView's clipsToBounds est fixé à YES si sa largeur est inférieure à celle de son parent vue. Aussi, le ClipView a besoin d'une référence à la UIScrollView.

L'étape finale consiste à remplacer - (UIView *)hitTest:withEvent: à l'intérieur de la ClipView.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
  return [self pointInside:point withEvent:event] ? scrollView : nil;
}

En fait cela élargit la zone tactile de la UIScrollView à l'image de son parent vue, exactement ce dont vous avez besoin.

Une autre option serait de la sous-classe UIScrollView et de remplacer son - (BOOL)pointInside:(CGPoint) point withEvent:(UIEvent *) event méthode, cependant, vous aurez toujours besoin d'un conteneur en vue de faire la coupure, et il peut être difficile de déterminer le moment du retour YES basée uniquement sur le UIScrollViews'cadre.

REMARQUE: Vous devriez aussi jeter un oeil à la Juri Pakaste de hitTest:withEvent: modification si vous rencontrez des problèmes avec la sous-vue de l'utilisateur.

Définir la taille d'image de la scrollView que vos pages taille serait:

[self.view addSubview:scrollView];
[self.view addGestureRecognizer:mainScrollView.panGestureRecognizer];

Maintenant, vous pouvez effectuer un panoramique sur self.view, et le contenu sur le scrollView seront décalés.

Également utiliser scrollView.clipsToBounds = NO; pour éviter l'écrêtage du contenu.

J'ai fait une autre mise en oeuvre, qui peut retourner la scrollview automatiquement. Donc, il n'a pas besoin d'avoir un IBOutlet, ce qui limite reusage dans le projet.

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    if ([self pointInside:point withEvent:event]) {
        for (id view in [self subviews]) {
            if ([view isKindOfClass:[UIScrollView class]]) {
                return view;
            }
        }
    }
    return nil;
}

J'ai mis en place le upvoted suggestion ci-dessus, mais le UICollectionView je l'aide a été considéré comme tout ce qui sort du cadre de l'écran. Cela a causé des cellules voisines à seulement rendre en dehors des limites lorsque l'utilisateur a été défilement vers eux, ce qui n'était pas l'idéal.

Ce que j'ai fait était en émulant le comportement d'un scrollview en ajoutant la méthode ci-dessous pour les délégué (ou UICollectionViewLayout).

- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{    
  if (velocity.x > 0) {
    proposedContentOffset.x = ceilf(self.collectionView.contentOffset.x / pageSize) * pageSize;
  }
  else {
    proposedContentOffset.x = floorf(self.collectionView.contentOffset.x / pageSize) * pageSize;
  }

  return proposedContentOffset;
}

Cela évite la délégation de l'action de balayage entièrement, ce qui était aussi un bonus. Le UIScrollViewDelegate a une méthode similaire appelé scrollViewWillEndDragging:withVelocity:targetContentOffset: qui pourrait être utilisé à la page UITableViews et UIScrollViews.

ma version
En appuyant sur le bouton allongé sur le défilement de travail =)

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    UIView* child = nil;
    for (int i=0; i<[[[[self subviews] objectAtIndex:0] subviews] count];i++) {

        CGRect myframe =[[[[[self subviews] objectAtIndex:0] subviews]objectAtIndex:i] frame];
        CGRect myframeS =[[[self subviews] objectAtIndex:0] frame];
        CGPoint myscroll =[[[self subviews] objectAtIndex:0] contentOffset];
        if (myframe.origin.x < point.x && point.x < myframe.origin.x+myframe.size.width &&
            myframe.origin.y+myframeS.origin.y < point.y+myscroll.y && point.y+myscroll.y < myframe.origin.y+myframeS.origin.y +myframe.size.height){
            child = [[[[self subviews] objectAtIndex:0] subviews]objectAtIndex:i];
            return child;
        }


    }

    child = [super hitTest:point withEvent:event];
    if (child == self)
        return [[self subviews] objectAtIndex:0];
    return child;
    }

mais seulement [[auto des sous-vues] objectAtIndex: 0] doit être un défilement