Qt&Vtk-003-读取jpg、png、dicom等格式图片

简介: 本文其实才能算是真正的Qt与Vtk结合,具体实现JPG、PNG、TIFF、DICOM、BMP及一个3D Cube显示。

文章目录


Qt&Vtk 显示Jpg、Png、Tiff、Dicom、Bmp及3DCube

1 简单介绍

2 使用QVTKWidget

3 功能实现

3.1 JPG图片实现

3.2 PNG图片实现

3.3 BMP图片实现

3.4 TIFF图片实现

3.5 DICOM图片实现

3.6 3D Cube实现

4 关闭VTK调试窗口

5 源码

Qt&Vtk 显示Jpg、Png、Tiff、Dicom、Bmp及3DCube


本文其实才能算是真正的Qt与Vtk结合,具体实现JPG、PNG、TIFF、DICOM、BMP及一个3D Cube显示。程序实际运行效果如下:

image.png

1 简单介绍


本文主要将在Qt中借助QvtkWidget来实现在Qt窗口中实现显示Jpg、Png、Tiff、Dicom、Bmp及3DCube等文件。如下图所示

image.png

2 使用QVTKWidget

在我们编译完成Vtk后,把***Bin\plugins\designer***下的***QVTKWidgetPlugin.dll***复制到Qt安装目录下的***Qt5.7.1\5.7\msvc2015_64\plugins\designer***,如下图所示


image.png

image.png

image.png

但是在Qt Creator中是无法使用的。碰巧了,我还不会用Designer。在Qt Creator不是不能用了,我们可以通过提升控件的方式来搞。如下图,我使用了8个widget来提升成QVTKwidget。

image.png

到这里,基本就可以完事了,可以真正去写后面的功能了

3 功能实现


3.1 JPG图片实现


直接看代码吧,大致原理就是读取文件,建立渲染对象,选着窗口进行渲染。后面其他类型的图片也是这个套路。主要看代码吧,注释尽量忽略,我也不太懂图形学,都是按照自己的理解写的,凑合看。

void MainWindow::renderJpegImage(int index, const char *temp)
{
    /**
     * @brief 读取本地图片
     * 1. 获取本地资源地址
     * 2. 新建渲染对象
     * 3. 设置图像名称
     * 4. 更新
     */
    vtkSmartPointer<vtkJPEGReader> render = vtkSmartPointer<vtkJPEGReader>::New();
    render -> SetFileName(temp);
    render -> Update();
    /**
     * @brief 设置图片视图
     * 1. 新建视图
     * 2. 设置视图输入
     * 3. 设置视图窗口
     * 4. 视图渲染
     */
    vtkSmartPointer<vtkImageViewer2> viewer = vtkSmartPointer<vtkImageViewer2>::New();
    viewer -> SetInputData(render -> GetOutput());
    switch (index) {
    case 1:
        viewer -> SetRenderWindow(ui->widget_VTK_1->GetRenderWindow());
        break;
    case 2:
        viewer -> SetRenderWindow(ui->widget_VTK_2->GetRenderWindow());
        break;
    case 3:
        viewer -> SetRenderWindow(ui->widget_VTK_3->GetRenderWindow());
        break;
    case 4:
        viewer -> SetRenderWindow(ui->widget_VTK_4->GetRenderWindow());
        break;
    case 5:
        viewer -> SetRenderWindow(ui->widget_VTK_5->GetRenderWindow());
        break;
    case 6:
        viewer -> SetRenderWindow(ui->widget_VTK_6->GetRenderWindow());
        break;
    case 7:
        viewer -> SetRenderWindow(ui->widget_VTK_7->GetRenderWindow());
        break;
    case 8:
        viewer -> SetRenderWindow(ui->widget_VTK_8->GetRenderWindow());
        break;
    default:
        break;
    }
    viewer -> Render();
}

3.2 PNG图片实现


void MainWindow::renderPngImage(int index, const char *temp)
{
    /**
     * @brief 读取本地图片
     * 1. 获取本地资源地址
     * 2. 新建渲染对象
     * 3. 设置图像名称
     * 4. 更新
     */
    vtkSmartPointer<vtkPNGReader> render = vtkSmartPointer<vtkPNGReader>::New();
    render -> SetFileName(temp);
    render -> Update();
    /**
     * @brief 设置图片视图
     * 1. 新建视图
     * 2. 设置视图输入
     * 3. 设置视图窗口
     * 4. 视图渲染
     */
    vtkSmartPointer<vtkImageViewer2> viewer = vtkSmartPointer<vtkImageViewer2>::New();
    viewer -> SetInputData(render -> GetOutput());
    switch (index) {
    case 1:
        viewer -> SetRenderWindow(ui->widget_VTK_1->GetRenderWindow());
        break;
    case 2:
        viewer -> SetRenderWindow(ui->widget_VTK_2->GetRenderWindow());
        break;
    case 3:
        viewer -> SetRenderWindow(ui->widget_VTK_3->GetRenderWindow());
        break;
    case 4:
        viewer -> SetRenderWindow(ui->widget_VTK_4->GetRenderWindow());
        break;
    case 5:
        viewer -> SetRenderWindow(ui->widget_VTK_5->GetRenderWindow());
        break;
    case 6:
        viewer -> SetRenderWindow(ui->widget_VTK_6->GetRenderWindow());
        break;
    case 7:
        viewer -> SetRenderWindow(ui->widget_VTK_7->GetRenderWindow());
        break;
    case 8:
        viewer -> SetRenderWindow(ui->widget_VTK_8->GetRenderWindow());
        break;
    default:
        break;
    }
    viewer -> Render();
}

3.3 BMP图片实现


void MainWindow::renderBmprImage(int index, const char *temp)
{
    /**
     * @brief 读取本地图片
     * 1. 获取本地资源地址
     * 2. 新建渲染对象
     * 3. 设置图像名称
     * 4. 更新
     */
    vtkSmartPointer<vtkBMPReader> render = vtkSmartPointer<vtkBMPReader>::New();
    render -> SetFileName(temp);
    render -> Update();
    /**
     * @brief 设置图片视图
     * 1. 新建视图
     * 2. 设置视图输入
     * 3. 设置视图窗口
     * 4. 视图渲染
     */
    vtkSmartPointer<vtkImageViewer2> viewer = vtkSmartPointer<vtkImageViewer2>::New();
    viewer -> SetInputData(render -> GetOutput());
    switch (index) {
    case 1:
        viewer -> SetRenderWindow(ui->widget_VTK_1->GetRenderWindow());
        break;
    case 2:
        viewer -> SetRenderWindow(ui->widget_VTK_2->GetRenderWindow());
        break;
    case 3:
        viewer -> SetRenderWindow(ui->widget_VTK_3->GetRenderWindow());
        break;
    case 4:
        viewer -> SetRenderWindow(ui->widget_VTK_4->GetRenderWindow());
        break;
    case 5:
        viewer -> SetRenderWindow(ui->widget_VTK_5->GetRenderWindow());
        break;
    case 6:
        viewer -> SetRenderWindow(ui->widget_VTK_6->GetRenderWindow());
        break;
    case 7:
        viewer -> SetRenderWindow(ui->widget_VTK_7->GetRenderWindow());
        break;
    case 8:
        viewer -> SetRenderWindow(ui->widget_VTK_8->GetRenderWindow());
        break;
    default:
        break;
    }
    viewer -> Render();
}

3.4 TIFF图片实现


void MainWindow::renderTiffImage(int index, const char *temp)
{
    /**
     * @brief 读取本地图片
     * 1. 获取本地资源地址
     * 2. 新建渲染对象
     * 3. 设置图像名称
     * 4. 更新
     */
    vtkSmartPointer<vtkTIFFReader> render = vtkSmartPointer<vtkTIFFReader>::New();
    render -> SetFileName(temp);
    render -> Update();
    /**
     * @brief 设置图片视图
     * 1. 新建视图
     * 2. 设置视图输入
     * 3. 设置视图窗口
     * 4. 视图渲染
     */
    vtkSmartPointer<vtkImageViewer2> viewer = vtkSmartPointer<vtkImageViewer2>::New();
    viewer -> SetInputData(render -> GetOutput());
    switch (index) {
    case 1:
        viewer -> SetRenderWindow(ui->widget_VTK_1->GetRenderWindow());
        break;
    case 2:
        viewer -> SetRenderWindow(ui->widget_VTK_2->GetRenderWindow());
        break;
    case 3:
        viewer -> SetRenderWindow(ui->widget_VTK_3->GetRenderWindow());
        break;
    case 4:
        viewer -> SetRenderWindow(ui->widget_VTK_4->GetRenderWindow());
        break;
    case 5:
        viewer -> SetRenderWindow(ui->widget_VTK_5->GetRenderWindow());
        break;
    case 6:
        viewer -> SetRenderWindow(ui->widget_VTK_6->GetRenderWindow());
        break;
    case 7:
        viewer -> SetRenderWindow(ui->widget_VTK_7->GetRenderWindow());
        break;
    case 8:
        viewer -> SetRenderWindow(ui->widget_VTK_8->GetRenderWindow());
        break;
    default:
        break;
    }
    viewer -> Render();
}

3.5 DICOM图片实现


void MainWindow::renderDicomImage(int index, const char *temp)
{
    /**
     * @brief 读取本地图片
     * 1. 获取本地资源地址
     * 2. 新建渲染对象
     * 3. 设置图像名称
     * 4. 更新
     */
    vtkSmartPointer<vtkDICOMImageReader> render = vtkSmartPointer<vtkDICOMImageReader>::New();
    render -> SetFileName(temp);
    render -> Update();
    /**
     * @brief 设置图片视图
     * 1. 新建视图
     * 2. 设置视图输入
     * 3. 设置视图窗口
     * 4. 视图渲染
     */
    vtkSmartPointer<vtkImageViewer2> viewer = vtkSmartPointer<vtkImageViewer2>::New();
    viewer -> SetInputData(render -> GetOutput());
    switch (index) {
    case 1:
        viewer -> SetRenderWindow(ui->widget_VTK_1->GetRenderWindow());
        break;
    case 2:
        viewer -> SetRenderWindow(ui->widget_VTK_2->GetRenderWindow());
        break;
    case 3:
        viewer -> SetRenderWindow(ui->widget_VTK_3->GetRenderWindow());
        break;
    case 4:
        viewer -> SetRenderWindow(ui->widget_VTK_4->GetRenderWindow());
        break;
    case 5:
        viewer -> SetRenderWindow(ui->widget_VTK_5->GetRenderWindow());
        break;
    case 6:
        viewer -> SetRenderWindow(ui->widget_VTK_6->GetRenderWindow());
        break;
    case 7:
        viewer -> SetRenderWindow(ui->widget_VTK_7->GetRenderWindow());
        break;
    case 8:
        viewer -> SetRenderWindow(ui->widget_VTK_8->GetRenderWindow());
        break;
    default:
        break;
    }
    viewer -> Render();
}

3.6 3D Cube实现


Cube基本就是照抄了官方的Demo

void MainWindow::drawVtkCube(int index)
{
    vtkNew <vtkNamedColors> colors;
    std::array<std::array<double, 3>, 8> pts = {{{{0, 0, 0}},
                                                 {{0.2, 0, 0}},
                                                 {{0.2, 0.2, 0}},
                                                 {{0, 0.2, 0}},
                                                 {{0, 0, 0.2}},
                                                 {{0.2, 0, 0.2}},
                                                 {{0.2, 0.2, 0.2}},
                                                 {{0, 0.2, 0.2}}}};
    std::array<std::array<vtkIdType,4>,6> ording = {{{{0, 1, 2, 3}},
                                                     {{4, 5, 6, 7}},
                                                     {{0, 1, 5, 4}},
                                                     {{1, 2, 6, 5}},
                                                     {{2, 3, 7, 6}},
                                                     {{3, 0, 4, 7}}}};
    vtkNew <vtkPolyData> cube;
    vtkNew <vtkPoints> points;
    vtkNew <vtkCellArray> polys;
    vtkNew <vtkFloatArray> scalars;
    for (auto i = 0ul;i < pts.size();++i)
    {
        points -> InsertPoint(i,pts[i].data());
        scalars -> InsertTuple1(i,i);
    }
    for (auto &&i : ording)
        polys -> InsertNextCell(vtkIdType(i.size()),i.data());
    cube -> SetPoints(points);
    cube -> SetPolys(polys);
    cube -> GetPointData() -> SetScalars(scalars);
    vtkNew<vtkPolyDataMapper> cubeMapper;
    cubeMapper->SetInputData(cube);
    cubeMapper->SetScalarRange(cube->GetScalarRange());
    vtkNew<vtkActor> cubeActor;
    cubeActor->SetMapper(cubeMapper);
    vtkNew<vtkCamera> camera;
    camera->SetPosition(1, 1, 1);
    camera->SetFocalPoint(0, 0, 0);
    vtkNew<vtkRenderer> render;
    render -> AddActor(cubeActor);
    render -> SetActiveCamera(camera);
    render -> SetBackground(colors -> GetColor3d("Cornsilk").GetData());
    ui->widget_VTK_6->GetRenderWindow()->AddRenderer(render);
}

关闭VTK调试窗口


这里有小伙伴在运行的时候,可以能会发如下图的调试窗口存在

image.png

image.png


目录
相关文章
|
2月前
|
计算机视觉 C++
基于Qt的简易图片浏览器设计与实现
基于Qt的简易图片浏览器设计与实现
105 1
|
2月前
|
存储 容器
QT中QListWidget实现QListWidgetItem图片和文字居中
在使用QT开发软件的过程中,很多时候使用QListWidget来实现列表项的功能,比如MS系统的功能模块菜单,如下面2张图所示,其中第一张图是带文字和图标的列表项,第二张图是纯图标的模式,在最近开发的平台客户端的某个功能模块都用上了。
402 0
|
8天前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
11 3
|
15天前
|
算法 计算机视觉
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
17 0
|
2月前
|
存储 C++ 开发者
QT基础【4-简易的图片查看程序】
QT基础【4-简易的图片查看程序】
|
2月前
|
小程序
Qt实现图片可拖拉
Qt实现图片可拖拉
|
2月前
Qt鼠标悬浮在图片上显示删除字样
Qt鼠标悬浮在图片上显示删除字样
|
2月前
|
算法 编译器 Linux
【Qt4 部署】ARM系统上使用Qt 4 进行开发的QWS 等环境变量部署
【Qt4 部署】ARM系统上使用Qt 4 进行开发的QWS 等环境变量部署
52 0
|
15天前
|
关系型数据库 MySQL 项目管理
数据库大作业——基于qt开发的图书管理系统(四)项目目录的整理与绘制登录页面
数据库大作业——基于qt开发的图书管理系统(四)项目目录的整理与绘制登录页面
|
15天前
|
SQL 关系型数据库 MySQL
数据库大作业——基于qt开发的图书管理系统(三)Qt连接Mysql数据库
数据库大作业——基于qt开发的图书管理系统(三)Qt连接Mysql数据库