前段时间为了参加比赛做了个android平台的单手握持使用的画板,队友UE大神同学从数位板当中获得灵感设计了圆形控制菜单。在实现的过程中,发现需要识别用户的顺时针和逆时针两种滑动的手势识别。发现网上关于这个功能的文章不多。现在把我得实现方法写出来与大家共勉。原理其实很简单,高中数学。
首先看一下设计图
其他的部分先无视,主要看最外圈的圆环。这是一个imageview。下文的事件响应都是针对这个imageview的。
Android系统的原生方法中并没有对顺时针和逆时针手势的识别方法。但是提供了对单点触摸落下、移动、抬起的响应。通过合理的处理这些事件返回的屏幕坐标等数据,能够基本完成对顺时针逆时针手势的识别。并且在识别了手势的基础上,获得滑动的角度,以便后续的处理。下图为本算法主要得处理流程。首先获取触摸点移动前后的坐标,接着分析滑动的方向,之后获取滑动的圆心角角度,最后根据要进行的操作对圆心角值进行处理。
滑动前后的坐标点获取是手势识别的第一步,坐标可以通过View.OnTouchListener中的onTouch返回的参数获得。因为Android系统默认的坐标系原点为屏幕左上方,单位是像素。所以为了能够在下一步中更方便分析方向和角度,也为了系统能够适配屏幕密度不同的多种机型,需要将获取的坐标点进行适配转换。转换后的坐标系圆心为原点。
本部分的伪代码如下所示。
public boolean onTouch(View v, MotionEvent event) {
if 当前触摸的部分是控制圆{
圆的半径=当前手机屏幕密度*半径//屏幕密度:当手机屏幕为160dpi时,
//屏幕密度为1,半径为xml文件声
//明的dp为单位的半径大小.
if手势为落下{
1点x坐标=当前x坐标-圆的半径;
1点y坐标=当前y坐标-圆的半径;
2点坐标=1点坐标;
}
if 手势为移动{
1点坐标=之前2点坐标;
2点坐标=新的坐标;
}
}
}
在获取了移动起始和终止点的坐标后,通过分别构件这两点和原点的连线,绘制出两条一次函数图像。因为在一次函数中斜率K(即tanα)在-90度到90度间具有单调递增性,所以通过计算比对这两条直线的斜率,就能够分析出用户手势滑动的方向顺时针还是逆时针。
如图所示,当前两点分别为A , B(A, B两点都不在Y轴上且都在Y轴一侧)。
ka=tana = ya / xa
kb= tanb = yb / xb
显然,当前ka
以这种方式判断手势方向存在一定缺陷。以上的结果都只适用于两点都不在Y轴上,且两点都在Y轴的一侧时的限定条件下。如果A,B任一点在Y轴上,或分别处于Y轴两侧将不适用于此种方法。但根据实际操作测试,这种意外情况所造成的误差在本应用中可忽略不计,基本不影响用户的操作体验。
对于旋转角度大小的获取,采用的构建三角形并计算反余弦函数值的方法实现。
首先根据起始终止和原点三点构建三角形,通过两点间距离公式分别计算三边长度。
OA=√(xa2+ ya2)
OB=√(xb2+ yb2)
AB=√[(xa-xb)2+( ya-yb)2]
在已知三边长度后,根据余弦定理求圆心角的余弦值。公式如下。
cosO=OA2+OB2-AB2/ (2*OA*OB)
最后根据反余弦函数求旋转圆心角。公式如下。
AOB=arccosO
在获取了手势旋转方向和角度后,根据实际情况的需要。对角度值进行利用。