文档章节

手势解锁demo实现的基本思路

如若初见
 如若初见
发布于 2016/05/07 23:25
字数 799
阅读 81
收藏 3

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

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 下的背景图片

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

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

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

- 设置这个按钮的 selected状态(YES;

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

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

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















© 著作权归作者所有

如若初见
粉丝 20
博文 30
码字总数 22876
作品 0
私信 提问
TakWolf/Android-Lock9View

Android Lock9View An Android grid lock screen view with a callback interface. ScreenShot Demo Usage Gradle implementation 'com.takwolf.android:lock9view:0.1.1' Layout example 1......

TakWolf
2014/12/13
0
0
iOS 嵌套UIScrollview的滑动冲突另一种解决方案

这篇文章主要是看了卓同学的嵌套UIScrollview的滑动冲突解决方案之后,我想换一种方式来实现,其实基本思想是一样的。 先说说整体结构: 一个上面有一个和,上面有三个,基本就是微博个人主页...

军_andy
2017/05/08
0
0
项目需求讨论- 手机锁屏及APP退到后台后自动锁定功能

大家好,又到了新一期的项目需求讨论,很多APP都有安全的意识,比如一些银行的APP,你登录后,看一些东西,然后这时候锁屏了。或者是按了Home键退到了后台,这时候,再启动这个App,可能就会...

青蛙要fly
2017/07/28
0
0
这交互炸了(四) :一分钟让你拥有微信拖拽透明返回PhotoView

本文已授权微信公众号:鸿洋(hongyangAndroid)原创首发 《交互炸了》或许是一系列高端特效教程, 文中会介绍一些比较炫酷的特效,以及实现的思路。特效实现本身也许不会有太大的难度。难点在...

wingichoy
2016/12/24
0
0
iOS解决方案:多个scrollview联动

前言 在移动应用实际开发过程中,往往会有多个scrollview嵌套的界面需求,这种需求已经司空见惯,解决方案也多种多样,这里就介绍一下我认为最优的解决方案。 效果图: Untitled.gif 结构解读...

indulge_in
2017/05/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部