绘图示例---QT手动调用绘图事件,按钮控制图片
2023-12-13 05:51:00
    		效果:
点击 “移动” 图片向右移动20,点击 “西理win嘛” 图片每秒向右移动20

QQ录屏20231212164128
下面时代码详解:




注意使用UI和代码实现按钮的不同
UI:
ui->pushButton->setGeometry(windowWidth-105, windowHeight-25, 100, 20);使用ui的话,引用按钮变量名字时要在前面? ui->
代码:
// QPushButton *pushButton2= new QPushButton("西理win", this); pushButton2= new QPushButton("西理win", this) ;

为了使按钮保持在屏幕的右下角,不受窗口大小的影响,你可以在
Widget构造函数中设置按钮的固定位置。在QPushButton的setGeometry函数中,将按钮的位置固定在右下角。
如果你希望在窗口大小变化时更新按钮的位置,你需要在窗口大小变化事件中处理按钮的位置。在 Qt 中,可以通过重新实现
resizeEvent函数来捕捉窗口大小变化事件。
在Qt中,你可以使用
mapTo和mapFrom系列函数来获取控件在窗口中的坐标。这里,
mapTo函数将按钮的相对坐标(0, 0)映射到窗口坐标系中,然后通过x()和y()函数获取相应的坐标。
?widget.h
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QPushButton>
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 <QPainter>
#include <QPushButton>
#include <QWidget>
#include <QDebug>
#include <QResizeEvent>
#include <QTimer> //定时器类
//#include <QCursor>
//#include <QMouseEvent>
//#include <QGuiApplication>
//#include <QScreen>
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;
}
    			文章来源:https://blog.csdn.net/LDBH66/article/details/134952496
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
    	本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!