iOS 通过UIPanGestureRecognizer实现控件悬浮拖拽

最新推荐文章于 2021-02-06 20:53:21 发布

原创最新推荐文章于 2021-02-06 20:53:21 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

iOS 专栏收录该内容

187 篇文章

订阅专栏

本文介绍如何使用UIPanGestureRecognizer为iOS控件添加拖拽手势，实现控件在屏幕内自由拖动但不超出边界的功能。

对控件添加拖拽手势

UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)];
[imageView addGestureRecognizer:pan];        //给图片控件添加手势

实现拖拽方法：


- (void)handlePan:(UIPanGestureRecognizer *)sender {
    CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
    CGFloat screenHeight = [UIScreen mainScreen].bounds.size.height;
    //返回在横坐标上、纵坐标上拖动了多少像素
    CGPoint point = [sender translationInView:self.view];
    NSLog(@"%f,%f",point.x,point.y);
    
    CGFloat centerX = sender.view.center.x+point.x;
    CGFloat centerY = sender.view.center.y+point.y;
    CGSize viewSize = sender.view.frame.size;
    
    // top
    if (centerY - viewSize.height/2 < 0) {
        centerY = viewSize.height/2;
    }
    // bottom
    if (centerY + viewSize.height/2 > screenHeight) {
        centerY = screenHeight - viewSize.height/2;
    }
    // left
    if (centerX - viewSize.width/2 < 0){
        centerX = viewSize.width/2;
    }
    // right
    if (centerX + viewSize.width/2 > screenWidth){
        centerX = screenWidth - viewSize.width/2;
    }
    sender.view.center = CGPointMake(centerX, centerY);
    //拖动完之后，每次都要用setTranslation:方法置0这样才不至于不受控制般滑动出视图
    [sender setTranslation:CGPointMake(0, 0) inView:self.view];
}

实现控件在屏幕内部拖拽且不脱离屏幕边界。