QT基础教程之八Qt消息机制和事件

这篇具有很好参考价值的文章主要介绍了QT基础教程之八Qt消息机制和事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

QT基础教程之八Qt消息机制和事件

QPainter

Qt 的绘图系统允许使用相同的 API 在屏幕和其它打印设备上进行绘制。整个绘图系统基于QPainter,QPainterDevice和QPaintEngine三个类。

QPainter用来执行绘制的操作;QPaintDevice是一个二维空间的抽象,这个二维空间允许QPainter在其上面进行绘制,也就是QPainter工作的空间;QPaintEngine提供了画笔(QPainter)在不同的设备上进行绘制的统一的接口。QPaintEngine类应用于QPainter和QPaintDevice之间,通常对开发人员是透明的。除非你需要自定义一个设备,否则你是不需要关心QPaintEngine这个类的。我们可以把QPainter理解成画笔;把QPaintDevice理解成使用画笔的地方,比如纸张、屏幕等;而对于纸张、屏幕而言,肯定要使用不同的画笔绘制,为了统一使用一种画笔,我们设计了QPaintEngine类,这个类让不同的纸张、屏幕都能使用一种画笔。

下图给出了这三个类之间的层次结构:

QT基础教程之八Qt消息机制和事件,QT,c++,qt

上面的示意图告诉我们,Qt 的绘图系统实际上是,使用QPainter在QPainterDevice上进行绘制,它们之间使用QPaintEngine进行通讯(也就是翻译QPainter的指令)。

下面我们通过一个实例来介绍QPainter的使用:

class PaintedWidget : public QWidget

{

  Q_OBJECT

public:
  PaintedWidget(QWidget *parent = 0);
protected:
  void paintEvent(QPaintEvent *);
}

注意我们重写了QWidget的paintEvent()函数。接下来就是PaintedWidget的源代码:

PaintedWidget::PaintedWidget(QWidget *parent) :

  QWidget(parent)

{
  resize(800, 600);
  setWindowTitle(tr("Paint Demo"));
}
 
void PaintedWidget::paintEvent(QPaintEvent *)
{
  QPainter painter(this);
  painter.drawLine(80, 100, 650, 500);
  painter.setPen(Qt::red);
  painter.drawRect(10, 10, 100, 400);
  painter.setPen(QPen(Qt::green, 5));
  painter.setBrush(Qt::blue);
  painter.drawEllipse(50, 150, 400, 200);
}

在构造函数中,我们仅仅设置了窗口的大小和标题。而paintEvent()函数则是绘制的代码。首先,我们在栈上创建了一个QPainter对象,也就是说,每次运行paintEvent()函数的时候,都会重建这个QPainter对象。注意,这一点可能会引发某些细节问题:由于我们每次重建QPainter,因此第一次运行时所设置的画笔颜色、状态等,第二次再进入这个函数时就会全部丢失。有时候我们希望保存画笔状态,就必须自己保存数据,否则的话则需要将QPainter作为类的成员变量。

QPainter接收一个QPaintDevice指针作为参数。QPaintDevice有很多子类,比如QImage,以及QWidget。注意回忆一下,QPaintDevice可以理解成要在哪里去绘制,而现在我们希望画在这个组件,因此传入的是 this 指针。

QPainter有很多以 draw 开头的函数,用于各种图形的绘制,比如这里的drawLine(),drawRect()以及drawEllipse()等。当绘制轮廓线时,使用QPainter的pen()属性。比如,我们调用了painter.setPen(Qt::red)将 pen 设置为红色,则下面绘制的矩形具有红色的轮廓线。接下来,我们将 pen 修改为绿色,5 像素宽(painter.setPen(QPen(Qt::green, 5))),又设置了画刷为蓝色。这时候再调用 draw 函数,则是具有绿色 5 像素宽轮廓线、蓝色填充的椭圆。

绘图设备

**绘图设备是指继承QPainterDevice的子类。**Qt一共提供了四个这样的类,分别是QPixmap、QBitmap、QImage和 QPicture。其中,

  • QPixmap专门为图像在屏幕上的显示做了优化

  • QBitmap是QPixmap的一个子类,它的色深限定为1,可以使用 QPixmap的isQBitmap()函数来确定这个QPixmap是不是一个QBitmap。

  • QImage专门为图像的像素级访问做了优化。

  • QPicture则可以记录和重现QPainter的各条命令。

QPixmap、QBitmap、QImage

QPixmap继承了QPaintDevice,因此,你可以使用QPainter直接在上面绘制图形。QPixmap也可以接受一个字符串作为一个文件的路径来显示这个文件,比如你想在程序之中打开png、jpeg之类的文件,就可以使用 QPixmap。使用QPainter的drawPixmap()函数可以把这个文件绘制到一个QLabel、QPushButton或者其他的设备上面。**QPixmap是针对屏幕进行特殊优化的,因此,它与实际的底层显示设备息息相关。**注意,这里说的显示设备并不是硬件,而是操作系统提供的原生的绘图引擎。所以,在不同的操作系统平台下,QPixmap的显示可能会有所差别。

QBitmap继承自QPixmap,因此具有QPixmap的所有特性,提供单色图像。QBitmap的色深始终为1. 色深这个概念来自计算机图形学,是指用于表现颜色的二进制的位数。我们知道,计算机里面的数据都是使用二进制表示的。为了表示一种颜色,我们也会使用二进制。比如我们要表示8种颜色,需要用3个二进制位,这时我们就说色深是3. 因此,所谓色深为1,也就是使用1个二进制位表示颜色。1个位只有两种状态:0和1,因此它所表示的颜色就有两种,黑和白。所以说,QBitmap实际上是只有黑白两色的图像数据。

由于QBitmap色深小,因此只占用很少的存储空间,所以适合做光标文件和笔刷。

下面我们来看同一个图像文件在QPixmap和QBitmap下的不同表现:

void PaintWidget::paintEvent(QPaintEvent *)
{
  QPixmap pixmap(":/Image/butterfly.png");
  QPixmap pixmap1(":/Image/butterfly1.png");
  QBitmap bitmap(":/Image/butterfly.png");
  QBitmap bitmap1(":/Image/butterfly1.png");

  QPainter painter(this);
  painter.drawPixmap(0, 0, pixmap);
  painter.drawPixmap(200, 0, pixmap1);
  painter.drawPixmap(0, 130, bitmap);
  painter.drawPixmap(200, 130, bitmap1);
}

QT基础教程之八Qt消息机制和事件,QT,c++,qt

这里我们给出了两张png图片。butterfly1.png是没有透明色的纯白背景,而butterfly.png是具有透明色的背景。我们分别使用QPixmap和QBitmap来加载它们。注意看它们的区别:白色的背景在QBitmap中消失了,而透明色在QBitmap中转换成了黑色;其他颜色则是使用点的疏密程度来体现的。

QPixmap使用底层平台的绘制系统进行绘制,无法提供像素级别的操作,而QImage则是使用独立于硬件的绘制系统,实际上是自己绘制自己,因此提供了像素级别的操作,并且能够在不同系统之上提供一个一致的显示形式。

我们声明了一个QImage对象,大小是300 x 300,颜色模式是RGB32,即使用32位数值表示一个颜色的RGB值,也就是说每种颜色使用8位。然后我们对每个像素进行颜色赋值,从而构成了这个图像。我们可以把QImage想象成一个RGB颜色的二维数组,记录了每一像素的颜色。

void PaintWidget::paintEvent(QPaintEvent *)
{
  QPainter painter(this);
  QImage image(300, 300, QImage::Format_RGB32);
  QRgb value;
  //将图片背景填充为白色
  image.fill(Qt::white);

  //改变指定区域的像素点的值
  for(int i=50; i<100; ++i)
  {for(int j=50; j<100; ++j){
​      value = qRgb(255, 0, 0); // 红色
​      image.setPixel(i, j, value);}
  }
  //将图片绘制到窗口中
  painter.drawImage(QPoint(0, 0), image);

}

QT基础教程之八Qt消息机制和事件,QT,c++,qt

QImage与QPixmap的区别

  • QPixmap主要是用于绘图,针对屏幕显示而最佳化设计,QImage主要是为图像I/O、图片访问和像素修改而设计的

  • QPixmap依赖于所在的平台的绘图引擎,故例如反锯齿等一些效果在不同的平台上可能会有不同的显示效果,QImage使用Qt自身的绘图引擎,可在不同平台上具有相同的显示效果

  • 由于QImage是独立于硬件的,也是一种QPaintDevice,因此我们可以在另一个线程中对其进行绘制,而不需要在GUI线程中处理,使用这一方式可以很大幅度提高UI响应速度。

  • QImage可通过setPixpel()和pixel()等方法直接存取指定的像素。

QImage与QPixmap之间的转换:

  • QImage转QPixmap

使用QPixmap的静态成员函数: fromImage()

QPixmap	fromImage(const QImage & image, 

Qt::ImageConversionFlags flags = Qt::AutoColor)
  • QPixmap转QImage:

使用QPixmap类的成员函数: toImage()

QImage toImage() const

QPicture

最后一个需要说明的是QPicture。这是一个可以记录和重现QPainter命令的绘图设备。这种格式有时候会是“元文件(meta- files)”*。Qt的这种格式是二进制的,不同于某些本地的元文件,Qt的pictures文件没有内容上的限制,只要是能够被QPainter绘制的元素,不论是字体还是pixmap,或者是变换,都可以保存进一个picture中。

QPicture是平台无关的,因此它可以使用在多种设备之上,比如svg、pdf、ps、打印机或者屏幕。回忆下我们这里所说的QPaintDevice,实际上是说可以有QPainter绘制的对象。QPicture使用系统的分辨率,并且可以调整 QPainter来消除不同设备之间的显示差异。

如果我们要记录下QPainter的命令,首先要使用QPainter::begin()函数,将QPicture实例作为参数传递进去,以便告诉系统开始记录,记录完毕后使用QPainter::end()命令终止。代码示例如下:文章来源地址https://www.toymoban.com/news/detail-686308.html

void PaintWidget::paintEvent(QPaintEvent *)
{
  QPicture pic;

  QPainter painter;//将图像绘制到QPicture中,并保存到文件

  painter.begin(&pic);

  painter.drawEllipse(20, 20, 100, 50);
  painter.fillRect(20, 100, 100, 100, Qt::red);
  painter.end();
  pic.save("D:\\drawing.pic");//将保存的绘图动作重新绘制到设备上
  pic.load("D:\\drawing.pic");
  painter.begin(this);
  painter.drawPicture(200, 200, pic);
  painter.end();
}

到了这里,关于QT基础教程之八Qt消息机制和事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Qt 底层之事件驱动系统】深入理解 Qt 事件机制:主事件循环与工作线程的交互探究,包括 QML 的视角

    在探讨 Qt 的世界时,我们不仅是在讨论一种编程框架,更是在探索一种将复杂技术细节隐藏于幕后、让开发者专注于创造性工作的艺术形式。正如著名的计算机科学家 Edsger Dijkstra 所言:“简洁是复杂性的先决条件。” 在这一章节中,我们将探讨 Qt 事件机制的基础概念,这

    2024年02月22日
    浏览(52)
  • DAY4,Qt(事件处理机制的使用,Qt中实现服务器的原理)

    ---chatser.h---头文件 ---chatser.cpp---函数实现文件 ---main.cpp---测试文件 结果展示---     

    2024年02月15日
    浏览(55)
  • MFC与QT的消息机制的区别

    Windows 的消息系统由以下 3 部分组成:          消息队列 :Windows 能够为所有的应用程序维护一个消息队列,应用程序必须从消息队列中获去消息, 然后分派给某个窗体。          消息循环 :通过这个循环机制,应用程序从消息队列中检索消息,再把它分派给适当的

    2024年02月05日
    浏览(36)
  • QT基础篇(11)QT5事件处理及实例

    1.鼠标事件及实例 QT5中有多种鼠标事件可以使用,常用的鼠标事件有: mousePressEvent :当鼠标按下时触发的事件。 mouseReleaseEvent :当鼠标释放时触发的事件。 mouseDoubleClickEvent :当鼠标双击时触发的事件。 mouseMoveEvent :当鼠标移动时触发的事件。 wheelEvent :当鼠标滚轮滚动时

    2024年01月19日
    浏览(42)
  • QT基础:窗口大小改变事件演示

    这里演示的是, 控件大小随着窗口大小的改变而改变,做到控件大小适应窗口大小 , 适合初学者食用 这里的知识点是重载  resizeEvent(QResizeEvent * re) 函数,和重载 event(QEvent *ev) 函数 并画两个 QLabel 控件,等会代码中会用到 这里演示的代码全部写在 cpp 中,代码比较简单,初

    2024年02月11日
    浏览(66)
  • 【QT+QGIS跨平台编译】之八:【zstd+Qt跨平台编译】(一套代码、一套框架,跨平台编译)

    【libzstd跨平台编译】:Windows环境下编译成果(支撑QGIS跨平台编译,以及二次研发) 【libzstd跨平台编译】ÿ

    2024年01月25日
    浏览(89)
  • C++学习之路(七)C++ 实现简单的Qt界面(消息弹框、按钮点击事件监听)- 示例代码拆分讲解

    这个示例创建了一个主窗口,其中包含两个按钮。第一个按钮点击时会显示一个简单的消息框,第二个按钮点击时会执行一个特定的操作(在这个例子中,仅打印一条调试信息)。 功能描述: 创建窗口和布局: 使用 QWidget 和 QVBoxLayout 创建主窗口并设置垂直布局,将按钮放置

    2024年02月04日
    浏览(62)
  • 【QT开发笔记-基础篇】| 第四章 事件QEvent | 4.5 键盘事件

    本章要实现的整体效果如下: QEvent::KeyPress ​ 键盘按下时,触发该事件,它对应的子类是 QKeyEvent QEvent::KeyRelease ​ 键盘抬起时,触发该事件,它对应的子类是 QKeyEvent 本节通过两个案例来讲解这 2 个事件: 键盘按下、释放事件的基本使用 通过键盘的上下左右箭头,控制标签

    2024年02月07日
    浏览(47)
  • QT 之基础(一) 详解UI文件设计与运行机制

    一、项目文件组成 1.1 创建一个项目文件        建立好项目如下   (1)项目组织文件【untitled.pro】 存储项目设置文件 (2)主程序入口文件【main.cpp】 实现函数main()函数程序文件   (3)窗体界面文件【mainwindow.ui】 一个XML格式存储的窗体上的元件及其布局文件。 任何界面窗

    2024年02月16日
    浏览(40)
  • QT基础之——ui文件以及信号和槽机制

            上一节我们讲了除界面文件ui文件其他的所有文件,这一节我们来介绍一下ui文件:在文件目录中我们能看到界面文件这一栏,点击展开我们可以看到一个以\\\".ui\\\"结尾的文件,双击我们会看到如下界面:         我们在右侧选中label和PushButton拖入到工作台上的窗口中,

    2024年04月08日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包