释放创意！用QPixmap绘图，让图形动起来

2024-01-14 12:24:40

Qt框架以其强大的图形处理能力著称，在开发用户界面时常常需要用到自定义绘图功能。本文将详细介绍如何使用QPixmap在Widget上绘制图形，并通过代码实现图形动态移动效果。

绘制基础：了解QPixmap

首先，要利用QPixmap进行图形绘制，必须明白它的基本用法和特性。QPixmap是Qt中用于处理图像的数据结构，支持读取、写入以及显示多种格式的图片数据。通过使用QPainter类，可以在QPixmap上执行绘图操作。

代码示例：创建并绘制一个圆形

#include <QWidget>
#include <QPainter>
#include <QPixmap>

class MyWidget : public QWidget {
protected:
    void paintEvent(QPaintEvent *) override {
        QPainter painter(this);
        
        QPixmap pixmap(100, 100); // 创建一个100x100的QPixmap
        pixmap.fill(Qt::transparent); // 填充透明背景
        
        // 在pixmap上绘制圆形
        QPainter p(&pixmap);
        QPen pen;
        pen.setColor(Qt::blue);
        pen.setWidth(3);
        p.setPen(pen);
        
        p.drawEllipse(10, 10, 80, 80); // 绘制一个蓝色的椭圆
        
        painter.drawPixmap(50, 50, pixmap); // 将绘制好的pixmap画到Widget上
    }
};

动态图形：让图形动起来

在了解了如何使用QPixmap进行基本绘图后，接下来是实现图形的动态效果。这需要通过定时器来不断更新图形的位置，并调用重绘函数刷新界面。

代码示例：实现圆形移动

#include <QWidget>
#include <QPainter>
#include <QPixmap>
#include <QTimer>

class MyWidget : public QWidget {
public:
    MyWidget(QWidget *parent = nullptr) : QWidget(parent), x(50), y(50) {
        timer.start(33); // 设置定时器，每33毫秒触发一次
        connect(&timer, &QTimer::timeout, this, &MyWidget::updatePosition);
    }
    
protected:
    void paintEvent(QPaintEvent *) override {
        QPainter painter(this);
        
        QPixmap pixmap(100, 100); // 创建一个100x100的QPixmap
        pixmap.fill(Qt::transparent); // 填充透明背景
        
        // 在pixmap上绘制圆形
        QPainter p(&pixmap);
        QPen pen;
        pen.setColor(Qt::blue);
        pen.setWidth(3);
        p.setPen(pen);

        p.drawEllipse(10, 10, 80, 80); // 绘制一个蓝色的椭圆
        
        painter.drawPixmap(x, y, pixmap); // 将绘制好的pixmap画到Widget上
    }
    
private slots:
    void updatePosition() {
        x += 2; // 每次移动2像素
        if (x > width()) x = -100; // 当超出界面宽度时，从左侧重新开始
        
        y += 3;
        if (y > height()) y = -100;

        repaint(); // 强制刷新界面，显示新的位置
    }
    
private:
    int x, y;
    QTimer timer;
};