最近开始学习IOS的开发,师兄给我提出一个需求:实现一个可拖动的转盘。师兄提示我说利用touch event和UIView animation。经过一两天的折腾边学边做,算是实现了基本功能。这里写写加深自己的印象。

  要求是这样的:在屏幕上显示一个圆盘,如果没有干扰的时候匀速转动,当手指触碰屏幕的时候转盘要跟随手指的运动而转动。我的思路是这样的:用一个NSTimer来控制转盘(UIImageView),每隔一段时间调用一个转动的动画(每次转动一个小角度),这样就可以达到匀速转动的效果。动画用UIView animation 来实现,在animation里面通过设置Trasform属性来转动。

  匀速转动的问题解决了,接下来就要解决响应手势的问题。google了一下发现了GestureRecognizer类,于是开始采用TapGestureRecognizer,SwipeGestureRecognizer,和PanGestureRecognizer来响应手指的运动。Tap对应点击,Swipe对应在屏幕上的滑动,pan则对应拖动的动作。我在imageView上面添加了这几个GestureRecognizer,然后为每一个Recognizer编写对应的处理事件。然后我遇到了几个问题,一个是事件无法按照我的预期去响应,尤其是拖动,根本一塌糊涂。还有一个就是,我对于如何使用PanGestureRecognizer没有思路。后来问问师兄,师兄提醒说试试UIView 的touch event,所以我就开始了新的摸索。

  看了一下资料以后发现其实用touch event处理更简洁,使用touch event要覆盖UIView的四个方法:

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

手指刚刚触摸屏幕的时候触发的事件

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

手指在屏幕上移动是会不断触发这个事件

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

手指离开后触发的事件

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

触摸正常结束前,某个系统事件(例如有电话打进来)打断了触摸过程

  在这是时间里面都有一个对象NSSet,这个set里面包含了一组UITouch对象至少一个,而每一个就对应这个一个手指的状态,也就是说touch event是可以同时记录多个手指触摸的状态的。UITouch 里面记录了当前屏幕被触摸的位置,有了这个就可以实现之前说到的拖动功能了。

  大体思路是这样的,当touch开始时会触发touchesBegan事件,在这里面我记录下开始的位置startPoint,然后手指移动以后会触发touchesMoved事件,在这个事件里面得到当前位置endPoint,这样的话就得到了两个点再加上view的中心center就有了三个点,三个点构成的两条直线line1(startPoint,center) line2(endPoint,center),求出两条直线的夹角就可以知道需要转动的角度了。得出角度以后再用两条直线的到角确定转到的方向(顺时针,逆时针)。每一次转动后startPoint=endPoint继续move,直到touchesEnded就是最后的位置了。难点主要是数值计算,比较麻烦,要注意斜率不存在的情况。还有一个要注意的就是精度问题,当startPoint和endPoint相差很小的时候我是不处理的,设定一个伐值,当两点之间的距离大于一定值时才进行转动。避免了float由于数值太小导致的精度丢失,以及不必要的微小运动。

  IOS学习笔记,欢迎指正错误。XCode项目代码:http://pan.baidu.com/share/link?shareid=2625688121&uk=4245725234

IOS touch event animation 转动的风车的更多相关文章

  1. Html5 touch event

    HTML5 for the Mobile Web: Touch Events POSTED BY RUADHAN - 15 AUG 2013 See also... Touch-friendly Dr ...

  2. Touch Event

    转自:      http://hi.baidu.com/masaiui/item/971775e8b316238bc10d754b 参考: http://hedgehogking.com/?p=55 ...

  3. MonkeyRunner 连续两次点击报“Error sending touch event”

    最近用monkeyrunner做自动化测试,遇到连续两次点击,第二次点击就会报错“Error sending touch event”. 具体做法如下: device.touch(234,112, ' ...

  4. iOS Touch ID 身份认证

    iOS Touch ID 身份认证 iOS 8 及以后录了指纹的设备可以使用 touch ID 进行身份认证,指纹符合录入的指纹才能认证成功. 步骤 导入 LocalAuthentication 框架 ...

  5. taro 小程序 & touch event 转换 bug

    taro 小程序 & touch event 转换 bug before after 事件处理 https://nervjs.github.io/taro/docs/event.html#do ...

  6. iOS touch事件单击双击区分响应

    如果您的 iPhone 应用里有个 view,既有单击操作又有双击操作.用户双击 view 时,总是先执行一遍单击的操作再执行双击的操作.所以直接判断时就会发现不能直接进入双击操作.下面是区分 tou ...

  7. (转)iOS动画Core Animation

    文章转载:http://blog.sina.com.cn/s/blog_7b9d64af0101b8nh.html 在iOS中动画实现技术主要是:Core Animation. Core Animat ...

  8. iOS UIKit:animation

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css); @import url(/ ...

  9. iOS --- Touch ID指纹解锁

    https://www.cnblogs.com/ljmaque/p/TouchID.html 最近在项目中刚好用到了TouchId指纹解锁功能,之前也没有接触过,立马百度看看究竟是要如何使用,发现其实 ...

随机推荐

  1. Asp.net MVC + EF + Spring.Net 项目实践(二)

    这一篇主要介绍数据库和entity framework集成 1. 先创建数据库,很简单的几张表,但也涉及了一些主外键关系.联合主键等,关系图如下(DB脚本在最后) 2. 打开VS,现在建立Model实 ...

  2. Android ProgressBar 反向进度条/进度条从右到左走

    近期的项目,有个需求须要使用条状图显示比例,而且右对齐,见下图: 我想到了使用进度条,这样不就不须要在代码动态绘制条状了,省了非常多活. 那么进度条如何从右向左显示呢? 方案一: 将ProgressB ...

  3. POI导出大量数据的简单解决方案(附源码)-Java-POI导出大量数据,导出Excel文件,压缩ZIP(转载自iteye.com)

    说明:我的电脑 2.0CPU 2G内存 能够十秒钟导出 20W 条数据 ,12.8M的excel内容压缩后2.68M 我们知道在POI导出Excel时,数据量大了,很容易导致内存溢出.由于Excel ...

  4. CSS3制作日历

    目标是制作如下面DEMO显示的一个日历效果: HTML Markup 先来看看其结构: <div class="calendar"> <span class=&q ...

  5. jQuery 表格

    jQuery 表格插件汇总     本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分 ...

  6. 快速构建Windows 8风格应用7-页面视图概览

    原文:快速构建Windows 8风格应用7-页面视图概览 本篇博文主要介绍Windows 8风格应用中包含哪些视图.Visual Studio 2012和模拟器中如何开发和调试不同的页面视图.页面视图 ...

  7. HDU 5185 Equation (DP)

    题目:LINK 题意:求满足题目要求的x序列的种类数. 能够发现符合条件的序列去重后是一个0, 1, ..., k的连续序列(k满足k*(k+1)/2 <= n) ,则这个去重后的序列长度最长为 ...

  8. js 图片点击放大功能

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. AMDBarUtility Update Ditection Page

    Current version is : #################### #060901# #################### DO NOT REPLY!!!

  10. C# 语言的两个html解析器

    基于C# 语言的两个html解析器   基于C# 语言的两个html解析器 1)Html Agility Pack http://nsoup.codeplex.com/ 代码段示例: HtmlDocu ...