UIPinchGestureRecognizer position de la pincer entre deux doigts

J'ai mis en œuvre avec succès une pincée de zoom de la vue. Cependant, le point de vue ne prend pas en position de lui-même où j'ai souhaité qu'il soit. Pour le stackoverflowers avec un iPad, je voudrais que mon point de vue est centré comme sur les Photos iPad.application : lorsque vous pincez&zoom sur un album, les photos se présenter dans un point de vue qui est en pleine expansion. Ce point de vue est d'environ centré avec le coin en haut à droite sur le premier doigt et le bas à gauche doigt de la main sur l'autre doigt. J'ai mélangé avec un pan de reconnaissance, mais de cette façon, l'utilisateur a toujours pincer, et puis de pan pour régler.

Voici donc graphique explication, je pouvais poster une vidéo de mon application si c'est pas clair (pas de secret, je suis en train d'essayer de reproduire les Photos.application de l'iPad...)

Donc pour une position initiale des doigts, en commençant zoom :

UIPinchGestureRecognizer position de la pincer entre deux doigts

C'est le réel "zoomé" cadre " pour l'instant. Le carré est plus grand, mais la situation est sous les doigts

UIPinchGestureRecognizer position de la pincer entre deux doigts

Voici ce que je voudrais avoir : même taille, mais d'origine différente.x et y :

UIPinchGestureRecognizer position de la pincer entre deux doigts

(désolé pour mes pauvres compétences photoshop ^^)

  • BONJOUR Thomas, je suis également très intéressé à ce sujet. Avez-vous trouver des solutions à ce sujet? Avez-vous des échantillons de codes? merci~
  • Je n'ai pas eu le temps de revenir à cette question, mais @md_develop réponse ressemble beaucoup. Je vais essayer de trouver un peu de temps pour mettre à jour mon code et accepter la réponse si cela fonctionne
InformationsquelleAutor Thomas Joulin | 2011-02-09
  1. 42

    Vous pouvez obtenir le CGPoint du point milieu entre deux doigts via le code suivant dans la méthode handlingPinchGesture.

    CGPoint point = [sender locationInView:self];

    Toute ma handlePinchGesture méthode est ci-dessous.

    /*
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];
}
    • comment cela pourrait-il fonctionner lorsque [expéditeur locationInView:auto] revient toujours au même point, le point milieu entre les deux de vous coincer les doigts?
    • le milieu est changé après UIGestureRecognizerStateBegan parce que vous vous déplacez les doigts loin ou de plus près. locationInView:self retourne centre de gravité entre deux doigts. Cette partie ne de travail. Même après 1 heure, j'ai toujours ne peux pas obtenir que cela fonctionne dans mon application, où j'ai des tas de couches que j'ai besoin de bouger..
    • J'ai utilisé cette méthode et la vue est traduit correctement. Cependant, la façon dont il traduit n'est pas lisse comme sur la Photo app
    • si j'ajoute une couche appelée _myLayer , et remplacer self.layer dans votre code pour _myLayer, votre code ne pouvait pas fonctionner correctement. pourquoi et comment le résoudre? merci à l'avance.
    InformationsquelleAutor mishimay
  2. 11

    Ont un look à la Touche exemple de projet. Ces méthodes pourraient vous aider:

    //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];
    }
}
    • merci, mais en utilisant view.transform redimensionne mon sous-vues ainsi... Est-il un moyen d'empêcher ça?
    • #import <QuartzCore/QuartzCore.h> - je besoin de ce pour la anchorPoint
    InformationsquelleAutor Felix