Qt 图片显示 动态选择图片显示

在 Qt 中,显示图片通常使用 QLabel 和 QPixmap 进行图像的加载和显示。QPixmap 是专门用于显示图像的类,而 QLabel 则是一个可以容纳图片的小部件。

1、使用 QLabel 和 QPixmap 来显示图片:

bash 复制代码
#include <QApplication>
#include <QLabel>
#include <QPixmap>
#include <QVBoxLayout>
#include <QWidget>

class ImageWindow : public QWidget {
public:
    ImageWindow() {
        QLabel *imageLabel = new QLabel(this); // 创建 QLabel 用于显示图片

        // 加载图片
        QPixmap pixmap(":/images/sample.png"); // 图片路径,可以是绝对路径或资源文件路径

        // 设置 QLabel 的内容为 QPixmap
        imageLabel->setPixmap(pixmap);

        // 自动适应 QLabel 的大小
        imageLabel->setScaledContents(true);
        
        // 设置窗口布局
        QVBoxLayout *layout = new QVBoxLayout(this);
        layout->addWidget(imageLabel);
        setLayout(layout);
        
        setWindowTitle("图片显示示例");
        resize(400, 400); // 设置窗口大小
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    ImageWindow window;
    window.show();

    return app.exec();
}
  • 说明:
bash 复制代码
QPixmap:

QPixmap 是用来加载和显示图像的类,支持多种图片格式,包括 PNG、JPG、BMP 等。
QPixmap pixmap("path") 加载图片,路径可以是本地文件路径,也可以是 Qt 资源文件系统中的路径(以 :/ 开头)。
QLabel:

QLabel 可以显示文本或图像,通过 setPixmap() 函数可以将 QPixmap 设置为图片内容。
setScaledContents(true) 会让图片根据 QLabel 大小自动缩放。

2、资源文件中的图片加载:

在 Qt 项目中,如果图片是作为资源文件包含进来的(通过 .qrc 文件),可以通过 😕 资源路径来访问。例如:

bash 复制代码
QPixmap pixmap(":/images/sample.png");
例子中的关键部分:
QPixmap:用于加载图片文件。
QLabel:用于显示图片。
setScaledContents(true):图片会根据 QLabel 的大小自动缩放,以适应窗口变化。

3、动态选择图片显示

如果想要让用户选择图片并显示在窗口中,可以结合 QFileDialog 实现。

bash 复制代码
#include <QApplication>
#include <QLabel>
#include <QPixmap>
#include <QVBoxLayout>
#include <QFileDialog>
#include <QPushButton>
#include <QWidget>

class ImageWindow : public QWidget {
    QLabel *imageLabel;

public:
    ImageWindow() {
        imageLabel = new QLabel(this);
        imageLabel->setScaledContents(true);

        QPushButton *button = new QPushButton("选择图片", this);

        QVBoxLayout *layout = new QVBoxLayout(this);
        layout->addWidget(imageLabel);
        layout->addWidget(button);

        connect(button, &QPushButton::clicked, this, &ImageWindow::selectImage);

        setWindowTitle("动态图片显示");
        resize(400, 400);
    }

private slots:
    void selectImage() {
        QString fileName = QFileDialog::getOpenFileName(this, tr("选择图片"), "", tr("图片文件 (*.png *.jpg *.bmp)"));

        if (!fileName.isEmpty()) {
            QPixmap pixmap(fileName);
            imageLabel->setPixmap(pixmap);
            imageLabel->adjustSize();  // 调整 QLabel 大小适应图片
        }
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    ImageWindow window;
    window.show();

    return app.exec();
}
  • 动态选择图片并显示的案例说明:
    用户点击按钮时,打开文件选择对话框,让用户选择图片文件。
    使用 QFileDialog::getOpenFileName() 来选择图片文件,选择的文件路径作为 QPixmap 的输入,显示在 QLabel 中。

总结:

QPixmap 和 QLabel 是 Qt 中显示图片的常用组合。

可以通过 setPixmap() 设置图片,通过 setScaledContents() 让图片自适应窗口。

结合 QFileDialog 可以让用户动态选择图片并显示。

相关推荐
开心工作室_kaic17 分钟前
ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic
java·开发语言·前端
向宇it19 分钟前
【unity小技巧】unity 什么是反射?反射的作用?反射的使用场景?反射的缺点?常用的反射操作?反射常见示例
开发语言·游戏·unity·c#·游戏引擎
武子康24 分钟前
Java-06 深入浅出 MyBatis - 一对一模型 SqlMapConfig 与 Mapper 详细讲解测试
java·开发语言·数据仓库·sql·mybatis·springboot·springcloud
转世成为计算机大神1 小时前
易考八股文之Java中的设计模式?
java·开发语言·设计模式
宅小海1 小时前
scala String
大数据·开发语言·scala
qq_327342731 小时前
Java实现离线身份证号码OCR识别
java·开发语言
锅包肉的九珍1 小时前
Scala的Array数组
开发语言·后端·scala
心仪悦悦1 小时前
Scala的Array(2)
开发语言·后端·scala
yqcoder2 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
baivfhpwxf20232 小时前
C# 5000 转16进制 字节(激光器串口通讯生成指定格式命令)
开发语言·c#