iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >iOS实现拖拽View跟随手指浮动效果
  • 474
分享到

iOS实现拖拽View跟随手指浮动效果

iOS拖拽浮动 2022-05-31 20:05:18 474人浏览 八月长安
摘要

本文实例为大家分享了iOS实现拖拽View跟随手指浮动的具体代码,供大家参考,具体内容如下 效果图: 自定义要跟随手指浮动的那个View // // OrangeView.m

本文实例为大家分享了iOS实现拖拽View跟随手指浮动的具体代码,供大家参考,具体内容如下

效果图:

自定义要跟随手指浮动的那个View


//
// OrangeView.m
// 拖拽View跟随手指浮动
//
// Created by llkj on 2017/8/16.
// Copyright © 2017年 LayneCheung. All rights reserved.
//

#import "OrangeView.h"

@implementation OrangeView

//当开始触摸屏幕的时候调用
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

 NSLog(@"%s", __func__);
}

//触摸时开始移动时调用(移动时会持续调用)
//NSSet:无序
//NSArray:有序
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

 NSLog(@"%s", __func__);

 UITouch *touch = [touches anyObject];

 //求偏移量 = 手指当前点的X - 手指上一个点的X
 CGPoint currentPoint = [touch locationInView:self];
 CGPoint prePoint = [touch previousLocationInView:self];

 NSLog(@"ccurrentPoint = %@", NSStringFromCGPoint(currentPoint));
 NSLog(@"prePiont = %@", NSStringFromCGPoint(prePoint));

 CGFloat offSetX = currentPoint.x - prePoint.x;
 CGFloat offSetY = currentPoint.y - prePoint.y;

 //平移
 self.transfORM = CGAffineTransformTranslate(self.transform, offSetX, offSetY);
}

//当手指离开屏幕时调用
-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

 NSLog(@"%s", __func__);
}

//当发生系统事件时就会调用该方法(电话打入,自动关机)
- (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

 NSLog(@"%s", __func__);
}
@end

创建自定义的View

在storyboard中拖一个View绑定他的类为OrangeView; 或者代码创建手动添加到控制器的View上去;

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

--结束END--

本文标题: iOS实现拖拽View跟随手指浮动效果

本文链接: https://www.lsjlt.com/news/30393.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android如何实现自定义View圆形和拖动圆、跟随手指拖动效果
    小编给大家分享一下Android如何实现自定义View圆形和拖动圆、跟随手指拖动效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!单纯的自定义一个圆非常简单 只需要几步就完成 拖动圆添加实现触摸事件即可我在第一次自定义Vi...
    99+
    2023-05-30
    android view
  • Android如何实现自定义View圆形和拖动圆跟随手指拖动
    这篇文章主要介绍Android如何实现自定义View圆形和拖动圆跟随手指拖动,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!单纯的自定义一个圆非常简单 只需要几步就完成 拖动圆添加实现触摸事件即可 我在第一次自定义Vi...
    99+
    2023-05-30
    android view
  • javascript实现悬浮跟随框缓动效果
    悬浮跟随框是我们在网页中经常见到的效果,我们还是使用上一实例中的运动框架去实现。 1、定义一个运动函数,当触发时调用,并且传递一个目标位置作为参数2、运动函数内部,调用定时函数,在定...
    99+
    2024-04-02
  • javascript怎么实现悬浮跟随框缓动效果
    今天小编给大家分享一下javascript怎么实现悬浮跟随框缓动效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。定义一个运...
    99+
    2023-06-29
  • jQuery实现移动端悬浮拖动效果
    模拟手机端悬浮按钮功能,自动吸附两边,并且不能超过活动区域,上下超过自动吸附上或下 因为是移动端端事件,需要调试到移动端才可以看效果 以下是代码 <!DOCTYPE ht...
    99+
    2024-04-02
  • JS实现模态框拖拽动态效果
    本文实例为大家分享了JS实现模态框拖拽的具体代码,供大家参考,具体内容如下 在实现这个案例效果首先我们了解几个属性,offsetLeft.offsetTop,e.pageX,e.pa...
    99+
    2024-04-02
  • 手把手教你用js实现一个拖拽效果
    .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:15px;overflow-x:hidden;color:#333}.markd...
    99+
    2023-05-14
    拖拽 javascript
  • JS如何实现模态框拖拽动态效果
    本篇内容主要讲解“JS如何实现模态框拖拽动态效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS如何实现模态框拖拽动态效果”吧!在实现这个案例效果首先我们了解几个属性,offsetLeft.o...
    99+
    2023-07-02
  • Android自定义View实现拖动自动吸边效果
    本文实例为大家分享了Android自定义View实现拖动自动吸边的具体代码,供大家参考,具体内容如下 自定义View,一是为了满足设计需求,二是开发者进阶的标志之一。随心所欲就是我等...
    99+
    2024-04-02
  • js如何实现鼠标跟随运动效果
    这篇文章主要介绍了js如何实现鼠标跟随运动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下1、使用命令创建基本结构ul.cur...
    99+
    2024-04-02
  • Android view如何实现滑动悬浮固定效果
    这篇文章主要介绍了Android view如何实现滑动悬浮固定效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1.背景在项目开发过程中,有时候会碰到这样的需求:在滑动的过程...
    99+
    2023-05-30
    android
  • vue如何实现滚动tab跟随切换效果
    这篇文章给大家分享的是有关vue如何实现滚动tab跟随切换效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。分享一个我前几天做的移动端 tab滚动跟随的例子随着滚动条的滚动,ta...
    99+
    2024-04-02
  • Android中怎么实现view随触碰滑动效果
    Android中怎么实现view随触碰滑动效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。布局文件里面就是一个Relativelayout中有一个ImageView。如下...
    99+
    2023-05-30
    android view
  • 怎么用vue实现滚动tab跟随切换效果
    这篇文章主要介绍“怎么用vue实现滚动tab跟随切换效果”,在日常操作中,相信很多人在怎么用vue实现滚动tab跟随切换效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用vue实现滚动tab跟随切换效果...
    99+
    2023-07-04
  • Android跟随手指移动的控件demo怎么实现
    本篇内容主要讲解“Android跟随手指移动的控件demo怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android跟随手指移动的控件demo怎么实现”吧!使用自定义View组件实现d...
    99+
    2023-06-22
  • typescript+react实现移动端和PC端简单拖拽效果
    本文实例为大家分享了typescript+react实现移动端和PC端简单拖拽效果的具体代码,供大家参考,具体内容如下 一、移动端 1.tsx代码 import { Compon...
    99+
    2024-04-02
  • Android如何实现自定义view圆并随手指移动
    这篇文章主要介绍了Android如何实现自定义view圆并随手指移动,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下main代码public class&...
    99+
    2023-05-30
    android view
  • vue移动端实现手指滑动效果
    本文实例为大家分享了vue移动端实现手指滑动效果的具体代码,供大家参考,具体内容如下 滑动时候黄色块宽度跟着变化 通过touch点击实现 目前感觉宽度变化有点问题,还在思考中 下...
    99+
    2024-04-02
  • html5中怎么利用canvas实现跟随光标跳动火焰效果
    这篇文章给大家介绍html5中怎么利用canvas实现跟随光标跳动火焰效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。<!DOCTYPE HTML><head>...
    99+
    2024-04-02
  • HTML5中canvas如何实现移动端上传头像拖拽裁剪效果
    这篇文章将为大家详细讲解有关HTML5中canvas如何实现移动端上传头像拖拽裁剪效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 html部分: <!DOC...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作