视觉里程计04 Qt界面显示图像示例

基本原理

信号槽机制是Qt的一大特色,信号类似广播,一个空间触发了一个事件如clicked(),那么这个事件会被广播到整个信号槽内,槽内函数如果建立了链接即可响应这个信号,响应这个信号的控件可以有很多个,而界面的更新方法则不需关注。

具体操作

按照之前的说明新建一个qt gui工程,建立好后主要用到以下几个文件:

  • QtGuiApplication1.ui,界面文件,在这里可以手动添加控件等等元素,修改后保存,回到VS编译即可在程序中更新
  • QtGuiApplication1.cpp,在这里添加信号槽等函数
  • QtGuiApplication1.h,这里加入自定义的槽函数的声明

如何显示图像

qlabel可以通过setPixmap来显示图像,也可以通过graphicsView通过setScene来显示图像,这里同时演示下:
QtGuiApplication1.cpp

#include "QtGuiApplication1.h"

QtGuiApplication1::QtGuiApplication1(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
    //建立信号-槽链接
    connect(ui.pushButton, SIGNAL(clicked()), this, SLOT(func()));
}
//响应函数的具体操作
void QtGuiApplication1::func()
{
    ui.pushButton->setText(tr("OK"));
    ui.label->setPixmap(QPixmap("./pic.jpg"));
    QGraphicsScene *scene = new QGraphicsScene;
    QImage *image = new QImage();
    image->load("./pic.jpg");
    scene->addPixmap(QPixmap::fromImage(*image));
    ui.graphicsView->setScene(scene);
}

QtGuiApplication1.h

#pragma once

#include 
#include "ui_QtGuiApplication1.h"

class QtGuiApplication1 : public QMainWindow
{
    Q_OBJECT

public:
    QtGuiApplication1(QWidget *parent = Q_NULLPTR);

private:
    Ui::QtGuiApplication1Class ui;
    //这里新加入的槽响应函数
    private slots:
    void func();
};

界面修改如图:
视觉里程计04 Qt界面显示图像示例_第1张图片

转载于:https://www.cnblogs.com/RegressionWorldLine/p/7695601.html

你可能感兴趣的:(视觉里程计04 Qt界面显示图像示例)