Déplacement de UIView dans Parent UIView (UIPanGestureRecognizer)

J'utilise le code suivant pour déplacer une UIImageView qui est présent à l'intérieur d'une UIView.

- (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer {

CGPoint translation = [recognizer translationInView:self.view];
recognizer.view.center = CGPointMake(recognizer.view.center.x + translation.x,
                                     recognizer.view.center.y + translation.y);
[recognizer setTranslation:CGPointMake(0, 0) inView:self.view];

}

Je voudrais faire en sorte que les UIView ne se déplace pas en dehors de la vue parent. À la minute où l'affichage de l'image est capable de se déplacer à travers la totalité de l'écran.

source d'informationauteur ORStudios

  1. 11

    D'abord que le nouveau cadre de votre UIImageView et vérifier si elle est complètement à l'intérieur de son superView à l'aide de CGRectContainsRect() méthode. Si oui, puis définissez UImageView's cadre d'un nouveau cadre.

    - (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer {
CGPoint translation = [recognizer translationInView:self.view];
CGRect recognizerFrame = recognizer.view.frame;
recognizerFrame.origin.x += translation.x;
recognizerFrame.origin.y += translation.y; 
//Check if UIImageView is completely inside its superView
if (CGRectContainsRect(self.view.bounds, recognizerFrame)) {
recognizer.view.frame = recognizerFrame;
}
//Else check if UIImageView is vertically and/or horizontally outside of its
//superView. If yes, then set UImageView's frame accordingly.
//This is required so that when user pans rapidly then it provides smooth translation.
else {
//Check vertically
if (recognizerFrame.origin.y < self.view.bounds.origin.y) {
recognizerFrame.origin.y = 0;
}        
else if (recognizerFrame.origin.y + recognizerFrame.size.height > self.view.bounds.size.height) {
recognizerFrame.origin.y = self.view.bounds.size.height - recognizerFrame.size.height;
}
//Check horizantally
if (recognizerFrame.origin.x < self.view.bounds.origin.x) {
recognizerFrame.origin.x = 0;
}
else if (recognizerFrame.origin.x + recognizerFrame.size.width > self.view.bounds.size.width) {
recognizerFrame.origin.x = self.view.bounds.size.width - recognizerFrame.size.width;
}
}
//Reset translation so that on next pan recognition
//we get correct translation value
[recognizer setTranslation:CGPointMake(0, 0) inView:self.view];
}

    Assurez-vous que vous passez bounds de superView et frame de UIImageView de sorte que les deux CGRects sont dans le même système de coordonnées.

  2. 8

    Essayer avec:

    - (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer 
{
if (gesture.state==UIGestureRecognizerStateChanged || gesture.state == UIGestureRecognizerStateEnded){
UIView *superview = recognizer.view.superview;
CGSize superviewSize = superview.bounds.size;
CGSize thisSize = recognizer.view.size;
CGPoint translation = [recognizer translationInView:self.view];
CGPoint center = CGPointMake(recognizer.view.center.x + translation.x,
recognizer.view.center.y + translation.y);
CGPoint resetTranslation = CGPointMake(translation.x, translation.y);
if(center.x - thisSize.width/2 < 0)
center.x = thisSize.width/2;
else if (center.x + thisSize.width/2 > superviewSize.width)
center.x = superviewSize.width-thisSize.width/2;
else
resetTranslation.x = 0; //Only reset the horizontal translation if the view *did* translate horizontally
if(center.y - thisSize.height/2 < 0)
center.y = thisSize.height/2;
else if(center.y + thisSize.height/2 > superviewSize.height)
center.y = superviewSize.height-thisSize.height/2;
else
resetTranslation.y = 0; //Only reset the vertical translation if the view *did* translate vertically
recognizer.view.center = center;
[recognizer setTranslation:CGPointMake(0, 0) inView:self.view];
}
}

    De cette façon, il ne pourra jamais se déplacer à l'extérieur de la vue parente de limites et il vient de "coller" à la pointe si vous essayez de le sortir des limites!

  3. 1

    Vous devez définir la recognizer.view.center à une nouvelle valeur que si ses frame est à l'intérieur de la bounds de la vue parente. Utilisation CGRectContainsRect sur recognizer.view.superview.bounds et recognizer.view.frame pour vérifier qu'ils sont contenus.

    Si vous souhaitez autoriser l'affichage de l'image à déplacer en dehors de sa vue parent jusqu'à ce que le point central de la vue à l'extérieur de la mère de limites, vous pouvez utiliser le convertPoint:toView méthode de UIView et vérifiez que la nouvelle CGPoint n'est pas à l'extérieur de votre parent limites.

  4. 0
    if (gesture.state==UIGestureRecognizerStateChanged){
CGPoint translation = [recognizer translationInView:self.view];
CGRect rectToCheck=CGRectMake(yourView.frame.origin.x+translation.x,       yourView.frame.origin.y+translation.y, CGRectGetWidth(yourView.frame),     CGRectGetHeight(yourView.frame));
if(CGRectContainsRect(self.view.bounds,rectToCheck))//check that the rect that is   going to form lies within the bounds of self.view
{
yourView.frame=CGRectMake(yourView.frame.origin.x+translation.x,  yourView.frame.origin.y+translation.y, CGRectGetWidth(yourView.frame),  CGRectGetHeight(yourView.frame)); 
}
[gesture setTranslation:CGPointZero yourView]; //important to set this 
}

    P. S. Utilisez le geste de l'état du bloc d'initier, de casserole, retirer. c'est à dire UIGestureRecognizerStateBegan
    UIGestureRecognizerStateChanged
    UIGestureRecognizerStateEnded

  5. 0

    Swift version de micantox réponse

    let gesture = UIPanGestureRecognizer(target: self, action: #selector(self.wasDragged(gestureRecognizer:)))
imageView.addGestureRecognizer(gesture)
imageView.isUserInteractionEnabled = true
@objc func wasDragged(gestureRecognizer: UIPanGestureRecognizer) {
if gestureRecognizer.state == UIGestureRecognizerState.changed || gestureRecognizer.state == UIGestureRecognizerState.ended {
let superview = gestureRecognizer.view?.superview
let superviewSize = superview?.bounds.size
let thisSize = gestureRecognizer.view?.frame.size
let translation = gestureRecognizer.translation(in: self.view)
var center = CGPoint(x: gestureRecognizer.view!.center.x + translation.x, y: gestureRecognizer.view!.center.y + translation.y)
var resetTranslation = CGPoint(x: translation.x, y: translation.y)
if center.x - (thisSize?.width)!/2 < 0 {
center.x = (thisSize?.width)!/2
} else if center.x + (thisSize?.width)!/2 > (superviewSize?.width)! {
center.x = (superviewSize?.width)!-(thisSize?.width)!/2
} else {
resetTranslation.x = 0 //Only reset the horizontal translation if the view *did* translate horizontally
}
if center.y - (thisSize?.height)!/2 < 0 {
center.y = (thisSize?.height)!/2
} else if center.y + (thisSize?.height)!/2 > (superviewSize?.height)! {
center.y = (superviewSize?.height)!-(thisSize?.height)!/2
} else {
resetTranslation.y = 0 //Only reset the vertical translation if the view *did* translate vertically
}
gestureRecognizer.view?.center = center
gestureRecognizer.setTranslation(CGPoint(x: 0, y: 0), in: self.view)
} 
}