绘图示例---QT手动调用绘图事件,按钮控制图片

效果:

点击 “移动” 图片向右移动20,点击 “西理win嘛” 图片每秒向右移动20

绘图示例---QT手动调用绘图事件,按钮控制图片_第1张图片

QQ录屏20231212164128

下面时代码详解:

绘图示例---QT手动调用绘图事件,按钮控制图片_第2张图片

绘图示例---QT手动调用绘图事件,按钮控制图片_第3张图片

绘图示例---QT手动调用绘图事件,按钮控制图片_第4张图片

注意使用UI和代码实现按钮的不同

UI:

    ui->pushButton->setGeometry(windowWidth-105, windowHeight-25, 100, 20);

使用ui的话,引用按钮变量名字时要在前面  ui->

代码:

//  QPushButton *pushButton2= new QPushButton("西理win", this);
    pushButton2= new QPushButton("西理win", this) ;

绘图示例---QT手动调用绘图事件,按钮控制图片_第5张图片

为了使按钮保持在屏幕的右下角,不受窗口大小的影响,你可以在 Widget 构造函数中设置按钮的固定位置。在 QPushButtonsetGeometry 函数中,将按钮的位置固定在右下角。

如果你希望在窗口大小变化时更新按钮的位置,你需要在窗口大小变化事件中处理按钮的位置。在 Qt 中,可以通过重新实现 resizeEvent 函数来捕捉窗口大小变化事件。

在Qt中,你可以使用 mapTomapFrom 系列函数来获取控件在窗口中的坐标。

这里,mapTo 函数将按钮的相对坐标 (0, 0) 映射到窗口坐标系中,然后通过 x()y() 函数获取相应的坐标。

 widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include 
#include 

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

    //绘图事件
    void paintEvent(QPaintEvent *);

    void resizeEvent(QResizeEvent *);

    
    int posX = 0;

    int id1; //定时器1的唯一标示

    QPushButton *pushButton2;

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include 
#include 
#include 
#include 
#include 
#include  //定时器类
//#include 
//#include 
//#include 
//#include 
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    this->setWindowTitle("lddbh");
//  this->setFixedSize(600,400);

/“移动”按钮的设置以及连接///

//    ui->pushButton->move(10,10);
    //点击移动按钮,移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        posX+=20;
        //如果要手动调用绘图事件 用update更新
        update();
    });

/“西理win按钮的设置以及连接”///
    //定时器第二种方式
    QTimer * timer = new QTimer(this);
    //启动定时器
    timer->start(1000);

//  QPushButton * btn = new QPushButton;
//  //btn->show(); //show以顶层方式弹出窗口控件
//  //让btn对象 依赖在 myWidget窗口中
//  btn->setParent(this);

//  QPushButton *pushButton2= new QPushButton("西理win", this);
    pushButton2= new QPushButton("西理win", this) ;
    //改变文本
    pushButton2->setText("西理win嘛");
    //设置初始位置
//  pushButton2->move(50,50);
    //定义按钮的长和宽
//  int buttonWidth = 50;
//  int buttonHeight = 20;
    //获取电脑屏幕的长宽
//  int screenWidth = QGuiApplication::primaryScreen()->geometry().width(); // 获取主屏幕宽度
//  int screenHeight = QGuiApplication::primaryScreen()->geometry().height(); // 获取主屏幕高度
    //获取窗口的长宽
//  int windowWidth = this->width(); // 获取窗口宽度
//  int windowHeight = this->height(); // 获取窗口高度
    //打印调试
//  qDebug() << windowWidth;
//  qDebug() << windowHeight;
    //放到这里不行,得放到resizeEvent函数里面才行,具体解释下面有
//  pushButton2->setGeometry(windowWidth/2, windowHeight/2, buttonWidth, buttonHeight);
//  pushButton2->move(windowWidth/2,windowHeight/2);

    //点击按钮,打开定时器,图片每隔一秒右移20
    connect(pushButton2,&QPushButton::clicked,[=](){
    timer->start();
    connect(timer,&QTimer::timeout,[=](){
        posX+=20;
        //如果要手动调用绘图事件 用update更新
        update();
        });
    });
}

/使“西理win”按钮的位置始终保持在中央///
void Widget::resizeEvent(QResizeEvent *event)
{
    // 调用基类的resizeEvent以确保正常的处理,调试发现这行可要可不要
    QWidget::resizeEvent(event);
//  int screenWidth = QGuiApplication::primaryScreen()->geometry().width(); // 获取主屏幕宽度
//  int screenHeight = QGuiApplication::primaryScreen()->geometry().height(); // 获取主屏幕高度

    // 获取新的窗口宽度和高度
    int windowWidth = this->width();
        qDebug() << windowWidth;
    int windowHeight = this->height();
        qDebug() << windowHeight;
    // 更新按钮的位置
    pushButton2->setGeometry(windowWidth / 2, windowHeight / 2, 100, 20);

    ui->pushButton->setGeometry(windowWidth-105, windowHeight-25, 100, 20);
    QPoint buttonPos =ui->pushButton->mapTo(this, QPoint(0, 0));
    int buttonX = buttonPos.x();
    int buttonY = buttonPos.y();
      qDebug() << buttonX;
      qDebug() << buttonY;
}

void Widget:: paintEvent(QPaintEvent *)
{
//    //    //实例化画家对象  this指定的是绘图设备
//        QPainter painter(this);

//    //    //设置画笔
//        QPen pen(QColor(0,20,255));
//    //    //设置画笔宽度
//        pen.setWidth(3);
//    //    //设置画笔风格
//        pen.setStyle(Qt::DashDotDotLine);
//    //    //让画家 使用这个笔
//        painter.setPen(pen);

//    //    //设置画刷
//        QBrush brush(Qt::red);
//    //    //设置画刷风格
//        brush.setStyle(Qt::DiagCrossPattern);
//    //    //让画家使用画刷
//        painter.setBrush(brush);


//    //    //画线
//        painter.drawLine(QPoint(0,0) , QPoint(100,100));

//    //    //画圆 椭圆
//        painter.drawEllipse( QPoint(100,100) , 50,50);

//    //    //画矩形
//        painter.drawRect(QRect(20,20,50,50));

//    //    //画文字
//        painter.drawText(QRect(10,200,150,50) , "好好学习,天天向上");


        //高级设置 ///

//        QPainter painter(this);
        painter.drawEllipse(QPoint(100,50) , 50,50);
    //    //设置 抗锯齿能力  效率较低
        painter.setRenderHint(QPainter::Antialiasing);
        painter.drawEllipse(QPoint(200,50) , 50,50);


//        //画矩形
//        painter.drawRect(QRect(20,20,50,50));

//    //    //移动画家
//        painter.translate(100,0);

//    //    //保存画家状态
//        painter.save();

//        painter.drawRect(QRect(20,20,50,50));

//        painter.translate(100,0);

//    //    //还原画家保存状态
//        painter.restore();

//        painter.drawRect(QRect(20,20,50,50));



/利用画家 画资源图片 ///
    QPainter painter(this);

    // 加载原始图片
    QPixmap originalPixmap(":/image/kk.jpg");

    // 计算缩放比例,使图片适应窗口大小
    QSize scaledSize = originalPixmap.size().scaled(this->size(), Qt::KeepAspectRatio);

    // 如果超出屏幕,从0开始
    if (posX >= this->width()) {
        posX = 0;
    }

    // 将图片进行缩放并绘制在窗口上
    painter.drawPixmap(QRect(posX, 0, scaledSize.width(), scaledSize.height()), originalPixmap);
}

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

你可能感兴趣的:(QT,qt,开发语言)