UIPinchGestureRecognizer vị trí chế độ xem bị chèn ép giữa hai ngón tay

Question

Tôi đã triển khai thành công một lần thu nhỏ một lần xem. Tuy nhiên, chế độ xem không tự định vị vị trí mà tôi mong muốn. Đối với các stackoverflowers với một iPad, tôi muốn xem của tôi để được trung tâm như trên iPad Photos.app: khi bạn pinch & phóng to một album, các bức ảnh thể hiện mình trong một cái nhìn được mở rộng. Chế độ xem này được căn giữa với góc trên cùng bên phải trên ngón tay đầu tiên và ngón tay cái dưới cùng bên trái trên ngón tay kia. Tôi trộn nó với một bộ nhận diện pan, nhưng theo cách này người dùng luôn phải chụm, và sau đó xoay để điều chỉnh.

Dưới đây là lời giải thích vì đồ họa, tôi có thể gửi một đoạn video của ứng dụng của tôi nếu đó là không rõ ràng (có gì bí mật, tôi đang cố gắng để tạo lại Photos.app của iPad ...)

Vì vậy, đối với một ban đầu vị trí của các ngón tay, khởi điểm zoom:

Đây là thực tế "thu nhỏ" khung cho bây giờ. Quảng trường lớn, nhưng vị trí nằm dưới ngón tay

Dưới đây là những gì tôi muốn làm: cùng kích thước, nhưng origin.x khác nhau và y:

(xin lỗi về kỹ năng photoshop kém của tôi ^^)

Answer 1

Bạn có thể lấy CGPoint của trung điểm giữa hai ngón tay qua đoạn mã sau vào phương pháp handlingPinchGesture.

CGPoint point = [sender locationInView:self]; 

Toàn bộ phương pháp của tôi là handlePinchGesture.

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

Hãy xem qua số Touches sample project. Cụ thể các phương pháp này có thể giúp bạn:

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