心得感悟

跟着老师写这个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详解

 

---

结语

源代码以及最终效果图我放在下一篇文章中，欢迎前去查看。