QT 模仿Android游戏中虚拟摇杆（3）让圆随着角度移动

接着上一篇讲起，我们需要在鼠标离开圆的范围的时候，让圆跟着鼠标与圆心的角度移动，那么我们来看看我们的已知量是什么：

1、圆心坐标

2、圆的半径

3、当前鼠标的坐标

运用一下我们的中学知识，根据（1、3），可以得到圆心到鼠标的线段与水平线的角度，相当于已知

4、鼠标与圆心线段的角度

稍微整理一下得到下面的公式：

/*
         *
            摇杆的当前坐标(x,y)
            圆点坐标：(x0,y0)
            半径：r
            角度：angle
            
            k = (y-y0)/(x-x0)
            angle = arctan k
            x = x0 + r * cos(angle * 3.14 / 180 )
            y = y0 + r * sin(angle * 3.14 / 180 )
         *
*/

在这里我们需要想到一个问题，那就是QT的角度计算公式不像在传统的象限中计算，因为传统象限中是：越往右X越大，越往上Y越大。但是QT的画布是：越往右X越大，越往下Y越大，所以会出现：

我们可以看到QT由于Y轴与传统象限相反，所以一、三象限和二、四象限相互调换了。

那么根据QT的象限的规则，我们得出：

//bpoint: 鼠标坐标，centerPoint: 圆心坐标
//第四象限 (0,90)
if(bpoint.rx()>centerPoint.rx() && bpoint.ry()centerPoint.rx() && bpoint.ry()>centerPoint.ry())
{}
//第二象限 (180,270)
else if(bpoint.rx()centerPoint.ry())
{}
//第三象限 (270,360)
else if(bpoint.rx()

我为了好记一点，之后的角度都是按照时钟12点方向为0°（360°）顺时针增加来计算的，

按照上述公式，我们得出如下的代码：

//第四象限 (0,90)
if(bpoint.rx()>centerPoint.rx() && bpoint.ry()setText(QString::number(angle));
}

我们可以看到上面的代码全都是按照公式来计算的，那么下一个象限是这个样子的：

//第一象限 (90,180)
else if(bpoint.rx()>centerPoint.rx() && bpoint.ry()>centerPoint.ry())
{
	double k = (double)(bpoint.rx()-centerPoint.rx())/(bpoint.ry()-centerPoint.ry());
	double angle= 180-qAtan(k)/3.1415*180;
	bpoint.setX(centerPoint.rx() + r*qCos((angle-90.0)*3.1415/180));
	bpoint.setY(centerPoint.ry() + r*qSin((angle-90.0)*3.1415/180));
	move(bpoint);
	this->setText(QString::number(angle));
}

分析一下，上面两段代码其实没有什么区别，但是angle的计算方法不同是因为按照分四个象限的方法求出的角度都是（0 °,90 °）的，不能表示90°以上的值，我们将这个角度显示成正常的按照顺时针增加的角度，就可以让摇杆正常显示了。

还有两个象限的代码都是差不多的，只是角度的计算不一样，我就不贴出来了，就这样，模仿Android游戏中的虚拟摇杆制作完毕，说起来很惭愧，完成这个功能只用了一个下午的时间，但是写这个博客却分别占用了三个时间，本以为可以一口气写完的，但是很难静下心来写，最近还有大量的工作需要做，好了，不吐槽了，就这样吧，之后我会将可执行文件发布到此博客中，拜~

2016 年8月29日打卡！