La manipulation des événements tactiles à l'intérieur d'un enfant UIScrollView

Yay!!! J'ai essayé d'aborder le problème avec un seul UIScrollView, et je pense que j'ai trouvé une solution.

Avant que l'utilisateur démarre le zoom (en viewForZoomingInScrollView:), je passe le défilement de l'affichage en mode de zoom (supprimer toutes les pages supplémentaires, réinitialiser la taille du contenu et de l'offset). Lorsque l'utilisateur effectue un zoom arrière à l'échelle de 1,00 (en scrollViewDidEndZooming:withView:atScale:), je passe à la pagination de la vue (ajouter toutes les pages en arrière, ajuster la taille du contenu et de l'offset).

Voici le code d'une simple vue-contrôleur qui ne fait que cela. Cet exemple de bascule entre, des zooms et des casseroles de trois grandes UIImageViews.

Notez qu'une seule vue-contrôleur avec une poignée de fonctions est tout ce qu'il faut, pas besoin de sous-classe UIScrollView ou quelque chose.

typedef enum {
ScrollViewModeNotInitialized,           //view has just been loaded
ScrollViewModePaging,                   //fully zoomed out, swiping enabled
ScrollViewModeZooming,                  //zoomed in, panning enabled
ScrollViewModeAnimatingFullZoomOut,     //fully zoomed out, animations not yet finished
ScrollViewModeInTransition,             //during the call to setPagingMode to ignore scrollViewDidScroll events
} ScrollViewMode;
@interface ScrollingMadnessViewController : UIViewController <UIScrollViewDelegate> {
UIScrollView *scrollView;
NSArray *pageViews;
NSUInteger currentPage;
ScrollViewMode scrollViewMode;
}
@end
@implementation ScrollingMadnessViewController
- (void)setPagingMode {
NSLog(@"setPagingMode");
if (scrollViewMode != ScrollViewModeAnimatingFullZoomOut && scrollViewMode != ScrollViewModeNotInitialized)
return; //setPagingMode is called after a delay, so something might have changed since it was scheduled
scrollViewMode = ScrollViewModeInTransition; //to ignore scrollViewDidScroll when setting contentOffset
//reposition pages side by side, add them back to the view
CGSize pageSize = scrollView.frame.size;
NSUInteger page = 0;
for (UIView *view in pageViews) {
if (!view.superview)
[scrollView addSubview:view];
view.frame = CGRectMake(pageSize.width * page++, 0, pageSize.width, pageSize.height);
}
scrollView.pagingEnabled = YES;
scrollView.showsVerticalScrollIndicator = scrollView.showsHorizontalScrollIndicator = NO;
scrollView.contentSize = CGSizeMake(pageSize.width * [pageViews count], pageSize.height);
scrollView.contentOffset = CGPointMake(pageSize.width * currentPage, 0);
scrollViewMode = ScrollViewModePaging;
}
- (void)setZoomingMode {
NSLog(@"setZoomingMode");
scrollViewMode = ScrollViewModeInTransition; //to ignore scrollViewDidScroll when setting contentOffset
CGSize pageSize = scrollView.frame.size;
//hide all pages besides the current one
NSUInteger page = 0;
for (UIView *view in pageViews)
if (currentPage != page++)
[view removeFromSuperview];
//move the current page to (0, 0), as if no other pages ever existed
[[pageViews objectAtIndex:currentPage] setFrame:CGRectMake(0, 0, pageSize.width, pageSize.height)];
scrollView.pagingEnabled = NO;
scrollView.showsVerticalScrollIndicator = scrollView.showsHorizontalScrollIndicator = YES;
scrollView.contentSize = pageSize;
scrollView.contentOffset = CGPointZero;
scrollViewMode = ScrollViewModeZooming;
}
- (void)loadView {
CGRect frame = [UIScreen mainScreen].applicationFrame;
scrollView = [[UIScrollView alloc] initWithFrame:frame];
scrollView.delegate = self;
scrollView.maximumZoomScale = 2.0f;
scrollView.minimumZoomScale = 1.0f;
UIImageView *imageView1 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"red.png"]];
UIImageView *imageView2 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"green.png"]];
UIImageView *imageView3 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"yellow-blue.png"]];
//in a real app, you most likely want to have an array of view controllers, not views;
//also should be instantiating those views and view controllers lazily
pageViews = [[NSArray alloc] initWithObjects:imageView1, imageView2, imageView3, nil];
self.view = scrollView;
}
- (void)setCurrentPage:(NSUInteger)page {
if (page == currentPage)
return;
currentPage = page;
//in a real app, this would be a good place to instantiate more view controllers -- see SDK examples
}
- (void)viewDidLoad {
scrollViewMode = ScrollViewModeNotInitialized;
[self setPagingMode];
}
- (void)viewDidUnload {
[pageViews release]; //need to release all page views here; our array is created in loadView, so just releasing it
pageViews = nil;
}
- (void)scrollViewDidScroll:(UIScrollView *)aScrollView {
[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(setPagingMode) object:nil];
CGPoint offset = scrollView.contentOffset;
NSLog(@"scrollViewDidScroll: (%f, %f)", offset.x, offset.y);
if (scrollViewMode == ScrollViewModeAnimatingFullZoomOut && ABS(offset.x) < 1e-5 && ABS(offset.y) < 1e-5)
//bouncing is still possible (and actually happened for me), so wait a bit more to be sure
[self performSelector:@selector(setPagingMode) withObject:nil afterDelay:0.1];
else if (scrollViewMode == ScrollViewModePaging)
[self setCurrentPage:roundf(scrollView.contentOffset.x / scrollView.frame.size.width)];
}
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)aScrollView {
if (scrollViewMode != ScrollViewModeZooming)
[self setZoomingMode];
return [pageViews objectAtIndex:currentPage];
}
- (void)scrollViewDidEndZooming:(UIScrollView *)aScrollView withView:(UIView *)view atScale:(float)scale {
NSLog(@"scrollViewDidEndZooming: scale = %f", scale);
if (fabsf(scale - 1.0) < 1e-5) {
if (scrollView.zoomBouncing)
NSLog(@"scrollViewDidEndZooming, but zoomBouncing is still true!");
//cannot call setPagingMode now because scrollView will bounce after a call to this method, resetting contentOffset to (0, 0)
scrollViewMode = ScrollViewModeAnimatingFullZoomOut;
//however sometimes bouncing will not take place
[self performSelector:@selector(setPagingMode) withObject:nil afterDelay:0.2];
}
}
@end

Praticable exemple de projet est disponible à http://github.com/andreyvit/ScrollingMadness/ (si vous n'avez pas l'utilisation de Git, cliquez simplement sur bouton de Téléchargement de là). Un fichier lisez-moi est disponible, ce qui explique pourquoi le code a été écrit de la façon dont il est.

(L'exemple de projet illustre également comment effectuer un zoom sur une de défilement de vue de la programmation, et a ZoomScrollView classe qui encapsule une solution pour que. C'est une super classe, mais n'est pas requis pour ce truc. Si vous voulez un exemple qui n'utilise pas ZoomScrollView, revenir quelques engage à commettre l'histoire.)

P. S. Par souci d'exhaustivité, il y a TTScrollView — UIScrollView réimplémentée à partir de zéro. Il fait partie de la grande et célèbre Three20 bibliothèque. Je n'aime pas comment il se sent à l'utilisateur, mais elle permet de faire la mise en œuvre de la pagination/défilement/zoom mort simple.

P. P. S. La Photo réelle application par Apple a pré-SDK code et utilise de pré-SDK classes. On peut repérer deux classes dérivées de pré-SDK variante de UIScrollView à l'intérieur de PhotoLibrary cadre, mais il n'est pas immédiatement clair ce qu'ils font (et ils le font assez souvent). Je peux facilement croire à cet effet l'habitude d'être plus difficile à atteindre dans la pré-SDK fois.

J'ai un exemple de projet et il fonctionne parfaitement.

https://code.google.com/p/uiscrollview-touch-events/