qt 清除模式的应用以及动态绘制

问题描述

在现实中,我们经常需要动态的去更新屏幕上的数字或者下标等,但是 qt 中没有直接的方法,一般都是通过先擦除,然后再绘制新的数字下标等。

在擦除模式后,我们还是需要动态绘制在之前的图片上,所以需要切换回原来的模式。这个很重要,不然无法绘制。

因为是动态增量绘制,所以需要 pixmap 为成员变量,后续的绘制都在 pixmap 上。

cpp 复制代码
#include "mainwindow.h"
#include "./ui_mainwindow.h"
#include <QPainter>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent),pixmap(1000,1000)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    oldX = 150;
    oldY = 150;
    count = 0;
    updated = false;
}

void MainWindow::paintEvent(QPaintEvent *event){
    QPainter p(this);

    if(!updated){
        // QPainter painter(&pixmap);
        // qDebug()<<painter.compositionMode() << "helloworld";
        // painter.setPen(QPen(Qt::green));
        // painter.drawEllipse(QPoint(150,150),20,20);

        // painter.drawText(QRect(240, 45, 270, 60), "2");


        // p.drawPixmap(0,0,pixmap);
    }

    if (updated)
    {

        QPainter painter(&pixmap);

        painter.setPen(QPen(Qt::green));
        //painter.setCompositionMode(QPainter::CompositionMode_Xor);

        int x = oldX + count;
        int y = oldY + count;

        int r = 20;
        painter.drawEllipse(QPoint(x,y),r,r);

        painter.setCompositionMode(QPainter::CompositionMode_Clear);
        painter.fillRect(oldX + r -5, oldY + 100 - 5, oldX + r + 5, oldY + r + 5, Qt::white); // 清除局部区域



        painter.setCompositionMode(QPainter::CompositionMode_SourceOver);
        painter.drawText(QRect(x + r -5, y + 100 - 5, x + r + 5, y + r + 5), QString::number(count));


        oldX = x;
        oldY = y;

        p.drawPixmap(0,0,pixmap);
        updated = false;

    }
}

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


void MainWindow::on_pushButton_clicked()
{

    qDebug()<<"hello";
    count += 20;
    this->updated = true;


    this->update();

}
相关推荐
纨妙22 分钟前
python打卡day59
开发语言·python
wuxuanok28 分钟前
Web后端开发-请求响应
java·开发语言·笔记·学习
Sally璐璐1 小时前
IPSAN 共享存储详解:架构、优化与落地实践指南
开发语言·php
像风一样的男人@1 小时前
python --货车装厢问题
开发语言·python
Humbunklung1 小时前
Rust枚举:让数据类型告别单调乏味
开发语言·后端·rust
Y1nhl1 小时前
力扣_链表_python版本
开发语言·python·算法·leetcode·链表·职场和发展
OEC小胖胖1 小时前
深入理解 Vue.js 响应式原理及其在 Web 前端开发中的应用
开发语言·前端·javascript·vue.js·web
qq_401700411 小时前
C语言中位运算以及获取低8位和高8位、高低位合并
c语言·开发语言·算法
yanjiaweiya1 小时前
云原生-集群管理
java·开发语言·云原生