UIPinchGestureRecognizer दो अंगुलियों के बीच चुने हुए दृश्य को स्थिति

Question

मैंने सफलतापूर्वक एक दृश्य को एक चुटकी लागू किया। हालांकि, दृश्य खुद को स्थिति में नहीं रखता है जहां मैं इसे चाहता था। आईपैड के साथ स्टैक ओवरफ्लॉवर के लिए, मैं अपने विचार को आईपैड फोटो.एप पर केंद्रित करना चाहता हूं: जब आप & एल्बम पर ज़ूम करते हैं, तो फ़ोटो स्वयं को एक दृश्य में प्रस्तुत करती हैं जो विस्तार कर रही है। यह दृश्य पहली उंगली पर ऊपरी दाएं कोने के साथ केंद्रित है और दूसरी उंगली पर नीचे बाएं हाथ की उंगली है। मैंने इसे पैन पहचानकर्ता के साथ मिश्रित किया, लेकिन इस तरह उपयोगकर्ता को हमेशा चुटकी लगाना पड़ता है, और फिर समायोजित करने के लिए पैन करना पड़ता है।

यहाँ तो ग्राफिक विवरण, मैं अपने ऐप के एक वीडियो पोस्ट कर सकता है कि अगर स्पष्ट नहीं है कि कर रहे हैं (कोई रहस्य नहीं है, मैं आईपैड की Photos.app पुन: पेश करने की कोशिश कर रहा हूँ ...)

एक प्रारंभिक के लिए

तो उंगलियों की स्थिति, ज़ूमिंग शुरुआत:

यह अब के लिए वास्तविक "जूम" फ्रेम है। वर्ग बड़ा है, लेकिन स्थिति उंगलियों से नीचे है

यहाँ है मैं करना चाहते हैं क्या: एक ही आकार, लेकिन अलग origin.x और y:

(मेरे खराब फ़ोटोशॉप कौशल के बारे में खेद है ^^)

Answer 1

आप विधि handlingPinchGesture में निम्न कोड के माध्यम से दो उंगलियों के बीच मध्य की CGPoint मिल सकती है।

CGPoint point = [sender locationInView:self]; 

मेरा पूरा 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

Touches sample project पर एक नज़र डालें। विशेष रूप से इन तरीकों आप मदद कर सकता है:

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