UIPinchGestureRecognizer umieszcza ucięty widok między dwoma palcami

Question

Pomyślnie zaimplementowałem zbliżenie z powiększeniem widoku. Jednak widok nie jest ustawiony tak, jak chciałbym. W przypadku stackoverflowers z iPadem chciałbym, aby mój widok był wyśrodkowany jak na iPhonie Photos.app: kiedy zbliżasz się do powiększonego albumu, zdjęcia prezentują się w widoku, który się rozwija. Ten widok jest w przybliżeniu wyśrodkowany w prawym górnym rogu pierwszego palca i dolnego lewego palca na drugim palcu. Zmieszałem go z wykrywaczem patelni, ale w ten sposób użytkownik zawsze musi uszczypnąć, a następnie przesuwać w celu dostosowania.

Oto więc graficzny wyjaśnienie, mogę zamieścić film z mojej aplikacji, czy to jasne (nie jest tajemnicą, próbuję odtworzyć Photos.app iPad ...)

Więc dla wstępna pozycja palców, Początek powiększanie:

to jest rzeczywista „powiększony” rama do teraz. Kwadrat jest większy, ale pozycja jest poniżej palców

Oto co chciałbym mieć taki sam rozmiar, ale różni origin.x i y:

(przykro mi z powodu moich słabych umiejętności w zakresie Photoshopa ^^)

Answer 1

można uzyskać CGPoint punktu środkowego pomiędzy dwoma palcami za pomocą następującego kodu w metodzie handlingPinchGesture.

CGPoint point = [sender locationInView:self]; 

Moja cała metoda handlePinchGesture znajduje się poniżej.

/* 
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

Spójrz na Touches sample project. W szczególności te metody mogą pomóc:

// 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]; 
    } 
}