QT从入门到实战x篇

接上篇QT从入门到实战x篇_28_绘图事件QPainter的高级设置（抗锯齿：setRenderHint()；对画家进行移动：translate(100,0)、保持状态save、还原状态restore），画家除了画一些简单的点线圆，还可以直接画图片。前面我们已经在资源中添加图片，并通过QLabel画出了图片，画家QPainter也是可以画图片的，并可以手动调用绘图事件paintEvent。

总结：

1. 手动调用绘图事件 利用update（）
2. 利用画家画图片 painter.drawPixmap(x,y,QPixmap())

1. 利用画家画资源图片

在上篇程序中首先添加资源文件，资源文件的添加过程参考：QT从入门到实战x篇_12_资源文件添加（QWindow的手动布局、路径用反斜杠、增加代码移植性）

Widget::paintEvent(QPaintEvent *)中代码如下：

void Widget::paintEvent(QPaintEvent *)
{
    //利用画家画资源图片
    QPainter painter(this);
    painter.drawPixmap(0,20,QPixmap(":/Image/Luffy.png"));

}

运行结果：

2. 手动调用绘图事件paintEvent
增加功能,UI中增加移动按钮，使得点击按钮之后，图片向右移动，超出屏幕范围时，重新从原点移动

• widget.h

int pointX=0;

• widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include  //画家类
#include

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    //点击按钮，向右移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        
        pointX+=20;
        //如果要手动调用绘图事件 用update更新
        update();
    });
}

Widget::~Widget()
{
    delete ui;
}

void Widget::paintEvent(QPaintEvent *)
{
    //利用画家画资源图片
    QPainter painter(this);
    //如果超出屏幕，再从0开始
    if(pointX>this->width()){
        
        pointX=0;
    }
    painter.drawPixmap(pointX,20,QPixmap(":/Image/Luffy.png"));

}

运行结果：

目前实现的是手动点击按钮，图片自动向右移动，如果有新的需求时自动向右移动，移到屏幕尽头再返回重新移动。（利用QTimer/timerEvent()实现）

3.学习视频地址：QT从入门到实战x篇_28_手动调用绘图事件paintEvent