码迷,mamicode.com
首页 > 其他好文 > 详细

手势解锁的实现思路

时间:2015-09-14 19:22:03      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

------------- 基本思路 --------------

- 1. 搭建界面,九宫格算法

- 2. 处理按钮选中状态

- 3. 按钮之间画线

- 4. 手指和按钮之间画线

- 5. 判断解锁密码是否正确

------------- 基本思路 --------------

 

 

1. 拖拽图片素材

 

2. 设置控制器 view 的背景色为"HomeButtomBG"图片平铺后的效果

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"HomeButtomBG"]];

 

3. 在控制器中拖拽一个 UIView, 设置宽高都是300, 并设置约束(在父容器中水平、垂直居中对齐)

 

4. 自定义一个 view, 设置这个自定义 view 与界面上的 view 相关联

 

5. 在自定义 view 中添加一个 buttons 属性, 在懒加载中生成9 UIButton, 并且把这写 Button 都添加到 view 中。

- 创建每个 UIButton

- 设置每个 UIButton的默认情况下的背景图片、 selected 下的背景图片、disabled 下的背景图片

 

6. layoutSubviews 方法中根据九宫格的方式计算每个按钮的 frame

 

 

7. 实现触摸到某个按钮的时候, 让这个按钮的状态变成 selected

7.1 在自定义 view touchesBegan:方法中根据当前的触摸点, 判断是否触碰到了某个按钮

- 设置这个按钮的 selected状态

- 把这个按钮记录下来(添加到 selectedButtons 集合中)

 

7.2 在自定义 view touchesMoved:方法中根据当前的触摸点, 判断是否触碰到了某个按钮

- 设置这个按钮的 selected状态

- 把这个按钮记录下来(添加到 selectedButtons 集合中), 同时要判断这个按钮是否已经是 selected = YES, 避免重复添加。

- 同时记录下本次触摸的 point currentPoint属性中。

** 注意: 此处必须设置按钮禁止与用户交互(btn.userInteractionEnabled = NO;), 否者手指触摸到按钮上以后, 按钮会捕获这个触摸事件, 就不会触发 view touchesBegan:事件了。

 

 

8. drawRect:方法中绘制线条

- 判断如果 self.selectedButtons长度为0, 那么直接返回不需要绘制任何内容

- 如果 self.selectedButtons长度不为0:

1> 循环 self.selectedButtons集合中的每个按钮

2> 判断如果是第一个按钮那么移动到起点(起点为第一个按钮的 center point

3> 如果不是第一个按钮那么直接添加线段到这个按钮的 center point

4> 绘制完毕按钮以后, 最后再添加一条线段到 currentPoint

// 线条的颜色

#define SteveZLineColor [UIColor colorWithRed:0.0 green:170/255.0 blue:255/255.0 alpha:1.0]

 

/** 

 

 错误:

 <Error>: void CGPathAddLineToPoint(CGMutablePathRef, const CGAffineTransform *, CGFloat, CGFloat): no current point.

 

 原因:

 在第一次绘图的时候 path 对象中没有任何点

 

 解决:(判断如果没有需要绘制的按钮, 那么就直接返回)

 if (self.selectedButtons.count == 0) {

    return;

 }

 

 */

 

 

9. touchesEnded:方法中, 将所有按钮的 selected 状态设置为 NO, 清空 self.selectedButtons 集合, 重新绘制。

 

 

 

10. 为每个按钮添加一个 tag, 用来判断手势解锁是否正确

- 通过代理把解锁的密码传递给控制器, 在控制器中判断解锁是否正确, 如果正确代理方法返回 YES, 否则返回 NO

- 在定义 view , 根据代理方法返回的结果判断如果 YES, 那么直接执行第9

- 如果返回为 NO:

1> 先将 self.selectedButtons中的所有按钮selected状态设置为 NO, enabled 也设置为 NO

2> 在把线条颜色设置为红色

3> 执行重绘

4> 0.5秒钟之后, 在执行第9步。

 

 

11. 细节处理

- 透明问题

1> 如果是完全通过代码创建 UIView, 在绘图的时候, 如果指定了控件的透明(opaque = NOopaque 表示不透明, 那么在绘图时会有问题。

2> 如果希望是透明, 那么要把颜色指定为 clearColor, 而不是 opaque = NO

 

 

- NSNumber 的使用问题

在对整数进行字符串拼接的时候不要使用 int,NSInteger, 要使用NSNumber

/**

    避免出现下面代码:

    [strPassword appendFormat:@"%d", [self.selectedButtons[i] tag]];

    

    原因: 因为在 iPhone5s 以下都是32, iPhone5s 开始都成了64, 所以 NSInteger iPhone5s 以下模拟器为32, iPhone5s(含)以上都是64

 

    解决: (统一使用 NSNumber)

    [strPassword appendFormat:@"%@", @([self.selectedButtons[i] tag])];

 

 */

 

- NSInteger 的使用问题

1> 一般对象的属性、方法的参数可以使用使用 NSInteger (可以保证在不同平台上使用不同的整数(32位、64位))

2> 方法内的局部变量, 一般使用 int

3> 以上是苹果官方示例程序中的代码习惯

手势解锁的实现思路

标签:

原文地址:http://www.cnblogs.com/xhc1263478959/p/4807940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!