iOS实现UIButton的拖拽功能

 更新时间:2022年08月05日 14:43:05   作者:XXJcanbethebest  
这篇文章主要为大家详细介绍了iOS实现UIButton的拖拽功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现UIButton拖拽功能的具体代码,供大家参考,具体内容如下

在APP界面中,把资讯等功能设置为悬浮的Button并且能够让用户自己拖拽调整位置很常用。这里实现一下上述的功能,我们先看一下效果图

这里给UIButton的拖拽的范围进行了设定,超过了这个区域则强行结束拖拽。

我们知道UIButton是自带手势事件的,但我们不选择使其自带的手势事件来响应拖拽,其原因为自带的手势不好得到和控制拖拽的状态。我们创建一个 UIPanGestureRecognizer 添加给UIButton

- (void)viewDidLoad {
    [super viewDidLoad];
    Width=[UIScreen mainScreen].bounds.size.width;
    Height=[UIScreen mainScreen].bounds.size.height;
    
    UIButton *btn=[[UIButton alloc]initWithFrame:CGRectMake(10, 200, 60, 60)];
    btn.backgroundColor=[UIColor blueColor];
    [btn setTitle:@"B" forState:UIControlStateNormal];
    //UIPanGestureRecognizer手势
    UIPanGestureRecognizer *pan=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(movingBtn:)];
    [btn addGestureRecognizer:pan];
    
    [self.view addSubview:btn];
    
}

然后我们实现 movingBtn

-(void)movingBtn:(UIPanGestureRecognizer *)recognizer{
    //得到拖拽的UIButton
    UIButton *button = (UIButton *)recognizer.view;
    //得到拖拽的偏移量
    CGPoint translation = [recognizer translationInView:button];
    
    //对拖拽事件的状态进行判断 也就是选择自定义手势的原因
    if(recognizer.state == UIGestureRecognizerStateBegan){
        
    }else if(recognizer.state == UIGestureRecognizerStateChanged){
        //实时设置button的center、recognizer
        button.center = CGPointMake(button.center.x + translation.x, button.center.y + translation.y);
        [recognizer setTranslation:CGPointZero inView:button];
 
        //对button的位置进行判断,超出范围则强行使拖拽事件结束
        //这个范围可以自己自定义
        if(button.center.x <= 40 || button.center.x>=Width-40 || button.center.y <=100 || button.center.y >=Height-100){
            [recognizer setState:UIGestureRecognizerStateEnded];
        }
        
    }else if(recognizer.state == UIGestureRecognizerStateEnded){
        //得到结束时button的center
        //根据center 判断应该的X和Y
        CGFloat newX=button.center.x;
        if(button.center.x <=Width/2) newX=40;
        else if(button.center.x >=Width/2) newX=Width-40;
        
        CGFloat newY=button.center.y;
        if(button.center.y <=100) newY=100;
        else if(button.center.y >=Height-100) newY=Height-100;
        
        button.center = CGPointMake(newX, newY);
        [recognizer setTranslation:CGPointZero inView:button];
    }
}

至此 我们就实现了可拖拽的UIButton

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 快速上手IOS UIBezierPath(贝塞尔曲线)

    快速上手IOS UIBezierPath(贝塞尔曲线)

    本文主要介绍了IOS 贝塞尔曲线(UIBezierPath)的基础知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • IOS 通讯录的访问和修改的实现

    IOS 通讯录的访问和修改的实现

    这篇文章主要介绍了IOS 通讯录的访问和修改的实现的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS仿微信摇一摇动画效果加震动音效实例

    iOS仿微信摇一摇动画效果加震动音效实例

    这篇文章主要介绍了iOS仿微信摇一摇动画效果加震动音效实例,详细介绍了微信摇一摇功能的实现原理,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • iOS实现多控制器切换效果

    iOS实现多控制器切换效果

    这篇文章主要为大家详细介绍了iOS实现多控制器切换效果,带滑动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • iOS和JS交互教程之WKWebView-协议拦截详解

    iOS和JS交互教程之WKWebView-协议拦截详解

    这篇文章主要给大家介绍了关于iOS和JS交互教程之WKWebView-协议拦截的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • iOS实现简单分栏效果

    iOS实现简单分栏效果

    这篇文章主要为大家详细介绍了iOS实现简单分栏效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • iOS实现类似格瓦拉电影的转场动画

    iOS实现类似格瓦拉电影的转场动画

    这篇文章主要给大家介绍了利用iOS如何实现类似格瓦拉电影的转场动画,文中给出了详细步骤实现代码,对大家的学习和理解很有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-11-11
  • iOS计算上次日期距离现在多久的代码

    iOS计算上次日期距离现在多久的代码

    这篇文章主要为大家详细介绍了iOS计算上次日期距离现在多久的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • IOS 七种手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)详解及实例代码

    IOS 七种手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)详解及实例代码

    这篇文章主要介绍了IOS 七种手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)详解及实例代码的相关资料,需要的朋友可以参考下
    2016-12-12
  • 关于iOS 11下app图标变空白问题的解决方法

    关于iOS 11下app图标变空白问题的解决方法

    升级到iOS11系统下自己的项目桌面app图标不见了,通过查找相关的资料终于找到了解决方法,下面这篇文章主要给大家介绍了关于iOS 11下app图标变空白问题的解决方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-12-12

最新评论