一、如何判断点击的是哪个方向键按钮

在上篇教程中我们实现了左边的三角形按钮效果,本篇教程我们将左、上、右、下四个三角形按钮都一起实现了。
能做出一个来,另外三个应该不难了吧?但实际并非怎么简单哦。
首先我们来解决一下上节课遗留的一个问题,如何判断当前手指点击的是哪个三角形按钮?


这个需要用解析几何大法来解决。
假设我们的控件是边长为1的正方形,建立平面直角坐标系(注意:计算机中坐标系原点在左上角哦),如下图:
photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训
正方形的对角线将控件分成了4个三角形区域,也就是我们的4个方向键按钮。

据上图可知:
左上角到右下角对角线的方程为y=x;
    y>x的区域包含左和下三角形
    y<x的区域包含右和上三角形

右上角到左下角的对角线方程为y=-x+1;
    y>1-x的区域包含右和下三角形
    y<1-x的区域包含左和上三角形

综上可得:
    y>x 且 y<1-x 表示左三角
    y<x 且 y<1-x 表示上三角
    y<x 且 y>1-x 表示右三角

网友评论