qt实现摇杆-QT开发中文网

在Qt中实现摇杆可以通过自定义控件来完成。下面是一个简单的示例，演示如何使用QPainter和鼠标事件来创建一个基本的摇杆控件。

创建一个新的Qt项目并添加一个QWidget类。
在头文件中包含以下内容：

#include <QWidget>

class Joystick : public QWidget
{
    Q_OBJECT

public:
    explicit Joystick(QWidget *parent = nullptr);

protected:
    void paintEvent(QPaintEvent *) override;
    void mousePressEvent(QMouseEvent *) override;
    void mouseMoveEvent(QMouseEvent *) override;
    void mouseReleaseEvent(QMouseEvent *) override;

private:
    QPointF m_center;   // 摇杆中心点
    qreal m_radius;     // 摇杆半径
    QPointF m_direction;// 摇杆当前方向
};

实现构造函数：

Joystick::Joystick(QWidget *parent) : QWidget(parent)
{
    setFixedSize(200, 200); // 设置固定大小
    m_center = rect().center(); // 获取控件中心点
    m_radius = qMin(rect().width(), rect().height()) / 2 - 20; // 计算摇杆半径
}

实现paintEvent函数绘制摇杆：

void Joystick::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    
	// 绘制背景圆形区域
	painter.setPen(Qt::NoPen);
	painter.setBrush(Qt::gray);
	QRectF bgRect(m_center.x() - m_radius, m_center.y() - m_radius, 2 * m_radius, 2 * m_radius);
	painter.drawEllipse(bgRect);

	// 绘制摇杆
	QPointF knobCenter = m_center + m_direction * (m_radius - 20); // 计算摇杆中心点
	QRadialGradient gradient(knobCenter, 20);
	gradient.setColorAt(0.0, Qt::white);
	gradient.setColorAt(0.5, QColor("#9bb7d4"));
	gradient.setColorAt(1.0, QColor("#6e94b8"));
	painter.setBrush(gradient);
	QRectF knobRect(knobCenter.x() - 20, knobCenter.y() - 20, 40, 40);
	painter.drawEllipse(knobRect);
}

实现鼠标事件：

void Joystick::mousePressEvent(QMouseEvent *event)
{
    if (event->button() != Qt::LeftButton) return;

    QPointF pos = event->pos(); // 获取鼠标位置
    qreal distance = QLineF(m_center, pos).length(); // 计算距离

    if (distance > m_radius) return; // 如果超出范围则不响应

    m_direction = (pos - m_center) / m_radius; // 更新方向

    update(); // 更新控件显示
}

void Joystick::mouseMoveEvent(QMouseEvent *event)
{
    if (!(event->buttons() & Qt::LeftButton)) return;

    QPointF pos = event->pos();
    qreal distance = QLineF(m_center, pos).length();

    if (distance > m_radius) {
        pos = m_center + QLineF(m_center, pos).unitVector() * m_radius;
        distance = QLineF(m_center, pos).length();
    }

    m_direction = (pos - m_center) / m_radius;

    update();
}

void Joystick::mouseReleaseEvent(QMouseEvent *event)
{
    if (event->button() != Qt::LeftButton) return;

    m_direction = QPointF(0, 0); // 重置方向

    update(); // 更新控件显示
}

在主窗口中创建一个Joystick实例并添加到布局中：

#include "joystick.h"
#include <QVBoxLayout>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    Joystick *joystick = new Joystick(this);
    
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(joystick);
    
    QWidget *centralWidget = new QWidget(this);
    centralWidget->setLayout(layout);
    
    setCentralWidget(centralWidget);
}

现在，你已经成功地创建了一个基本的摇杆控件。当用户拖动鼠标时，摇杆会随之移动，并且你可以使用m_direction属性来获取当前方向。根据需求，你还可以添加其他功能和样式来完善这个控件。