UIPinchGestureRecognizer posición de la vista pellizcada entre los dos dedos

Question

Implementé con éxito un pellizco un zoom de una vista. Sin embargo, la vista no se ubica donde yo deseaba. Para los stackoverflowers con un iPad, me gustaría que mi vista se centre como en el iPad Photos.app: cuando pellizcas & acercas un álbum, las fotos se muestran en una vista que se está expandiendo. Esta vista se centra aproximadamente con la esquina superior derecha en el primer dedo y el dedo inferior izquierdo en el otro dedo. Lo mezclé con un reconocedor de sartenes, pero de esta manera el usuario siempre tiene que pellizcar, y luego hacer una panorámica para ajustar.

Éstos son la explicación de modo gráfico, que podría publicar un video de mi aplicación si eso es poco claro (no es un secreto, que estoy tratando de reproducir el Photos.app del iPad ...)

Así que para una inicial posición de los dedos, el comenzar de zoom:

Este es el marco de "zoom" real por ahora. La plaza es grande, pero la posición está por debajo de los dedos

Esto es lo que me gustaría tener: mismo tamaño, pero diferente origin.x e Y:

(perdón por mis pobres habilidades de photoshop ^^)

Answer 1

que pueda obtener el CGPoint del punto medio entre dos dedos a través del código siguiente en el método handlingPinchGesture.

CGPoint point = [sender locationInView:self]; 

Todo mi método es handlePinchGesture a continuación.

/* 
instance variables 

CGFloat lastScale; 
CGPoint lastPoint; 
*/ 

- (void)handlePinchGesture:(UIPinchGestureRecognizer *)sender { 
    if ([sender numberOfTouches] < 2) 
     return; 

    if (sender.state == UIGestureRecognizerStateBegan) { 
     lastScale = 1.0; 
     lastPoint = [sender locationInView:self]; 
    } 

    // Scale 
    CGFloat scale = 1.0 - (lastScale - sender.scale); 
    [self.layer setAffineTransform: 
     CGAffineTransformScale([self.layer affineTransform], 
           scale, 
           scale)]; 
    lastScale = sender.scale; 

    // Translate 
    CGPoint point = [sender locationInView:self]; 
    [self.layer setAffineTransform: 
     CGAffineTransformTranslate([self.layer affineTransform], 
            point.x - lastPoint.x, 
            point.y - lastPoint.y)]; 
    lastPoint = [sender locationInView:self]; 
} 

Answer 2

Eche un vistazo a Touches sample project. Específicamente estos métodos podrían ayudarle a:

// scale and rotation transforms are applied relative to the layer's anchor point 
// this method moves a gesture recognizer's view's anchor point between the user's fingers 
- (void)adjustAnchorPointForGestureRecognizer:(UIGestureRecognizer *)gestureRecognizer { 
    if (gestureRecognizer.state == UIGestureRecognizerStateBegan) { 
     UIView *piece = gestureRecognizer.view; 
     CGPoint locationInView = [gestureRecognizer locationInView:piece]; 
     CGPoint locationInSuperview = [gestureRecognizer locationInView:piece.superview]; 

     piece.layer.anchorPoint = CGPointMake(locationInView.x/piece.bounds.size.width, locationInView.y/piece.bounds.size.height); 
     piece.center = locationInSuperview; 
    } 
} 

// scale the piece by the current scale 
// reset the gesture recognizer's rotation to 0 after applying so the next callback is a delta from the current scale 
- (void)scalePiece:(UIPinchGestureRecognizer *)gestureRecognizer 
{ 
    [self adjustAnchorPointForGestureRecognizer:gestureRecognizer]; 

    if ([gestureRecognizer state] == UIGestureRecognizerStateBegan || [gestureRecognizer state] == UIGestureRecognizerStateChanged) { 
     [gestureRecognizer view].transform = CGAffineTransformScale([[gestureRecognizer view] transform], [gestureRecognizer scale], [gestureRecognizer scale]); 
     [gestureRecognizer setScale:1]; 
    } 
}