心得感悟
跟着老师写这个Demo，通过这个Demo我真的学到很多，比如点亮线的方法。感觉编程也很像头脑风暴，因为一个Demo其实有很多种写法，了解到新思路新方法的时候就会特别开心。暑假的培训就告一段落了，离开学还有几天的假期，争取多敲几次，希望有一天我也能自己完完整整地写完它。
内容简概
- 一、整理思路
- 二、处理触摸事件
- 三、点亮触摸点
- 四、点亮线
- 五、保存密码
一、整理思路
在上一篇文章我们已经实现了将九个点、横、竖、斜线添加到界面中并隐藏。接下来我们希望我们能够与它产生互动，就是说当我们点击一个点时，它能够对我们的触摸作出反应，那么这个触摸事件是如何实现的呢？
二、处理触摸事件
在Android里，事件处理有两种方式，一种是监听，另一种是回调。这里我们采用回调处理事件。
这个Demo中，我们的触摸分为三种：
| 按下（Down） | 移动（Move） | 松手（Up） |
|---|
既然要判断，我们可以通过switch方法实现。写一个onTouchEvent方法，用来管理触摸事件。
@Override
public boolean onTouchEvent(MotionEvent event) {
// 获取事件的类型
int action = event.getAction();
// 判断是什么事件
switch (action){
case MotionEvent.ACTION_DOWN:
break;
case MotionEvent.ACTION_MOVE:
// 移动
break;
case MotionEvent.ACTION_UP:
// 离开
break;
default:
break;
}
return true;
}
触摸的基本框架搭建好了，那接下来就该完成不同的触摸对应的事件。
| 触摸 | 事件 |
|---|---|
| 按下（Down） | 触摸点被点亮 |
| 移动（Move） | 点亮更多的点和线 |
| 松手（Up） | 隐藏所有被点亮图标 |
三、点亮触摸点
想要点亮触摸点，这就需要用到一点数学知识了。只要我们计算出点的图标的大小范围，再判断我们的触摸点是否在这个点的图标的范围内。
但我们在添加图标（上一篇文章）时，已经计算过每个点的位置了，故可以直接用一个数组dotsList直接保存每个点，再用一个数组保存触摸点，如果二者一致，则该点被点亮。
因为手机会自动在顶部添加一个状态栏，导致触摸的系统坐标和我们的界面坐标不一致，从而导致出现偏移。这时更换系统默认的坐标系，将新的坐标系建立在我们的界面上。
// 写一个方法 处理判断触摸点是否在某个控件内部
public ImageView dotOfTouch(float x ,float y ) {
// 遍历数组
for (ImageView dot:dotsList){
// 获取这个dot相对于屏幕的XY（建立新的坐标系）
int[] loc = new int[2];
dot.getLocationOnScreen(loc);
int dx = loc[0];
int dy = loc[1];
// 获取右边的偏移量
int r = dx + dot.getWidth();
// 获取最底部的偏移量
int b = dy + dot.getHeight();
// 判断这个点是否在这个范围内
if ((x <= r && x >= dx) && (y <= b && y >= dy)){
return dot;
}
}
return null;
}
四、点亮线
如果点亮线也使用判断触摸范围的方法，那就太复杂太麻烦了，那有什么更好的办法吗？我们其实可以借鉴一下密码解锁，图案解锁也是九个按键，我们可以给每个点赋值，连接两点的线赋值为两点值的拼接。
滑动的起始点不同，故每根线有两个值。我们同样用一个数组来保存所有线的值，再与保存的触摸点的数组对比，如果里面有该线的值，则该线被点亮。
五、保存密码
之前我们已经学过如何用文件保存密码，这次我们用SharedPreferences方法来保存。（但实际其根本也是通过文件保存）
这里有一篇文件介绍得很仔细，想了解该方法的朋友可以点击查看：
| SharedPreferences详解 |
|---|
结语
源代码以及最终效果图我放在下一篇文章中，欢迎前去查看。
