嵌入式 Qt Creator快速入门 stage2

最新推荐文章于 2024-07-11 20:41:24 发布
最新推荐文章于 2024-07-11 20:41:24 发布
阅读量137 收藏
点赞数 1
文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51123079/article/details/120481809
版权
本文详细介绍了如何在Qt环境中利用QPainter库结合定时器实现动态画图，包括周期性画圆、文本以及随机柱状图。同时，展示了如何响应鼠标和键盘事件，实现画线、矩形和圆形等图形功能。这些技术在图形用户界面编程中具有广泛应用。
摘要由CSDN通过智能技术生成

stage内容

  1. 画图
  2. 使用定时器
  3. 系统事件（键盘，鼠标，拖拉）

1、画图

头文件

#include <QPainter>
#include <QPaintEvent>

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

    void draw1();

protected:
    void paintEvent(QPaintEvent *e);

widget.cpp

void Widget::draw1()
{
    QPainter painter(this);
    painter.setPen(QPen(Qt::green,5));
    painter.drawLine(100,100,500,500);
    painter.setPen(QPen(Qt::blue,3));
    painter.drawLine(QPoint(100,200),QPoint(500,600));

    painter.drawRect(500,10,280,160);
    painter.setPen(QPen(Qt::yellow,3));
    painter.drawRect(500,180,160,160);

    painter.setBrush(Qt::yellow);
    painter.drawEllipse(QRect(500,10,280,160));
    painter.setBrush(Qt::green);
    painter.drawEllipse(QRect(500,180,160,160));

}

void Widget::paintEvent(QPaintEvent *e)
{
    draw1();
}

2、定时器

头文件

定时器1 周期性画园

#include <QTimer>

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

    QTimer *timer;
    int radius;

private slots:
    void timerdo();

widget.cpp

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    radius=40;
    timer = new QTimer();
    connect(timer,SIGNAL(timeout()),this,SLOT(timerdo()));
    timer->start(1000);
}

Widget::~Widget()
{
    timer->stop();
    delete ui;
}

void Widget::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);
    painter.setPen(QPen(Qt::blue,3));
    radius=(radius+40)%240;

    painter.drawEllipse(QPoint(400,300),radius,radius);
}

void Widget::timerdo()
{
    update();
}

效果图


定时器2 在图片上周期性画圆、写文本

头文件

#include <QTimer>
#include <QImage>
#include <QPixmap>

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();
    
    QTimer *timer;
    int radius;
    QPainter pt;
    QImage img;
private slots:
    void timerdo();

    void on_btn_start_clicked();
    void on_btn_stop_clicked();

widget.cpp

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    radius=40;
    timer = new QTimer();
    connect(timer,SIGNAL(timeout()),this,SLOT(timerdo()));

    img=QImage(400,300,QImage::Format_ARGB32);
    img.fill(0);
}

Widget::~Widget()
{
    if(timer->isActive())
        timer->stop();
    delete ui;
}

void Widget::timerdo()
{
    ui->label->clear();
    img.fill(0);
    pt.begin(&img);
    pt.setPen(QPen(Qt::green,5));
    radius=(radius+20)%240;
    QString ss = "the num is:"+QString::number(radius);
    pt.drawText(QPoint(20,20),ss);
    pt.setPen(QPen(Qt::blue,3));
    pt.drawEllipse(QPoint(200,150),radius,radius);
    pt.end();

    ui->label->setPixmap(QPixmap::fromImage(img));

}

void Widget::on_btn_start_clicked()
{
    timer->start(1000);
}

void Widget::on_btn_stop_clicked()
{
    timer->stop();
    ui->label->clear();
}

效果图
在这里插入图片描述

定时器3 在图片上周期性画圆、写文本、画随机柱状图

头文件

#include <QPainter>
#include <QPaintEvent>

#include <QTimer>
#include <QImage>
#include <QPixmap>

#include<QTime>
#include<QThread>

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

    void draw1();
    QTimer *timer,*mt;
    int radius;
    QPainter pt,pt1;
    QImage img,timg;
    QTime t;
    int hei;
    int x1,y1,w,h;

private slots:
    void timerdo();
    void mtdo();

    void on_btn_start_clicked();
    void on_btn_stop_clicked();

widget.cpp


Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    radius=40;
    timer = new QTimer();
    connect(timer,SIGNAL(timeout()),this,SLOT(timerdo()));

    mt = new QTimer();
    connect(mt,SIGNAL(timeout()),this,SLOT(mtdo()));

    img=QImage(400,300,QImage::Format_ARGB32);
    timg=QImage(400,300,QImage::Format_ARGB32);

}

void Widget::timerdo()
{
//    update();

    ui->label1->clear();
    img.fill(0);
    pt.begin(&img);
    pt.setPen(QPen(Qt::green,5));
    radius=(radius+20)%240;
    QString ss = "the num is:"+QString::number(radius);
    pt.drawText(QPoint(20,20),ss);
    pt.setPen(QPen(Qt::blue,3));
    pt.drawEllipse(QPoint(200,150),radius,radius);
    pt.end();

    ui->label1->setPixmap(QPixmap::fromImage(img));

}

void Widget::mtdo()
{
    ui->label2->clear();
    timg.fill(0);
    pt1.begin(&timg);

    for(int i=0; i<5; i++)
    {
        t=QTime::currentTime();
        qsrand(t.msec()+t.second()*1000);
        hei = rand()%201;
        if(hei < 120)
        {
            pt1.setPen(QPen(Qt::red,1));
            pt1.setBrush(QBrush(Qt::red));
        }else
        {
            pt1.setPen(QPen(Qt::green,1));
            pt1.setBrush(QBrush(Qt::green));
        }

        x1=20+i*80;
        w=40;
        y1=300-hei;

        pt1.drawRect(x1,y1,w,hei);
        pt1.setPen(QPen(Qt::blue,3));
        pt1.drawText(x1,60,QString::number(hei));

        QThread::msleep(50);

    }


    pt1.end();

    ui->label2->setPixmap(QPixmap::fromImage(timg));
}

void Widget::on_btn_start_clicked()
{
    timer->start(1000);
    mt->start(500);
}

void Widget::on_btn_stop_clicked()
{
    timer->stop();
    mt->stop();
    ui->label1->clear();
    ui->label2->clear();
}

效果图
在这里插入图片描述

3、鼠标事件

头文件

#include <QMouseEvent>
#include <QMouseEventTransition>

#include <QColor>
#include <QColorDialog>


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

    void draw1();
    QPainter pt,pt1;

    int shape_type;
    int pen_size;
    QColor pen_color;

    QPoint sp,ep;
    QImage t_img;

    int weight,height;

    void drawShape();
    void drawLine();
    void drawRect();
    void drawCircle();
    
private slots:
    void mousePressEvent(QMouseEvent *e);
    void mouseMoveEvent(QMouseEvent *e);
    void mouseReleaseEvent(QMouseEvent *e);

    void on_cbx_shape_currentIndexChanged(int index);
    void on_cbx_pensize_currentIndexChanged(int index);
    void on_btn_color_clicked();

widget.cpp

void Widget::mousePressEvent(QMouseEvent *e)
{
    sp=e->pos();
}

void Widget::mouseMoveEvent(QMouseEvent *e)
{
    ep=e->pos();
    drawShape();
}

void Widget::mouseReleaseEvent(QMouseEvent *e)
{
    ep=e->pos();
    drawShape();

}

void Widget::drawShape()
{
    if(shape_type < 1) return;
    if(shape_type == 1) drawLine();
    if(shape_type == 2) drawRect();
    if(shape_type == 3) drawCircle();
}

void Widget::on_cbx_shape_currentIndexChanged(int index)
{
    shape_type=index;
    ui->lab3->clear();
}

void Widget::drawLine()
{
    ui->lab3->clear();
    t_img.fill(0);
    pt.begin(&t_img);
    pt.setPen(QPen(pen_color,pen_size));
    if(ep.x() - sp.x() > 10 || ep.y() - sp.y() > 10)
    {
        pt.drawLine(sp,ep);
    }
    pt.end();

    ui->lab3->setPixmap(QPixmap::fromImage(t_img));
}

void Widget::drawRect()
{
    ui->lab3->clear();
    t_img.fill(0);
    pt.begin(&t_img);
    pt.setPen(QPen(pen_color,pen_size));
    if(ep.x() - sp.x() > 10 || ep.y() - sp.y() > 10)
    {
        weight = ep.x()-sp.x();
        height = ep.y()-sp.y();
        pt.drawRect(QRect(sp.x(),sp.y(),weight,height));
    }
    pt.end();

    ui->lab3->setPixmap(QPixmap::fromImage(t_img));
}

void Widget::drawCircle()
{
    ui->lab3->clear();
    t_img.fill(0);
    pt.begin(&t_img);
    pt.setPen(QPen(pen_color,pen_size));
    if(ep.x() - sp.x() > 10 || ep.y() - sp.y() > 10)
    {
        weight = ep.x()-sp.x();
        height = ep.y()-sp.y();
        pt.drawEllipse(QRect(sp.x(),sp.y(),weight,height));
    }
    pt.end();

    ui->lab3->setPixmap(QPixmap::fromImage(t_img));
}



void Widget::on_cbx_pensize_currentIndexChanged(int index)
{
    pen_size=ui->cbx_pensize->currentText().toInt();
}

void Widget::on_btn_color_clicked()
{
    pen_color = QColorDialog::getColor(Qt::white,this);
}

效果图
在这里插入图片描述
在这里插入图片描述

4、键盘事件

头文件

#include <QKeyEvent>
#include <QKeyEventTransition>

private slots:
	void keyPressEvent(QKeyEvent *e);

widget.cpp

void Widget::drawShape()
{
    if(shape_type < 1) return;
    if(shape_type == 1) drawLine();
    if(shape_type == 2) drawRect();
    if(shape_type == 3) drawCircle();
    ui->lab3->setFocus();
}

void Widget::keyPressEvent(QKeyEvent *e)
{
    if(e->key() == Qt::Key_A)
    {
        ep = QPoint(ep.x()+10,ep.y()+10);
        drawShape();
    }
    if(e->key() == Qt::Key_B)
    {
        ep = QPoint(ep.x()-10,ep.y()-10);
        if(ep.x()-sp.x()>10 || ep.y()-sp.y()>10)
        {
            drawShape();
        }
    }
}

效果图

按A键

在这里插入图片描述

按B键

在这里插入图片描述

在这里插入图片描述

daydreamed
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Qt初入江湖】原理、下载、安装、配置详细介绍
走向CTO的路上...
07-24 134
Qt是一种跨平台的C++应用程序开发框架，它提供了一套丰富的工具和库，用于开发图形用户界面（GUI）应用程序、嵌入式系统和移动设备应用程序等。主要包括：信号与槽机制、元对象系统、事件驱动编程以及跨平台支持。下面将详细介绍每个原理和机制，并结合具体使用描述。你可以在该网站上找到最新的Qt版本以及相关的开发工具。根据你的操作系统选择合适的Qt安装包进行下载。下载Qt： Qt的官方网站为。
Qt Creator快速入门
04-28
Qt Creator快速入门_第三版__霍亚飞编著， qt工具书 Qt Creator快速入门
《Qt Creator快速入门》
01-03
《Qt Creator快速入门》-PDF格式 《Qt Creator快速入门》《Qt Creator快速入门》
QT Creator 快速入门教程 读书笔记（三）
weixin_30583563的博客
03-30 131
一 信号和槽 　　GUI 程序除了要绘制控件，还要响应系统和用户事件，例如重绘、绘制完成、点击鼠标、敲击键盘等。当事件发生时，UI 会产生相应的变化，让用户直观地看到。 大部分编程（例如Win SDK、Web前端）中使用回调函数来响应事件，而 Qt 却独创了信号和槽机制。所谓回调函数，就是程序员提前定义一个函数，当事件发生时就调用该函数。 信号和槽是Qt的核心，它让两个互不相干的对象连接...
Qt基础 | Qt Creator的基本介绍与使用 | 在Visual Studio中创建Qt项目
最新发布
zwcslj的博客
07-11 1598
Qt Creator的基本介绍与使用 | 在Visual Studio中创建Qt项目
Qt creator 快速入门（一）
JAYCE_chen的博客
03-08 4519
第8章 界面外观 调色板QPalette类包含了部件各种状态的颜色组。一个调色板包含3种状态： - 激活颜色组QPalette::Active,用于获得键盘焦点的窗口； - 非激活颜色组QPalette::Inactive,用于其他的窗口； - 失效颜色组QPalette::Disabled,用于一些原因而不可用的部件。 Qt样式表 Qt样式表的术语和规则与HTML CSS(Casca...
Qt Creator 快速入门教程
m0_73443478的博客
06-27 640
Qt Creator 快速入门教程
《QT Creator快速入门》
weixin_30364147的博客
06-12 148
ui中的类，这样使用无法通过调试： Ui::Dialog ui(&w); w.show(); 而需要改成： Ui::Dialog ui; ui.setupUi(&w); w.show(); Dialog包含ui类为私有成员，在Dialog的构造函数中添加了一些操作，在main函数使用下面的代码，调试时构造函数中的操作并没有执行，难道还需要一些启动...
Qt Framework入门指南：快速上手与基本概念
Qt可以应用在各类设备上，如桌面环境、嵌入式系统以及移动设备。 ## Qt Framework是什么 Qt Framework是一个功能强大的应用程序开发框架，可以帮助开发人员快速构建高性能的跨平台应用程序。它由一系列C++类和模块...
嵌入式Linux系统开发班讲义
11-26
- **集成开发环境(IDE)**：如Eclipse或Qt Creator，提供代码编辑、调试和项目管理等功能。 - **版本控制系统**：如Git，用于源码管理，协同开发。 - **构建系统**：如Makefile或CMake，自动化编译过程。 2. **...
Qt Framework中的图形视图框架
Qt Framework是一款跨平台的应用程序开发框架，广泛应用于图形用户界面（GUI）和嵌入式系统开发。它由著名的挪威软件公司Qt公司开发，并于1994年首次发布。Qt Framework的主要特点是其跨平台性、可扩展性和强大的...
Qt Framework中的Web开发与集成
Qt拥有丰富的功能和强大的跨平台能力，被广泛应用于开发桌面软件、移动应用和嵌入式系统等。 ## 1.2 Qt Framework的特点 Qt Framework具有以下特点： - **跨平台性**：Qt能够将源代码编译为不同平台的可执行文件，...
QtCreator快速入门
03-09
Qt的快速入门PPT，整体了解概述QT，是入门的必备之选。
qt creator快速入门
11-07
《Qt Creator快速入门》作为全面介绍Qt、QtCreator和QtQuick的入门级教材，也是市面上第一套详细介绍QtCreator和QtQuick的教材。书中的内容包含了Qt基础、图形动画、多媒体、数据库、网络通信、WebKit以及QtQuick等所有基本的应用内容。
Qtcreator快速入门
Linrena的博客
07-26 9483
百度网盘提取pdf文件： 链接：https://pan.baidu.com/s/103RoNv-wDC3kzp6stqmIFg 密码：7iss 本Qtcreator快速入门为基础篇，从Qtcreator的安装到国际化的GUI界面设计，一步一步详细学习Qtcreator。 版权声明：本文为博主原创文章，未经博主允许不得转载。https://blog.csdn.net/Linrena/art...
QT Creator快速入门.pdf
08-13
QT Creator快速入门第二版，基于QT4.8.5和QT Creator2.8.0版本，新手入门首选！
QtCreator快速入门：第2版第一章
"该资源是‘Qt快速入门2’的配套PPT，主要涵盖了QtCreator的基本使用和Qt工具的简介，适用于初学者。" 在学习Qt编程的过程中，QtCreator是一个非常重要的工具，它是一个跨平台的集成开发环境（IDE），为开发者提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值