QT界面中的区域以及图像大小，想随着QT界面的放大缩小变化,如何实现？

最新推荐文章于 2024-09-12 15:57:00 发布
最新推荐文章于 2024-09-12 15:57:00 发布
阅读量370 收藏 1
点赞数 3
文章标签： 图像处理 qt c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45037357/article/details/142137258
版权

原始界面

原始界面ui文本长这样： 
<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <widget class="QPushButton" name="processButton">
    <property name="geometry">
     <rect>
      <x>100</x>
      <y>360</y>
      <width>93</width>
      <height>28</height>
     </rect>
    </property>
    <property name="text">
     <string>处理图像</string>
    </property>
   </widget>
   <widget class="QScrollArea" name="scrollArea">
    <property name="geometry">
     <rect>
      <x>0</x>
      <y>10</y>
      <width>391</width>
      <height>241</height>
     </rect>
    </property>
    <property name="widgetResizable">
     <bool>true</bool>
    </property>
    <widget class="QWidget" name="scrollAreaWidgetContents">
     <property name="geometry">
      <rect>
       <x>0</x>
       <y>0</y>
       <width>389</width>
       <height>239</height>
      </rect>
     </property>
     <widget class="QLabel" name="originalLabel">
      <property name="geometry">
       <rect>
        <x>10</x>
        <y>60</y>
        <width>361</width>
        <height>81</height>
       </rect>
      </property>
      <property name="text">
       <string>TextLabel</string>
      </property>
     </widget>
    </widget>
   </widget>
   <widget class="QScrollArea" name="scrollArea_2">
    <property name="geometry">
     <rect>
      <x>390</x>
      <y>10</y>
      <width>411</width>
      <height>241</height>
     </rect>
    </property>
    <property name="widgetResizable">
     <bool>true</bool>
    </property>
    <widget class="QWidget" name="scrollAreaWidgetContents_2">
     <property name="geometry">
      <rect>
       <x>0</x>
       <y>0</y>
       <width>409</width>
       <height>239</height>
      </rect>
     </property>
     <widget class="QLabel" name="processedLabel">
      <property name="geometry">
       <rect>
        <x>10</x>
        <y>60</y>
        <width>391</width>
        <height>81</height>
       </rect>
      </property>
      <property name="text">
       <string>TextLabel</string>
      </property>
     </widget>
    </widget>
   </widget>
   <widget class="QPushButton" name="loadButton">
    <property name="geometry">
     <rect>
      <x>100</x>
      <y>320</y>
      <width>93</width>
      <height>28</height>
     </rect>
    </property>
    <property name="text">
     <string>加载图像</string>
    </property>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>25</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

原始代码

mainwindow.cpp

具体如下：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <opencv2/opencv.hpp>
#include <QImage>
#include <QPixmap>
#include <QFileDialog>
#include <QMessageBox>


using namespace cv;

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    connect(ui->loadButton, &QPushButton::clicked, this, &MainWindow::loadImage);
    connect(ui->processButton, &QPushButton::clicked, this, &MainWindow::processImage);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::loadImage()
{
    QString fileName = QFileDialog::getOpenFileName(this, "Open Image File", "", "Image Files (*.png *.jpg *.bmp)");
    if (!fileName.isEmpty()) {
        src = imread(fileName.toStdString());
        if (!src.empty()) {
            QImage qimg(src.data, src.cols, src.rows, src.step, QImage::Format_BGR888);
            ui->originalLabel->setPixmap(QPixmap::fromImage(qimg));
        }
    }
}

void MainWindow::processImage()
{
    try {
        if (src.empty()) throw std::runtime_error("No image loaded.");

        Mat denoised, gray, laplacian, sharpened;
        fastNlMeansDenoisingColored(src, denoised, 10, 10, 7, 21);

        cvtColor(denoised, gray, COLOR_BGR2GRAY);
        Laplacian(gray, laplacian, CV_16S, 3);
        convertScaleAbs(laplacian, laplacian);

        // Convert denoised to grayscale to match the channel number
        Mat denoisedGray;
        cvtColor(denoised, denoisedGray, COLOR_BGR2GRAY);
        addWeighted(denoisedGray, 1, laplacian, 0.3, 0, sharpened);

        QImage qimg(sharpened.data, sharpened.cols, sharpened.rows, sharpened.step, QImage::Format_Grayscale8);
        ui->processedLabel->setPixmap(QPixmap::fromImage(qimg));
    } catch (const std::exception &e) {
        QMessageBox::critical(this, "Error", e.what());
    } catch (...) {
        QMessageBox::critical(this, "Error", "An unknown error occurred.");
    }
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QImage>
#include <opencv2/opencv.hpp>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void loadImage();
    void processImage();

private:
    Ui::MainWindow *ui;
    cv::Mat src;
};
#endif // MAINWINDOW_H

.pro文件

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++17

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

TRANSLATIONS += \
    ceshi_qingxiceng_zh_CN.ts
CONFIG += lrelease
CONFIG += embed_translations



INCLUDEPATH += D:/Qt_project/ceshi_qingxiceng/opencv/include
LIBS += -LD:/Qt_project/ceshi_qingxiceng/opencv/x64/vc16/lib \
        -lopencv_core455 \
        -lopencv_imgproc455 \
        -lopencv_photo455 \
        -lopencv_highgui455 \
        -lopencv_imgcodecs455





# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

区域大小调整

要使界面中的区域大小随着窗口的放大缩小而变化，需要使用适当的布局管理。我们可以使用布局管理器（如 QVBoxLayout、QHBoxLayout、QGridLayout 等）来组织窗口中的小部件，而不是直接设置它们的几何属性。

以下是修改后的 .ui 文件，并添加了一些必要的布局管理以实现自动调整大小：

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <layout class="QVBoxLayout" name="verticalLayout">
    <item>
     <layout class="QHBoxLayout" name="horizontalLayout">
      <item>
       <widget class="QScrollArea" name="scrollArea">
        <property name="widgetResizable">
         <bool>true</bool>
        </property>
        <widget class="QWidget" name="scrollAreaWidgetContents">
         <property name="geometry">
          <rect>
           <x>0</x>
           <y>0</y>
           <width>388</width>
           <height>239</height>
          </rect>
         </property>
         <layout class="QVBoxLayout" name="verticalLayout_2">
          <item>
           <widget class="QLabel" name="originalLabel">
            <property name="text">
             <string>TextLabel</string>
            </property>
            <property name="alignment">
             <set>Qt::AlignCenter</set>
            </property>
           </widget>
          </item>
         </layout>
        </widget>
       </widget>
      </item>
      <item>
       <widget class="QScrollArea" name="scrollArea_2">
        <property name="widgetResizable">
         <bool>true</bool>
        </property>
        <widget class="QWidget" name="scrollAreaWidgetContents_2">
         <property name="geometry">
          <rect>
           <x>0</x>
           <y>0</y>
           <width>388</width>
           <height>239</height>
          </rect>
         </property>
         <layout class="QVBoxLayout" name="verticalLayout_3">
          <item>
           <widget class="QLabel" name="processedLabel">
            <property name="text">
             <string>TextLabel</string>
            </property>
            <property name="alignment">
             <set>Qt::AlignCenter</set>
            </property>
           </widget>
          </item>
         </layout>
        </widget>
       </widget>
      </item>
     </layout>
    </item>
    <item>
     <layout class="QHBoxLayout" name="horizontalLayout_2">
      <item>
       <widget class="QPushButton" name="loadButton">
        <property name="text">
         <string>加载图像</string>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="processButton">
        <property name="text">
         <string>处理图像</string>
        </property>
       </widget>
      </item>
     </layout>
    </item>
   </layout>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>25</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

解释

  • 布局管理器：
    • 使用 QVBoxLayout 和 QHBoxLayout 来组织窗口中的小部件。
    • verticalLayout 将整个窗口分为两个部分：上半部分为图像显示区域，下半部分为按钮区域。
    • horizontalLayout 用于在上半部分放置两个 QScrollArea，分别显示原始图像和处理后的图像。
    • horizontalLayout_2 用于在下半部分放置两个按钮。

  • QScrollArea和QLabel：
    • 使用 QScrollArea 来包含 QLabel，使得图像可以自动调整大小并在滚动区域内显示。
    • QLabel 的 alignment 属性设置为 Qt::AlignCenter，以确保图像居中显示。

调整图像大小

在你的代码中，当加载或处理图像后，需要调整 QLabel 中显示的图像尺寸，以适应 QScrollArea 的大小。你可以使用 QImage::scaled 方法来实现这一点。

void MainWindow::loadImage()
{
    try {
        QString fileName = QFileDialog::getOpenFileName(this, "Open Image File", "", "Image Files (*.png *.jpg *.bmp)");
        if (!fileName.isEmpty()) {
            src = imread(fileName.toStdString());
            if (!src.empty()) {
                QImage qimg(src.data, src.cols, src.rows, src.step, QImage::Format_BGR888);
                QImage scaledImg = qimg.scaled(ui->originalLabel->size(), Qt::KeepAspectRatio);
                ui->originalLabel->setPixmap(QPixmap::fromImage(scaledImg));
            } else {
                throw std::runtime_error("Failed to load image.");
            }
        }
    } catch (const std::exception &e) {
        QMessageBox::critical(this, "Error", e.what());
    } catch (...) {
        QMessageBox::critical(this, "Error", "An unknown error occurred.");
    }
}

void MainWindow::processImage()
{
    try {
        if (src.empty()) throw std::runtime_error("No image loaded.");

        Mat denoised, gray, laplacian, sharpened;
        fastNlMeansDenoisingColored(src, denoised, 10, 10, 7, 21);

        cvtColor(denoised, gray, COLOR_BGR2GRAY);
        Laplacian(gray, laplacian, CV_16S, 3);
        convertScaleAbs(laplacian, laplacian);

        Mat denoisedGray;
        cvtColor(denoised, denoisedGray, COLOR_BGR2GRAY);
        addWeighted(denoisedGray, 1, laplacian, 0.3, 0, sharpened);

        QImage qimg(sharpened.data, sharpened.cols, sharpened.rows, sharpened.step, QImage::Format_Grayscale8);
        QImage scaledImg = qimg.scaled(ui->processedLabel->size(), Qt::KeepAspectRatio);
        ui->processedLabel->setPixmap(QPixmap::fromImage(scaledImg));
    } catch (const std::exception &e) {
        QMessageBox::critical(this, "Error", e.what());
    } catch (...) {
        QMessageBox::critical(this, "Error", "An unknown error occurred.");
    }
}

通过这些改动，你的界面和图像将能够随着窗口的放大缩小而自动调整大小。

深耕AI
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
QT实现的可移动放大缩小的大小嵌套窗体
hulinhulin的专栏
11-18 939
一大一小两个窗口，小的在大的里面，可移动、放大缩小，移动时两个一起移动，可以对两个窗口单独放大缩小，效果如下图所示： 本文只是截取的一部分代码，如果需要完整代码可以访问下面的地址： 1 窗口透明及重绘线条 设置窗口透明度：setWindowOpacity(0.0); 重载paintEvent函数，handleSize是拖动手柄的宽： painter.setPen(QPen(Qt::red,borderWidth,Qt::SolidLine,Qt::RoundCap,Qt::R...
Qt实现图像放大缩小移动以及矩形ROI
12-13
在本文中，我们将深入探讨如何使用Qt5和C++实现图像处理功能，特别是图像的放大、缩小、移动以及矩形区域感兴趣（ROI）的操作。Qt是一个功能强大的跨平台应用程序开发框架，广泛应用于图形用户界面（GUI）设计。下面...
QT实现的具有放大图像功能的小窗口
11-19
QT实现的具有放大图像功能的小窗口，完整的测试小程序，替换图片路径就可以看到结果（测试程序的图片路径：c:/patch-src.png）
QT中随着鼠标放大缩小图形
Denyer的博客
05-22 669
其中QPainter有直接绘制poly的drawPolygon等函数，但最终都殊途同归。算法原理：鼠标放在图形区域的某一块位置，得到鼠标的点坐标，将图形以该点为中心缩放图形。2、得到鼠标坐标位置，以及设置鼠标上滑放大，下滑缩小函数。1、先指定一块图形显示区域。3、我的图形和线段的数据结构。4、重写绘制图形函数。
[Qt5] 右键窗体弹出菜单，实现图像适应窗体大小
Loewen丶的小窝
05-05 3387
📢 前言   作为一种交互性强、使用方便的右键菜单在程序中是非常常用的，在Qt中可以轻松的实现。背景：通过鼠标滑轮对图像进行放大、缩小之后，需要一个操作来对图像进行复原，所以我想到了...
QT界面让控件跟随窗口大小伸缩变化
热土程序园，利他愉己~
01-02 3259
如果改变了窗口的大小，应该怎么做才能让窗口内部的控件可以随着窗口大小的改变，自身大小也能随之改变呢？1.首先往窗口界面中拖入一个控件（任何控件都可以：Button或Check Box）；→栅格布局（G）（或者水平布局（H）、垂直布局（V）任选其一）注：一定要先拖入控件才能对本窗体进行布局。测试环境：QT5.12。
qt调用图片并自适应界面大小显示
kbq的博客
06-24 6936
记录qt使用图片打开、查看和关闭等操作 实现点击按键，打开选择的指定位置图片，有缩放显示，并可以点击放大按键放大图片，放大后图片自适应电脑窗口大小，大于窗口尺寸会根据最大宽和高缩放，小于窗口尺寸就按原比例居中显示出来。温故而知新。
Qt实现长图片的放大缩小以及动态显示
热门推荐
凌空的桨
12-22 2万+
这篇文章是在这个基础上进行讨论的谈一谈分别利用opencv、Qt、matlab动态显示图片的实现 其实就是想找一种更加合适的方法进行图片的放大缩小以及动态显示。 这个是效果图   我把项目命名为Qtmline，因为之前做了和Qtimeline有关的东西 我们关心的是header files和source files里的文件 先说header files里的pixitem.h，放...
qt通过修改label标签页实现界面的滚轮缩放与拖动
qq_43637243的博客
10-10 1582
网上诸多通过QGraphicsView实现可以响应鼠标事件，绘制选择的点，同时可以进行放大缩小操作。 但不妨考虑可以将照片绑定在label标签上，然后通过修改标签的大小和移动标签的位置从而实现滚轮缩放与鼠标拖动，思路有了，上代码。
Qt事件过滤实现点击图片的放大和缩小
qq_43686329的博客
08-28 1466
Qt事件过滤实现点击图片的放大和缩小 标签（空格分隔）： eventFilter 事件过滤 一、项目内容 新建桌面应用程序testEventFilter，类名EventFilter,基类QDialog，不勾选界面文件，通过监视三个蝴蝶标签的事件达到鼠标按下时图片放大（缩小）的效果。 二、项目实现 Eventfilter.h重写事件过滤槽函数，并添加相应的成员数据。 #ifndef EVENTFILTER_H #define EVENTFILTER_H #include <QLabel> #i
Qt+opencv 显示图像的窗口可以放大缩小的练习Demo
04-19
在本文中，我们将深入探讨如何使用Qt和OpenCV库来创建一个可以放大缩小图像的窗口应用。这个"Qt+opencv 显示图像的窗口可以放大缩小的练习Demo"旨在帮助开发者理解这两个强大的工具如何协同工作，以实现交互式图像...
C++Qt_图像放大缩小拖动功能.zip
06-08
在本项目"C++Qt_图像放大缩小拖动功能"中，我们主要探讨的是如何利用C++编程语言和Qt库来实现图像的动态显示、放大、缩小以及在窗口中的自由拖动。Qt是一个强大的跨平台应用开发框架，尤其适用于创建具有图形用户...
QT图片放大缩小
10-18
总结起来，QT中实现图片放大缩小的功能主要涉及到QLabel的`setPixmap()`和QPixmap的`scaled()`方法，以及QPushButton的信号槽机制。通过灵活运用这些组件和方法，你可以轻松地创建出一个具有图片放大缩小功能的用户...
Qt加载SVG矢量图片，放大缩小图片质量不发生变化。
qq_35662333的博客
07-02 687
SVG 意为可缩放矢量图形（Scalable Vector Graphics）。SVG 使用 XML 格式定义图像。给界面或者按钮上显示一个图标或背景图片，日常使用.png格式的文件完全够用，但是有些使用场景需要把图片放大显示时，使用.png文件就会开始模糊，这时需要加载.SVG文件，即使放大也很清晰。本文只是将一个svg矢量图片显示在了一个QLabel控件上，只是最简单的功能，只是QtSvg模块中的一个使用方法，该模块还有其它方式可以实现对Svg更复杂的操作，等之后有机会接触到了在做总结记录！
基于matlab交通标志识别系统用的APP designer设计的gui界面 交互原理：bp神经网络-训练好图像处理有灰度化-二值化-颜色区域定位识别
最新发布
2301_78240361的博客
09-12 364
基于matlab交通标志识别系统 用的APP designer设计的gui界面，有交互 原理：bp神经网络已经训练好，图像处理有灰度化，二值化，颜色区域定位识别
QT进行音频录制
xuyonjin的博客
09-06 537
这段代码演示了如何使用QT的`QAudioRecorder`类进行音频录制。首先，创建了一个`QAudioRecorder`对象并设置了音频输入设备、输出位置和输出格式。然后，通过调用record()方法开始录制，通过调用stop()方法停止录制。
Qt常用控件——QPushButton
Dirty_artist的博客
09-08 1091
QPushButton介绍
[QT] QT事件与事件重写
SlanderMC的博客
09-07 366
如下，自定义按钮类。通过重写部分事件实现部分功能头文件源文件在ui文件中将widget提升为自定义的mybutton类后，即可使用自定义控件先前提到，信号槽机制，其实是一种事件处理的集成，因为先前对于MousePressEvent进行了重写，所以直接使用clicked信号会与按下事件产生冲突，所以此信号槽函数失效为了正常使用此功能，需要在对MousePressEvent事件的处理函数中手动添加emit click()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

深耕AI

谢谢鼓励~我将继续创作优质博文

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值