CODEWITHSUNDEEP
iphoneobjective-ciosuiview
Jack Greenhill
Jack Greenhill

Reputation: 10460

Move UIView with relation to touch

i'm trying to move a UIView with relation to the user's touches.

Here's what I have at the moment:

int oldX, oldY;
BOOL dragging;

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

    UITouch *touch = [[event allTouches] anyObject];
    CGPoint touchLocation = [touch locationInView:self.view];

    if (CGRectContainsPoint(window.frame, touchLocation)) {
        dragging = YES;
        oldX = touchLocation.x;
        oldY = touchLocation.y;
    }

}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [[event allTouches] anyObject];
    CGPoint touchLocation = [touch locationInView:self.view];

    if (CGRectContainsPoint(window.frame, touchLocation) && dragging) {
        CGRect frame;
        frame.origin.x = (window.frame.origin.x + touchLocation.x - oldX);
        frame.origin.y = (window.frame.origin.y + touchLocation.y - oldY);
        window.frame = frame;

    }

}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    dragging = NO;
}

The view keeps flickering from one location to another, and I don't know what else to do.

Any help appreciated.

Upvotes: 17

Views: 24898

Answers (5)

Bosoud
Bosoud

Reputation: 158

@PeyLoW answer is the answer I suggest and add limit to parent boundaries 

-(void)handlePan:(UIPanGestureRecognizer*)pgr;
{
    if (pgr.state == UIGestureRecognizerStateChanged) {
        CGPoint center = pgr.view.center;
        CGPoint translation = [pgr translationInView:pgr.view];
        center = CGPointMake(center.x + translation.x,
                             center.y + translation.y);

        if ([self pointInside:center withEvent:nil])
        {
            pgr.view.center = center;
            [pgr setTranslation:CGPointZero inView:pgr.view];
        }
    }
}

Upvotes: 0

Avneesh Agrawal
Avneesh Agrawal

Reputation: 944

//Above answer in Swift 4.0

var dragging: Bool = false

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {

    let touch = event?.allTouches?.first
    let touchPoint = touch?.location(in: self.window)

    i
    if viewToDrag.frame.contains(touchPoint!){
        dragging = true
    }

}

override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
    let touch = event?.allTouches?.first
    let touchPoint = touch?.location(in: self.window)

    if (dragging) {

        viewToDrag.center = CGPoint(x: (touchPoint?.x)!, y: (touchPoint?.y)!)

    }

}

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    dragging = false
}

Upvotes: 1

user3069232
user3069232

Reputation: 8995

Here is code in Swift, a slightly more generalist version that works with an ImageView that has been created on the screen.

let panGestureRecongnizer = UIPanGestureRecognizer(target:self, action: "handlepan:")
imageView.addGestureRecognizer(panGestureRecongnizer)

func handlepan(sender: UIPanGestureRecognizer) {
    if (sender.state == UIGestureRecognizerState.Changed) {
        var center = sender.view?.center
        let translation = sender.translationInView(sender.view)
        center = CGPointMake(center!.x + translation.x, center!.y + translation.y)
        sender.view?.center = center!
        sender .setTranslation(CGPointZero, inView: sender.view)
    }
}

Upvotes: 4

EmptyStack
EmptyStack

Reputation: 51374

Modify the touchesBegan and touchesMoved methods to be like the following.

float oldX, oldY;
BOOL dragging;

The touchesBegan:withEvent: method.

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

    UITouch *touch = [[event allTouches] anyObject];
    CGPoint touchLocation = [touch locationInView:self.view];

    if (CGRectContainsPoint(window.frame, touchLocation)) {

        dragging = YES;
        oldX = touchLocation.x;
        oldY = touchLocation.y;
    }
}

The touchesMoved:withEvent: method.

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {

    UITouch *touch = [[event allTouches] anyObject];
    CGPoint touchLocation = [touch locationInView:self.view];

    if (dragging) {

        CGRect frame = window.frame;
        frame.origin.x = window.frame.origin.x + touchLocation.x - oldX;
        frame.origin.y =  window.frame.origin.y + touchLocation.y - oldY;
        window.frame = frame;
    }
}

The touchesEnded:withEvent: method.

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {

    dragging = NO;
}

Upvotes: 15

PeyloW
PeyloW

Reputation: 36752

What you want is to use a UIPanGestureRecognizer, introduced in iOS 3.2. You use it with something as easy as this (from your UIViewController subclass):

-(void)viewDidLoad;
{
   [super viewDidLoad];
   UIPanGestureRecognizer* pgr = [[UIPanGestureRecognizer alloc] 
                                       initWithTarget:self
                                               action:@selector(handlePan:)];
   [self.panningView addGestureRecognizer:pgr];
   [pgr release];
}

-(void)handlePan:(UIPanGestureRecognizer*)pgr;
{
   if (pgr.state == UIGestureRecognizerStateChanged) {
      CGPoint center = pgr.view.center;
      CGPoint translation = [pgr translationInView:pgr.view];
      center = CGPointMake(center.x + translation.x, 
                           center.y + translation.y);
      pgr.view.center = center;
      [pgr setTranslation:CGPointZero inView:pgr.view];
   }
}

Upvotes: 66

Related Questions