#ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QWidget> #include <QImage> #include <QTimer> #include <opencv2/opencv.hpp> QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACE class Widget : public QWidget { Q_OBJECT public: Widget(QWidget *parent = nullptr); ~Widget(); private slots: void on_start_play_btn_clicked(); void on_timeout_play_btn_clicked(); void on_stop_play_btn_clicked(); private: Ui::Widget *ui; QTimer *timer; QImage *imag; cv::VideoCapture *cam;// 视频获取结构， 用来作为视频获取函数的一个参数 cv::Mat *frame;//申请IplImage类型指针，就是申请内存空间来存放每一帧图像 }; #endif // WIDGET_H获取本地视频实现在窗口显示视频并通过视频播放、暂停、停止控制视频及进度显示、滑块控制进度

以下是一个使用Qt、FFmpeg和OpenGLWidget播放RTSP流的示例代码： 首先，确保已经安装了Qt和FFmpeg库，并在Qt项目中添加了相应的依赖项。 在Qt项目中创建一个自定义的OpenGLWidget类，用于显示视频帧： ```cpp // myopenglwidget.h #ifndef MYOPENGLWIDGET_H #define MYOPENGLWIDGET_H #include <QOpenGLWidget> #include <QOpenGLFunctions> #include <QOpenGLBuffer> #include <QOpenGLShaderProgram> #include <QOpenGLTexture> class MyOpenGLWidget : public QOpenGLWidget, protected QOpenGLFunctions { Q_OBJECT public: explicit MyOpenGLWidget(QWidget *parent = nullptr); ~MyOpenGLWidget(); protected: void initializeGL() override; void resizeGL(int w, int h) override; void paintGL() override; private: QOpenGLBuffer m_vertexBuffer; QOpenGLShaderProgram m_shaderProgram; QOpenGLTexture m_texture; float m_vertices[12] = { -1.0f, -1.0f, 0.0f, 1.0f, -1.0f, 0.0f, 1.0f, 1.0f, 0.0f, -1.0f, 1.0f, 0.0f }; }; #endif // MYOPENGLWIDGET_H ``` ```cpp // myopenglwidget.cpp #include "myopenglwidget.h" MyOpenGLWidget::MyOpenGLWidget(QWidget *parent) : QOpenGLWidget(parent) { } MyOpenGLWidget::~MyOpenGLWidget() { } void MyOpenGLWidget::initializeGL() { initializeOpenGLFunctions(); m_vertexBuffer.create(); m_vertexBuffer.bind(); m_vertexBuffer.allocate(m_vertices, sizeof(m_vertices)); m_shaderProgram.addShaderFromSourceCode(QOpenGLShader::Vertex, "attribute vec3 aPosition;" "void main() {" " gl_Position = vec4(aPosition, 1.0);" "}"); m_shaderProgram.link(); m_shaderProgram.bind(); m_texture.create(); m_texture.setMinificationFilter(QOpenGLTexture::Nearest); m_texture.setMagnificationFilter(QOpenGLTexture::Linear); } void MyOpenGLWidget::resizeGL(int w, int h) { glViewport(0, 0, w, h); } void MyOpenGLWidget::paintGL() { glClear(GL_COLOR_BUFFER_BIT); m_vertexBuffer.bind(); m_shaderProgram.bind(); int vertexLocation = m_shaderProgram.attributeLocation("aPosition"); m_shaderProgram.enableAttributeArray(vertexLocation); m_shaderProgram.setAttributeBuffer(vertexLocation, GL_FLOAT, 0, 3); glDrawArrays(GL_QUADS, 0, 4); } ``` 接下来，创建一个Qt窗口类，并在其中使用FFmpeg来解码和播放RTSP流，并将帧渲染到OpenGLWidget中： ```cpp // mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QThread> #include <QTimer> #include <QImage> #include <QMutex> #include "myopenglwidget.h" extern "C" { #include <libavformat/avformat.h> #include <libswscale/swscale.h> } class VideoDecoder : public QThread { Q_OBJECT public: explicit VideoDecoder(QObject *parent = nullptr); ~VideoDecoder(); void setUrl(const QString &url); void stop(); signals: void frameDecoded(const QImage &image); protected: void run() override; private: QString m_url; bool m_stopRequested; QMutex m_mutex; void decodePacket(AVPacket *packet, AVCodecContext *codecContext, SwsContext *swsContext); }; class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = nullptr); ~MainWindow(); private slots: void onFrameDecoded(const QImage &image); void onTimerTimeout(); private: MyOpenGLWidget *m_openglWidget; VideoDecoder *m_videoDecoder; QTimer *m_timer; }; #endif // MAINWINDOW_H ``` ```cpp // mainwindow.cpp #include "mainwindow.h" VideoDecoder::VideoDecoder(QObject *parent) : QThread(parent), m_stopRequested(false) { } VideoDecoder::~VideoDecoder() { stop(); } void VideoDecoder::setUrl(const QString &url) { m_url = url; } void VideoDecoder::stop() { QMutexLocker locker(&m_mutex); m_stopRequested = true; } void VideoDecoder::run() { av_register_all(); AVFormatContext *formatContext = nullptr; AVCodecContext *codecContext = nullptr; SwsContext *swsContext = nullptr; if (avformat_open_input(&formatContext, m_url.toUtf8().constData(), nullptr, nullptr) != 0) { qDebug() << "Failed to open input file"; return; } if (avformat_find_stream_info(formatContext, nullptr) < 0) { qDebug() << "Failed to find stream info"; avformat_close_input(&formatContext); return; } int videoStreamIndex = -1; for (unsigned int i = 0; i < formatContext->nb_streams; ++i) { if (formatContext->streams[i]->codecpar->codec_type == AVMEDIA_TYPE_VIDEO) { videoStreamIndex = i; break; } } if (videoStreamIndex == -1) { qDebug() << "Failed to find video stream"; avformat_close_input(&formatContext); return; } AVCodec *codec = avcodec_find_decoder(formatContext->streams[videoStreamIndex]->codecpar->codec_id); if (!codec) { qDebug() << "Failed to find decoder"; avformat_close_input(&formatContext); return; } codecContext = avcodec_alloc_context3(codec); if (!codecContext) { qDebug() << "Failed to allocate codec context"; avformat_close_input(&formatContext); return; } if (avcodec_parameters_to_context(codecContext, formatContext->streams[videoStreamIndex]->codecpar) < 0) { qDebug() << "Failed to copy codec parameters to context"; avcodec_free_context(&codecContext); avformat_close_input(&formatContext); return; } if (avcodec_open2(codecContext, codec, nullptr) < 0) { qDebug() << "Failed to open codec"; avcodec_free_context(&codecContext); avformat_close_input(&formatContext); return; } AVPacket *packet = av_packet_alloc(); AVFrame *frame = av_frame_alloc(); swsContext = sws_getContext(codecContext->width, codecContext->height, codecContext->pix_fmt, codecContext->width, codecContext->height, AV_PIX_FMT_RGB24, SWS_BILINEAR, nullptr, nullptr, nullptr); while (av_read_frame(formatContext, packet) >= 0) { if (m_stopRequested) break; if (packet->stream_index == videoStreamIndex) { decodePacket(packet, codecContext, swsContext); } av_packet_unref(packet); } av_packet_free(&packet); av_frame_free(&frame); avcodec_free_context(&codecContext); avformat_close_input(&formatContext); sws_freeContext(swsContext); } void VideoDecoder::decodePacket(AVPacket *packet, AVCodecContext *codecContext, SwsContext *swsContext) { AVFrame *frame = av_frame_alloc(); int ret = avcodec_send_packet(codecContext, packet); if (ret < 0) { qDebug() << "Error sending packet to decoder"; av_frame_free(&frame); return; } ret = avcodec_receive_frame(codecContext, frame); if (ret == AVERROR(EAGAIN) || ret == AVERROR_EOF) { av_frame_free(&frame); return; } else if (ret < 0) { qDebug() << "Error receiving frame from decoder"; av_frame_free(&frame); return; } QImage image(codecContext->width, codecContext->height, QImage::Format_RGB888); uint8_t *srcData[4] = { frame->data[0], frame->data[1], frame->data[2], nullptr }; int srcLinesize[4] = { frame->linesize[0], frame->linesize[1], frame->linesize[2], 0 }; uint8_t *dstData[1] = { image.bits() }; int dstLinesize[1] = { image.bytesPerLine() }; sws_scale(swsContext, srcData, srcLinesize, 0, codecContext->height, dstData, dstLinesize); emit frameDecoded(image); av_frame_free(&frame); } MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), m_openglWidget(new MyOpenGLWidget(this)), m_videoDecoder(new VideoDecoder(this)), m_timer(new QTimer(this)) { setCentralWidget(m_openglWidget); connect(m_videoDecoder, &VideoDecoder::frameDecoded, this, &MainWindow::onFrameDecoded); connect(m_timer, &QTimer::timeout, this, &MainWindow::onTimerTimeout); // 设置RTSP流的URL QString rtspUrl = "rtsp://example.com/stream"; m_videoDecoder->setUrl(rtspUrl); m_videoDecoder->start(); // 设置定时器来刷新OpenGLWidget int frameRate = 30; // 帧率 int timerInterval = 1000 / frameRate; m_timer->start(timerInterval); } MainWindow::~MainWindow() { m_videoDecoder->stop(); m_videoDecoder->wait(); } void MainWindow::onFrameDecoded(const QImage &image) { m_openglWidget->update(); // 触发OpenGLWidget的重绘事件 } void MainWindow::onTimerTimeout() { // 在OpenGLWidget的paintGL()函数中绘制当前帧 QMutexLocker locker(m_videoDecoder->getMutex()); QImage image = m_videoDecoder->getImage(); if (!image.isNull()) { // 将图像数据复制到OpenGLWidget中 // ... // 更新OpenGLWidget m_openglWidget->update(); } } ``` 这只是一个简单的示例，具体的实现可能会根据你的需求有所调整。你可以根据实际情况修改代码以适应你的应用程序。同时，你还需要根据Qt和FFmpeg的文档进行更详细的学习和了解。

<think>我们已经在之前的回答中实现了一个QLabel双击放大至父控件最大区域的示例。现在用户的需求是：在16个网格视频标签中，双击任意一个标签放大到整个CentralWidget区域并覆盖其他标签，再次双击恢复原大小。 根据用户需求，我们可以复用之前实现的ExpandableLabel和MainWindow类，但需要做一些调整以适应视频标签（可能显示视频）以及16个网格。 调整点： 1. 网格布局改为4x4（16个标签） 2. 标签内容：可能显示视频（用QLabel显示视频帧）或图片 3. 放大时，我们希望全屏显示视频，但这里要求的是放大到CentralWidget区域（即整个窗口的中央区域），并覆盖其他标签。 我们已经实现的代码中： - 自定义ExpandableLabel类，重写双击事件，并记录行列位置。 - MainWindow中创建4x4网格，并处理双击事件：放大和恢复。 因此，我们可以直接使用之前的代码，只需将网格改为4x4，并调整标签内容为视频（或占位符）。 但是，用户提到“视频标签”，所以我们需要考虑在QLabel中显示视频。通常，我们可以将视频帧转换为QImage，再转为QPixmap显示在QLabel上。但这不是本问题的重点，重点在于布局和放大恢复。 我们之前实现的代码已经可以处理16个标签（将循环改为4x4即可）。在之前的代码中，我们创建了4x4的网格，所以无需修改。 但是，用户要求放大到整个CentralWidget区域，而我们的实现正是如此： - 在expandLabel函数中，我们使用：label->setGeometry(m_centralWidget->rect()); - 这样标签就会占据整个中央控件区域，覆盖其他控件（因为其他控件被隐藏了）。 恢复时，我们将其重新加入网格布局并显示其他标签。 因此，我们可以直接使用之前的代码。 不过，为了适应视频，我们可以做以下改进： 1. 在ExpandableLabel中，我们可以添加设置视频帧的方法。 2. 在放大时，我们可能需要调整视频的显示方式（保持宽高比等）。 下面，我们根据用户需求，对之前的代码进行微调，并给出一个显示视频帧（用图片模拟）的示例。 修改点： 1. 在ExpandableLabel中，添加一个设置图片的方法（用于模拟视频帧）。 2. 在MainWindow的createLabelGrid中，为每个标签设置一个图片（模拟视频帧）。 3. 在放大时，调整标签的内容以适应新的尺寸（可能需要重新设置图片的缩放，或者使用原始图片显示）。 4. 恢复时，恢复原来的图片大小。 注意：实际视频处理中，我们可能不会在QLabel中直接显示视频，而是使用QVideoWidget等。但这里用户要求用标签，我们就用QLabel显示视频帧。 步骤： 1. 在ExpandableLabel类中添加设置图片的方法： ```cpp void setImage(const QPixmap &pixmap) { m_pixmap = pixmap; setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); } ``` 并添加一个成员变量m_pixmap保存原始图片。 2. 在ExpandableLabel的重写resizeEvent中，调整图片大小（如果设置了图片）： ```cpp void resizeEvent(QResizeEvent *event) override { if (!m_pixmap.isNull()) { // 根据是否放大状态选择不同的缩放策略 if (m_expanded) { // 放大时，我们希望图片填充整个标签，但保持宽高比（可能会有黑边） setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); } else { // 正常网格大小时，同样保持宽高比 setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); } } QLabel::resizeEvent(event); } ``` 3. 在MainWindow的createLabelGrid中，为每个标签设置一张图片（模拟视频帧）： ```cpp // 创建新的4x4网格 for (int row = 0; row < 4; ++row) { for (int col = 0; col < 4; ++col) { ExpandableLabel *label = new ExpandableLabel(nullptr, row, col); // 加载一张图片（这里用Qt的logo代替） label->setImage(QPixmap(":/images/logo.png")); // ... 其他连接和添加 } } ``` 4. 在放大和恢复时，我们可能需要调整图片的显示。但通过resizeEvent已经处理了。 但是，放大时我们可能希望用原始图片（不缩放）或者以最佳方式显示。这里为了简单，我们使用保持宽高比缩放。 另外，在放大时，我们隐藏了其他标签，并让当前标签占据整个中央控件。恢复时重新加入网格。 因此，我们只需要在ExpandableLabel中处理resizeEvent即可。 下面给出修改后的关键代码： 注意：由于我们之前已经在ExpandableLabel中使用了文本，现在改为图片，所以要去掉文本设置。但为了提示用户，我们可以使用ToolTip。 修改ExpandableLabel构造函数： ```cpp ExpandableLabel::ExpandableLabel(QWidget *parent, int row, int col) : QLabel(parent), m_row(row), m_col(col) { setAlignment(Qt::AlignCenter); setStyleSheet("QLabel {" " border: 2px solid #555;" " background: #333;" "}" "QLabel:hover {" " border: 2px solid #00A0FF;" "}"); // 设置ToolTip提示 setToolTip(QString("双击放大视频 %1-%2").arg(row+1).arg(col+1)); setMinimumSize(100, 100); } ``` 在MainWindow的expandLabel函数中，我们修改放大时的文本提示为图片全屏，并调整样式： ```cpp // 更新ToolTip显示 label->setToolTip(QString("双击恢复视频 %1-%2").arg(row+1).arg(col+1)); // 可以去掉之前的文本设置，因为我们显示图片，所以不需要文本 label->setText(""); ``` 同样，在恢复时： ```cpp // 恢复ToolTip m_expandedLabel->setToolTip(QString("双击放大视频 %1-%2").arg(m_expandedLabel->row()+1).arg(m_expandedLabel->col()+1)); ``` 这样，我们就实现了视频标签的双击放大和恢复。 但是，如果用户希望双击放大后显示原始分辨率的图片（不缩放），那么可以在放大时设置： ```cpp if (m_expanded) { // 放大时，使用原始图片大小，但根据标签大小调整显示方式（通过setScaledContents） setPixmap(m_pixmap); setScaledContents(false); // 不缩放，这样图片会保持原始大小，可能超出标签区域 } else { // 正常网格大小时，缩放图片以适应标签 setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); setScaledContents(false); } ``` 或者，我们可以让用户选择：放大时，图片填充整个标签（可能变形）或保持宽高比（有黑边）或自适应（裁剪）。这可以通过设置不同的缩放策略。 由于用户需求是覆盖整个CentralWidget，所以通常我们希望视频填充整个区域（可能变形）或保持宽高比填充（有黑边）。我们可以在放大时使用保持宽高比缩放。 因此，我们保持resizeEvent中的处理（保持宽高比缩放）。 完整修改后的ExpandableLabel类： ExpandableLabel.h: ```cpp #ifndef EXPANDABLELABEL_H #define EXPANDABLELABEL_H #include <QLabel> #include <QMouseEvent> class ExpandableLabel : public QLabel { Q_OBJECT public: explicit ExpandableLabel(QWidget *parent = nullptr, int row = -1, int col = -1); int row() const { return m_row; } int col() const { return m_col; } bool isExpanded() const { return m_expanded; } void setExpanded(bool expanded) { m_expanded = expanded; } void setImage(const QPixmap &pixmap); signals: void doubleClicked(int row, int col); protected: void mouseDoubleClickEvent(QMouseEvent *event) override; void resizeEvent(QResizeEvent *event) override; private: int m_row; // 在网格中的行索引 int m_col; // 在网格中的列索引 bool m_expanded = false; // 是否已放大 QPixmap m_pixmap; // 保存图片 }; #endif // EXPANDABLELABEL_H ``` ExpandableLabel.cpp: ```cpp #include "ExpandableLabel.h" ExpandableLabel::ExpandableLabel(QWidget *parent, int row, int col) : QLabel(parent), m_row(row), m_col(col) { setAlignment(Qt::AlignCenter); setStyleSheet("QLabel {" " border: 2px solid #555;" " background: #333;" "}" "QLabel:hover {" " border: 2px solid #00A0FF;" "}"); setToolTip(QString("双击放大视频 %1-%2").arg(row+1).arg(col+1)); setMinimumSize(100, 100); } void ExpandableLabel::setImage(const QPixmap &pixmap) { m_pixmap = pixmap; if (!m_pixmap.isNull()) { setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); } } void ExpandableLabel::mouseDoubleClickEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { emit doubleClicked(m_row, m_col); } QLabel::mouseDoubleClickEvent(event); } void ExpandableLabel::resizeEvent(QResizeEvent *event) { if (!m_pixmap.isNull()) { // 无论是否放大，我们都保持宽高比缩放 setPixmap(m_pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation)); } QLabel::resizeEvent(event); } ``` 这样，在标签大小改变时（包括放大和恢复），图片都会按保持宽高比的方式缩放。 最后，在MainWindow的createLabelGrid中，我们为每个标签设置一张图片（注意：需要准备16张图片，或者用同一张图片代替）。 注意：如果使用资源文件，需要在项目中添加图片资源。 由于用户需求是双击视频标签，所以这里我们模拟了视频帧的显示。 如果实际应用中是实时视频流，则需要在每次视频帧更新时调用setImage。但放大和恢复的布局逻辑不变。 总结：我们复用之前的网格布局和双击放大恢复逻辑，通过自定义ExpandableLabel显示图片（模拟视频帧），并在大小变化时调整图片的缩放。 这样，我们就实现了16个网格视频标签的双击放大和恢复功能。 相关问题： 1. 如何实现视频流的实时显示？ 2. 如何保持视频的宽高比？ 3. 如何优化大量视频标签的性能？ 4. 如何实现动画过渡效果？ 5. 如何支持键盘快捷键（如ESC退出全屏）？ 我们可以在回答的最后提出这些问题，帮助用户进一步探索。</think># Qt实现网格视频标签双击放大功能 我将为您实现一个Qt解决方案，在网格布局中双击任意视频标签可将其放大至整个中央区域，覆盖其他标签，再次双击恢复原状。 ## 实现思路 1. **自定义视频标签类**：继承QLabel并重写鼠标双击事件 2. **网格布局管理**：创建4×4网格布局管理16个视频标签 3. **放大逻辑**： - 保存标签原始位置和大小 - 从布局中移除目标标签 - 设置标签为中央区域大小 - 提升到最顶层并隐藏其他标签 4. **恢复逻辑**： - 重新加入原始网格位置 - 恢复原始大小 - 显示所有标签 ## 完整代码实现 ### 自定义视频标签类 (VideoLabel.h) ```cpp #ifndef VIDEOLABEL_H #define VIDEOLABEL_H #include <QLabel> #include <QMouseEvent> class VideoLabel : public QLabel { Q_OBJECT public: explicit VideoLabel(QWidget *parent = nullptr, int id = -1); int id() const { return m_id; } bool isExpanded() const { return m_expanded; } void setExpanded(bool expanded) { m_expanded = expanded; } signals: void doubleClicked(int id); protected: void mouseDoubleClickEvent(QMouseEvent *event) override; void resizeEvent(QResizeEvent *event) override; private: int m_id; // 标签唯一标识 bool m_expanded = false; // 是否已放大 QPixmap m_videoFrame; // 视频帧图像 }; #endif // VIDEOLABEL_H ``` ### 视频标签实现 (VideoLabel.cpp) ```cpp #include "VideoLabel.h" #include <QPainter> VideoLabel::VideoLabel(QWidget *parent, int id) : QLabel(parent), m_id(id) { setAlignment(Qt::AlignCenter); setStyleSheet("QLabel {" " border: 2px solid #555;" " background: #222;" "}" "QLabel:hover {" " border: 2px solid #00A0FF;" "}"); setMinimumSize(100, 100); // 生成模拟视频帧（实际应用中替换为真实视频） m_videoFrame = QPixmap(200, 150); m_videoFrame.fill(QColor(40, 40, 60)); QPainter painter(&m_videoFrame); painter.setPen(Qt::white); painter.drawText(m_videoFrame.rect(), Qt::AlignCenter, QString("视频 %1\n(双击放大)").arg(id+1)); painter.end(); setPixmap(m_videoFrame.scaled(size(), Qt::KeepAspectRatio)); } void VideoLabel::mouseDoubleClickEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { emit doubleClicked(m_id); } QLabel::mouseDoubleClickEvent(event); } void VideoLabel::resizeEvent(QResizeEvent *event) { // 调整视频帧大小以适应标签 if (!m_videoFrame.isNull()) { setPixmap(m_videoFrame.scaled(size(), Qt::KeepAspectRatio)); } QLabel::resizeEvent(event); } ``` ### 主窗口类 (MainWindow.h) ```cpp #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QGridLayout> #include "VideoLabel.h" class MainWindow : public QMainWindow { Q_OBJECT public: explicit MainWindow(QWidget *parent = nullptr); ~MainWindow(); private slots: void handleLabelDoubleClick(int id); private: void createVideoGrid(); void expandLabel(int id); void restoreLabels(); QWidget *m_centralWidget; QGridLayout *m_gridLayout; VideoLabel* m_expandedLabel = nullptr; QList<VideoLabel*> m_labels; QSize m_originalSize; // 保存标签原始大小 }; #endif // MAINWINDOW_H ``` ### 主窗口实现 (MainWindow.cpp) ```cpp #include "MainWindow.h" #include <QTimer> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { // 设置窗口属性 setWindowTitle("视频标签双击放大演示"); resize(1200, 800); // 创建中央窗口和网格布局 m_centralWidget = new QWidget(this); m_gridLayout = new QGridLayout(m_centralWidget); m_gridLayout->setSpacing(10); m_gridLayout->setContentsMargins(15, 15, 15, 15); // 创建4x4视频标签网格 createVideoGrid(); setCentralWidget(m_centralWidget); } void MainWindow::createVideoGrid() { // 清除现有标签 for (VideoLabel *label : m_labels) { delete label; } m_labels.clear(); // 创建新的4x4网格 for (int i = 0; i < 16; ++i) { int row = i / 4; int col = i % 4; VideoLabel *label = new VideoLabel(nullptr, i); connect(label, &VideoLabel::doubleClicked, this, &MainWindow::handleLabelDoubleClick); m_gridLayout->addWidget(label, row, col); m_labels.append(label); } } void MainWindow::handleLabelDoubleClick(int id) { if (m_expandedLabel) { restoreLabels(); } else { expandLabel(id); } } void MainWindow::expandLabel(int id) { // 找到被双击的标签 for (VideoLabel *label : m_labels) { if (label->id() == id) { m_expandedLabel = label; label->setExpanded(true); // 保存原始大小 m_originalSize = label->size(); // 从布局中移除 m_gridLayout->removeWidget(label); // 设置标签为中央区域大小 label->setGeometry(m_centralWidget->rect()); // 提升到最顶层 label->raise(); label->setStyleSheet("border: 3px solid #00A0FF;"); // 隐藏其他标签 for (VideoLabel *other : m_labels) { if (other != label) { other->hide(); } } break; } } } void MainWindow::restoreLabels() { if (!m_expandedLabel) return; // 恢复所有标签可见 for (VideoLabel *label : m_labels) { label->show(); label->setStyleSheet("QLabel {" " border: 2px solid #555;" " background: #222;" "}" "QLabel:hover {" " border: 2px solid #00A0FF;" "}"); } // 重新加入网格布局 int id = m_expandedLabel->id(); int row = id / 4; int col = id % 4; m_gridLayout->addWidget(m_expandedLabel, row, col); m_expandedLabel->setExpanded(false); m_expandedLabel = nullptr; } MainWindow::~MainWindow() { // 清理资源 for (VideoLabel *label : m_labels) { delete label; } } ``` ### 主程序 (main.cpp) ```cpp #include "MainWindow.h" #include <QApplication> int main(int argc, char *argv[]) { QApplication a(argc, argv); // 设置应用样式 QApplication::setStyle("Fusion"); // 设置全局样式 QPalette palette; palette.setColor(QPalette::Window, QColor(53,53,53)); palette.setColor(QPalette::WindowText, Qt::white); palette.setColor(QPalette::Base, QColor(25,25,25)); palette.setColor(QPalette::AlternateBase, QColor(53,53,53)); palette.setColor(QPalette::ToolTipBase, Qt::white); palette.setColor(QPalette::ToolTipText, Qt::white); palette.setColor(QPalette::Text, Qt::white); palette.setColor(QPalette::Button, QColor(53,53,53)); palette.setColor(QPalette::ButtonText, Qt::white); palette.setColor(QPalette::BrightText, Qt::red); palette.setColor(QPalette::Highlight, QColor(0, 120, 215)); palette.setColor(QPalette::HighlightedText, Qt::black); a.setPalette(palette); MainWindow w; w.show(); return a.exec(); } ``` ## 功能说明 1. **网格布局**： - 使用`QGridLayout`创建4×4网格 - 每个单元格包含一个自定义`VideoLabel` - 标签显示模拟视频帧和位置信息 2. **放大实现**： - 双击标签时触发`mouseDoubleClickEvent` - 从网格布局中移除目标标签 - 设置标签几何形状为中央区域大小 - 提升到最顶层并隐藏其他标签 - 添加蓝色边框作为视觉反馈 3. **恢复实现**： - 再次双击放大中的标签 - 重新加入原始网格位置 - 恢复原始样式 - 显示所有标签 4. **视频帧处理**： - 使用`QPixmap`模拟视频帧 - 重写`resizeEvent`保持视频宽高比 - 缩放时使用`Qt::KeepAspectRatio`保持比例 ## 实际应用优化建议 ### 1. 添加动画效果 ```cpp // 在expandLabel方法中添加 #include <QPropertyAnimation> QPropertyAnimation *animation = new QPropertyAnimation(label, "geometry"); animation->setDuration(300); // 300毫秒动画 animation->setStartValue(QRect(label->pos(), m_originalSize)); animation->setEndValue(m_centralWidget->rect()); animation->setEasingCurve(QEasingCurve::InOutQuad); animation->start(QAbstractAnimation::DeleteWhenStopped); ``` ### 2. 支持真实视频流 ```cpp // 替换模拟视频为真实视频 void VideoLabel::setVideoSource(const QVideoFrame &frame) { QImage image = frame.image(); if (!image.isNull()) { m_videoFrame = QPixmap::fromImage(image); setPixmap(m_videoFrame.scaled(size(), Qt::KeepAspectRatio)); } } // 在放大时使用原始分辨率 if (m_expanded) { setPixmap(m_videoFrame); // 原始分辨率 } else { setPixmap(m_videoFrame.scaled(size(), Qt::KeepAspectRatio)); } ``` ### 3. 添加键盘支持 ```cpp // 在VideoLabel中添加 void keyPressEvent(QKeyEvent *event) override { if (m_expanded && event->key() == Qt::Key_Escape) { emit restoreRequested(); } QLabel::keyPressEvent(event); } // 连接信号 connect(label, &VideoLabel::restoreRequested, this, &MainWindow::restoreLabels); ``` ### 4. 保持宽高比优化 ```cpp void VideoLabel::resizeEvent(QResizeEvent *event) { if (!m_videoFrame.isNull()) { if (m_expanded) { // 计算保持宽高比的矩形 QSize newSize = m_videoFrame.size(); newSize.scale(size(), Qt::KeepAspectRatio); int x = (width() - newSize.width()) / 2; int y = (height() - newSize.height()) / 2; setPixmap(m_videoFrame.scaled(newSize, Qt::KeepAspectRatio)); setContentsMargins(x, y, x, y); } else { setContentsMargins(0, 0, 0, 0); setPixmap(m_videoFrame.scaled(size(), Qt::KeepAspectRatio)); } } QLabel::resizeEvent(event); } ``` ### 5. 性能优化 ```cpp // 使用OpenGL加速 #include <QOpenGLWidget> // 在MainWindow构造函数中 QSurfaceFormat format; format.setRenderableType(QSurfaceFormat::OpenGL); format.setProfile(QSurfaceFormat::CoreProfile); format.setVersion(3, 3); QOpenGLWidget *glWidget = new QOpenGLWidget(m_centralWidget); glWidget->setFormat(format); setCentralWidget(glWidget); ``` ## 相关问题 1. **如何实现视频流的实时显示？** 可以使用`QMediaPlayer`和`QVideoWidget`组合，或通过`QAbstractVideoSurface`捕获视频帧[^1] 2. **如何在Qt中保持视频的原始宽高比？** 通过计算宽高比并设置`setScaledContents(false)`，在`resizeEvent`中调整显示区域[^4] 3. **如何优化多路视频流的性能？** 可以： - 使用硬件加速解码 - 降低非活动流的帧率 - 使用OpenGL进行渲染 - 实现智能区域更新[^3] 4. **如何添加视频控制功能（播放/暂停）？** 可以在标签上添加透明覆盖层控件，或通过右键菜单实现控制功能[^1] 5. **如何实现网络视频流的接收和处理？** 可以使用`QTcpSocket`接收流数据，结合`FFmpeg`解码，然后通过`QVideoFrame`显示[^5]