VS+Qt+Halcon 显示图片,实现鼠标缩放、移动图片

目录
  • 摘要
  • 关键代码解释
    • 1️、Qt函数与Halcon算子获取的文件路径字符串的区别

摘要

本篇博文记录一下,用VS+Qt+Halcon实现对图片的读取以及鼠标缩放,移动(鼠标事件调用了halcon自带的算子)的过程。以及遇到的坑.....😑😑

先来看一下动态效果图:

主要控件:

  • 添加一个Label控件,对象名设为label,用于显示图片,并将背景设为黑色,设置方法为:选中Label控件,在属性编辑器中找到styleSheet属性,在其后的值中输入background-color:black即可;
  • 添加四个Push Button控件,如上图所示从左至右,对象名依次为:btn_prePic、btn_openPic、btn_nextPic,btn_resetPic,用于打开图片和前后浏览,以及恢复原图;
  • 添加一个Label,对象名设为label_status,用于实时显示坐标和灰度值;
  • 将label_show控件提升为CMyLabel类,用于接收鼠标事件。

代码例程

在Visual Studio中新建一个Qt GUI项目,名称设为BrowsePic,并新建Mylabel类(继承自QLabel)用于label控件的提升。

Mylabel.h

#pragma once
#include "qlabel.h"
#include"QWheelEvent"
#include<HalconCpp.h>
using namespace HalconCpp;

class Mylabel :
    public QLabel
{
    Q_OBJECT

public:
    Mylabel(QWidget* parent = Q_NULLPTR);
    ~Mylabel();
    //设置Halcon图像和Halcon窗口句柄,用户响应鼠标事件后实时更新图像
    void setHalconWnd(HObject img, HTuple hHalconID, QLabel* label);
    //鼠标滚轮缩放事件
    void wheelEvent(QWheelEvent* ev);
    //鼠标按下事件
    void mousePressEvent(QMouseEvent* ev);
    //鼠标释放事件
    void mouseReleaseEvent(QMouseEvent* ev);
    //鼠标移动事件
    void mouseMoveEvent(QMouseEvent* ev);
public:
    HTuple m_labelID;            //Qt标签句柄
    HTuple m_hHalconID;            //Halcon窗口句柄
    HObject m_currentImg;        //当前的图像
    //主界面显示坐标的标签
    QLabel* m_label;
    //鼠标按下的位置
    HTuple m_tMouseDownRow;
    HTuple m_tMouseDownCol;
    bool m_bIsMove;                //是否移动图像标识
};

Mylabel.cpp

#include "Mylabel.h"
//定义单步放大倍率
#define ZOOMRATIO 2.0

Mylabel::Mylabel(QWidget* parent)
    : QLabel(parent)
{
    m_bIsMove = false;
    this->setMouseTracking(true);

}
Mylabel::~Mylabel()
{

}

//设置Halcon图像和Halcon窗口句柄,用户响应鼠标事件后实时更新图像
void Mylabel::setHalconWnd(HObject img, HTuple hHalconID, QLabel* label)
{
    m_hHalconID = hHalconID;
    m_currentImg = img;
    m_label = label;
}

//鼠标滚轮缩放事件,用于缩放图像
void Mylabel::wheelEvent(QWheelEvent* ev)
{
    double Zoom;   //放大或缩小倍率
    HTuple  mouseRow, mouseCol, Button;
    HTuple startRowBf, startColBf, endRowBf, endColBf, Ht, Wt, startRowAft, startColAft, endRowAft, endColAft;
    //滚轮前滑,放大
    if (ev->delta()>0)
    {
        Zoom = ZOOMRATIO;
    }
    else//否则缩小
    {
        Zoom = 1 / ZOOMRATIO;
    }
    //获取光标在原图上的位置,注意是原图坐标,不是Label下的坐标
    HTuple  hv_Exception, hv_ErrMsg;
     try
     {
         GetMposition(m_hHalconID, &mouseRow, &mouseCol, &Button);

     }
     catch (HException& HDevExpDefaultException)
     {
         return;
     }
     //获取原图显示的部分,注意也是原图坐标
     GetPart(m_hHalconID, &startRowBf, &startColBf, &endRowBf, &endColBf);
     //缩放前显示的图像宽高
     Ht = endRowBf - startRowBf;
     Wt = endColBf - startColBf;
     //普通版halcon能处理的图像最大尺寸是32K*32K。如果无限缩小原图像,导致显示的图像超出限制,则会造成程序崩溃
     if (Ht*Wt<20000*20000||Zoom==ZOOMRATIO)
     {
         //计算缩放后的图像区域
         startRowAft = mouseRow - ((mouseRow - startRowBf) / Zoom);
         startColAft = mouseCol - ((mouseCol - startColBf) / Zoom);
         endRowAft = startRowAft + (Ht / Zoom);
         endColAft = startColAft + (Wt / Zoom);
         //如果放大过大,则返回
         if (endRowAft - startRowAft < 2)
         {
             return;
         }

         if (m_hHalconID != NULL)
         {
             //如果有图像,则先清空图像
             DetachBackgroundFromWindow(m_hHalconID);
         }
         SetPart(m_hHalconID, startRowAft, startColAft, endRowAft, endColAft);
         AttachBackgroundToWindow(m_currentImg, m_hHalconID);
     }
}

void Mylabel::mousePressEvent(QMouseEvent* ev)
{
    HTuple mouseRow, mouseCol, Button;
    try
    {
        GetMposition(m_hHalconID, &mouseRow, &mouseCol, &Button);

    }
    catch (HException)
    {
        return;
    }
    //鼠标按下时的行列坐标
    m_tMouseDownRow = mouseRow;
    m_tMouseDownCol = mouseCol;
    m_bIsMove = true;
}
//鼠标释放事件
void Mylabel::mouseReleaseEvent(QMouseEvent* ev)
{
    m_bIsMove = false;
}
//鼠标移动事件
void Mylabel::mouseMoveEvent(QMouseEvent* ev)
{
    HTuple startRowBf, startColBf, endRowBf, endColBf, mouseRow, mouseCol, Button;
    try
    {
        GetMposition(m_hHalconID, &mouseRow, &mouseCol, &Button);

    }
    catch (HException)
    {
        return;
    }
    //鼠标按下并移动时,移动图像,否则只显示坐标
    if (m_bIsMove)
    {
        //计算移动值
        double RowMove = mouseRow[0].D() - m_tMouseDownRow[0].D();
        double ColMove = mouseCol[0].D() - m_tMouseDownCol[0].D();
        //得到当前的窗口坐标
        GetPart(m_hHalconID, &startRowBf, &startColBf, &endRowBf, &endColBf);
        //移动图像
        if (m_hHalconID!=NULL)
        {
            //如果有图像,则先清空图像
            DetachBackgroundFromWindow(m_hHalconID);
        }
        SetPart(m_hHalconID, startRowBf - RowMove, startColBf - ColMove, endRowBf - RowMove, endColBf - ColMove);
        AttachBackgroundToWindow(m_currentImg, m_hHalconID);
    }
    //获取灰度值
    HTuple pointGray;
    try
    {
        GetGrayval(m_currentImg, mouseRow, mouseCol, &pointGray);
    }
    catch (HException)
    {
        m_label->setText(QString::fromLocal8Bit("X坐标:-    Y坐标:-    灰度值:-"));

        return;
    }
    //设置坐标
    m_label->setText(QString::fromLocal8Bit("X坐标:%1    Y坐标:%2    灰度值:%3").arg(mouseCol[0].D()).arg(mouseRow[0].D()).arg(pointGray[0].D()));
}

BrowsePic.h

#pragma once

#include <QtWidgets/QWidget>
#include "ui_BrowsePic.h"
#include<HalconCpp.h>
#include"qtoolbar.h"
using namespace HalconCpp;
#pragma execution_character_set("utf-8");

class BrowsePic : public QWidget
{
    Q_OBJECT

public:
    BrowsePic(QWidget *parent = Q_NULLPTR);
    ~BrowsePic();
    //初始化
    void init();

    //显示图像
    void showImg();
    int currentIndex;
    //显示图像的控件id
    HTuple m_hLabelID;            //QLabel控件句柄
    HTuple m_hHalconID;            //Halcon显示窗口句柄

    //原始图像的尺寸
    HTuple m_imgWidth, m_imgHeight;

    //图片路径列表
    HTuple m_imgFiles;

    //当前图像
    HObject m_hCurrentImg;
    //缩放后的图像
    HObject m_hResizedImg;
    //缩放系数
    HTuple m_hvScaledRate;
    //缩放后图像的大小
    HTuple m_scaledHeight, m_scaledWidth;
    QToolBar* m_toolBar;
public slots:

    //打开图片
    void on_btn_openPic_clicked();

    //浏览前一张
    void on_btn_prePic_clicked();

    //浏览后一张
    void on_btn_nextPic_clicked();

    //恢复图片
    void on_btn_resetPic_clicked();
private:
    Ui::BrowsePicClass ui;
};

BrowsePic.cpp

#include "browsepic.h"
#include"Mylabel.h"
#include <QFileDialog>
#include <QFileInfo>
BrowsePic::BrowsePic(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);

    init();

}
BrowsePic::~BrowsePic()
{

}

void BrowsePic::init()
{
    //设置halcon的文件路径为utf8,解决中文乱码
    SetSystem("filename_encoding", "utf8");
    //生成空图像
    GenEmptyObj(&m_hCurrentImg);
    m_hHalconID = NULL;
    m_hLabelID = (Hlong)ui.label->winId();
    currentIndex = -1;
}
//显示图像
void BrowsePic::showImg()
{
    if (m_hHalconID!=NULL)
    {
        //如果有图像,则先清空图像
        DetachBackgroundFromWindow(m_hHalconID);

    }
    else
    {
        //打开窗口
        OpenWindow(0, 0, ui.label->width(), ui.label->height(), m_hLabelID, "visible", "", &m_hHalconID);
    }
    ui.label-> setHalconWnd(m_hCurrentImg, m_hHalconID, ui.label_status);

    //获取图像大小
    GetImageSize(m_hCurrentImg, &m_imgWidth, &m_imgHeight);
    //获取缩放系数
    TupleMin2(1.0 * ui.label->width() / m_imgWidth, 1.0 * ui.label->height() / m_imgHeight, &m_hvScaledRate);
    //缩放图像
    ZoomImageFactor(m_hCurrentImg, &m_hResizedImg, m_hvScaledRate, m_hvScaledRate, "constant");
    //获取缩放后的大小
    GetImageSize(m_hResizedImg, &m_scaledWidth, &m_scaledHeight);
    //打开窗口
    if (1.0 * ui.label->width() / m_imgWidth < 1.0 * ui.label->height() / m_imgHeight)
    {
        SetWindowExtents(m_hHalconID, ui.label->height() / 2.0 - m_scaledHeight / 2.0, 0, ui.label->width(), m_scaledHeight);
    }
    else
    {
        SetWindowExtents(m_hHalconID, 0, ui.label->width() / 2.0 - m_scaledWidth / 2.0, m_scaledWidth, ui.label->height());

    }
    SetPart(m_hHalconID, 0, 0, m_imgHeight - 1, m_imgWidth - 1);
    AttachBackgroundToWindow(m_hCurrentImg, m_hHalconID);
}

//打开图片
void BrowsePic::on_btn_openPic_clicked()
{
    QString path = QFileDialog::getOpenFileName(this, "加载图像", "./", "图像文件(*.bmp *.png *.jpg)");
    QFileInfo fileInfo(path);
    QString dir = fileInfo.path();

    if (!path.isEmpty())
    {
        ListFiles(dir.toStdString().c_str(), "files", &m_imgFiles);

        TupleRegexpSelect(m_imgFiles, HTuple("\\.bmp|png|jpg").Append("ignore_case"), &m_imgFiles);

        for (int i = 0; i < m_imgFiles.Length(); i++)
        {

            QString currentPath = m_imgFiles[i];
            currentPath.replace("\\", "/");

            if (currentPath == path)
            {
                currentIndex = i;
                ReadImage(&m_hCurrentImg, m_imgFiles[i]);
                showImg();
            }

        }
    }

}

//浏览前一张
void BrowsePic::on_btn_prePic_clicked()
{
    if (currentIndex > 0)
    {
        currentIndex--;
        ReadImage(&m_hCurrentImg, m_imgFiles[currentIndex]);
        showImg();

    }
}
//浏览后一张
void BrowsePic::on_btn_nextPic_clicked()
{
    if (currentIndex >= 0 && currentIndex < m_imgFiles.Length() - 1)
    {
        currentIndex++;
        ReadImage(&m_hCurrentImg, m_imgFiles[currentIndex]);
        showImg();
    }
}
//恢复图片
void BrowsePic::on_btn_resetPic_clicked()
{
    showImg();
}

关键代码解释

1️、Qt函数与Halcon算子获取的文件路径字符串的区别

Halcon算子获取的文件路径格式

list_files()的原型如下:

第一个参数为路径,提取的文件路径格式与参数Directory的形式有关,在HDevelop中测试:

–Directory以"\\"分隔时,即list_files ('E:\\TEST', 'files', Files)

–Directory以“/”分隔时,即list_files ('E:/TEST', 'files', Files)

可以发现两种方式提取的文件路径字符串的区别。

Qt函数获取的文件路径格式

getOpenFileName()获得的路径:

如何将二者路径保持一致?

先读取halcon算子获取的路径:

 QString currentPath = m_imgFiles[i];

然后将" \ "全部换成" /":

 currentPath.replace("\\", "/");

2️⃣在VS中使用Halcon时的编码及中文乱码问题

默认条件下,可使用以下C++语句获取Halcon的文件名编码:

HTuple codeType;
get_system("filename_encoding", &codeType);
QString strCodeType = codeType[0].S();

可以发现默认的编码是locale,此时用Halcon算子list_files获取的文件路径中如果包含中文,则会出现乱码

解决方法:将Halcon的文件名编码格式设置为utf8,代码如下:

set_system("filename_encoding", "utf8");

参考链接:

(4条消息) VS+Qt应用开发-使用Halcon算子实现从文件夹打开图片、前后浏览、缩放居中显示_羽士的博客-CSDN博客

到此这篇关于VS+Qt+Halcon 显示图片,实现鼠标缩放、移动图片的文章就介绍到这了,更多相关VS+Qt+Halcon鼠标缩放、移动图片内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 使用VS Code进行Qt开发的实现

    Qt Creator界面不美观,而VS Code更漂亮一些. 因为Qt5支持使用CMake进行构建,而VS Code也可以支持CMake构建系统,因此是完全可以的. 测试环境 Qt 5.15.0 CMake 3.17.5 Visual Studio 2019 16.7.5(使用C++的桌面开发) Visual Studio Code 1.49.3 步骤 1. 将Qt的bin目录添加到环境变量 假设Qt安装在C:\Qt,那么将C:\Qt\5.15.0\msvc2019_64\bin添加到环境变量.

  • vscode+PyQt5安装详解步骤

    1.默认已经有python环境和vscode 2.pip安装PyQt5 执行命令: pip install PyQt5 pip install PyQt5-tools 3.运行designer.exe 默认安装的话,在\Lib\site-packages\pyqt5_tools目录下找到designer.exe文件并运行 然后创建并保存一个.ui文件. 4.vscode环境配置 在vscode扩展里搜索PYQT integration并添加该扩展. 然后在vscode里打开刚才创建的.ui文件的

  • VS2017+Qt5+Opencv3.4调用摄像头拍照并存储

    1. Qt的ui界面,找着画就好 2.头文件直接贴出,之后有时间慢慢解释吧 #pragma once #include <QtWidgets/QWidget> #include "ui_camaraGet.h" #ifndef CAMARAGET_H #define CAMARAGET_H #include <opencv2\core\core.hpp> #include <QWidget> #include <QImage> #incl

  • VS2015+Qt5+OpenCV3开发环境配置

    本文介绍如何使用VS2015作为编译开发环境,调用OpenCV3.31和Qt5.9.1写图像处理的GUI. 1.目录结构 假设我们要创建一个名为VideoZoom的工程,那么首先按下图构建目录结构,在bin文件夹中存放可执行文件,lib文件夹中放入opencv_world331d.lib,include文件夹下粘贴opencv与opencv2两个文件夹. 2.打开VS2015开始新建工程 这里默认选了三个,如果要用的别的,自行勾选 后面一路next即可. 右键VideoZoom选择Propert

  • Qt在vs2019中使用及设置方法

    下载对应Qt扩展 在vs2019中搜索下载qt vs tools 如图所示下载后会自动安装,完成后重启在进行下一步设置. 如果下载卡住或者太慢可以采用网站下载. 在visual studio网站中下载 如图下载后关闭所有有关vs2109程序,然后如正常安装软件双击运行就行. 在Qt网站中下载对应扩展addin 网站:https://download.qt.io/official_releases/vsaddin/ 选择一个版本就行,一般最新的就可以 如图下载后关闭所有有关vs2109程序,然后如

  • Qt6.0+vs2019环境配置的实现教程

    前言 2020年12月8号,期待已久的Qt6.0正式发布. 关于Qt6.0的更新说明,具体参考:https://wiki.qt.io/New_Features_in_Qt_6.0 本文主要介绍win10下安装Qt6.0+VS2019的环境 . 下载地址 从Qt5.15开始,官网已经不提供离线安装包下载,只能用在线安装的方式. VS2019下载地址:https://visualstudio.microsoft.com/zh-hans/vs/ Qt6.0安装器下载地址:http://download

  • VS2012下QT creator登录对话框设计

    最近看<Qt教程及软件>学习QT,这本书的编程是在Qt creator上进行的,本人更倾向于在VS2012上进行开发,故根据自己实验中的经验,笔记一下在VS2012进行Qt编程的一些问题及解决方法,本人用的是Qt5.3版本. 首先,新建一个工程 选择Qt Application,填写工程名 一直Next,Base class选择QWidget,点击Finish创建 此时项目未添加对应的include文件,有许多地方显示"can not open source file--"

  • VS2019中QT连接及使用的方法步骤

    qt连接VS 连接前提是在下载qt的时候将 MSVC 2017装上 点击扩展 选择管理扩展 搜索qt 选择下载 之后下载结束并重新打开后 会弹出一个 QT option 将路径填进去 VS中qt的使用 在qt中可以直接添加信号与槽 在vs中使用是不一样的 直接新建一个qt 项目 打开 设计师界面 在vs中 的头文件中添加 槽函数 .cpp中实现 比较让人在意的是 构造函数中 ui.setupUi(this) 在qt中是ui->setupUi(this) 在qt中 选择这个 编辑信号/槽工具 点击

  • PYQT5 vscode联合操作qtdesigner的方法

    除了使用pycharm外,还可使用vscode来操作pyqt,方法如下: 1. 在vscode中配置相关的pyqt的相关 根据自己实际情况修改第一项pyqt的路径 2. 创建一个文件夹,右键,最后一项可以创建一个新窗口 创建的新窗口后缀为 .ui 右键中有以下四个选项,分别是创建一个新窗口,预览,编辑,编译产生py文件. 我们在designer中设计完成后,通过最后一个编译生成文件. 通过pycharm生成的为一个和designer一样的py文件,如上图中第二个文件.通过vscode生成的是以U

  • Vs2019+Qt+Opencv环境配置心得(图文)

    一.下载vs2019和qt (关于vs2019的配置方法不在赘述,上一篇已经讲解了,点击传送门) 1.下载vs2019,直接在官网点击下载即可,是免费的. 2. 下载qt,在官网站下载即可 关于vs和qt安装 vs2019安装到自定义的目录就行,根据个人需求选择需要的库,我选择的C++和python库 qt安装的话不需要太大改动,msvc2017或者2015选上就行,安装到自定义的目录一直下一步到安装完成. 二.将vs2019和qt添加到系统环境变量中 三.在vs2019中创建新项目并添加qt插

随机推荐