Ubuntu20.04下QT5.15.2配置QVTKOpenGLNativeWidget控件并在QT中显示VTK窗口

最新推荐文章于 2024-07-24 16:28:48 发布
最新推荐文章于 2024-07-24 16:28:48 发布
阅读量4.2k 收藏 40
点赞数 5
分类专栏： VTK三维可视化开发 文章标签： qt vtk
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/afgqwjgfjqwgfg/article/details/118981256
版权

操作系统：Ubuntu 20.04
QT: 5.15.2
VTK : 9.0.1

一、QT5.15.2配置QVTKOpenGLNativeWidget控件

1.1 下载安装VTK9.0.1

具体方法和配置按照我之前的文章进行，使用CMKE进行编译VTK，且要编译release版本，否则不会生成QVTKOpenGLNativeWidget所需要的动态库libQVTKWidgetPlugin.so

1.2 在QT中显示VTK渲染窗口

网上有很多方法很多案例使用qt+vtk的时候用QVTKWidget、QVTKWidget2、QVTKOpenGLWidget、QVTKOpenGLNativeWidget，容易把人弄混。我也是看了这篇文章之后才弄清楚https://blog.csdn.net/a15005784320/article/details/99460999

QVTKWidget、QVTKOpenGLWidget、QVTKOpenGLNativeWidget、QVTKWidget2 区别：

这几个控件名指的都是VTK在QT中的控件类型
在这里插入图片描述

这几个widget怎么使用：
每个widget都提供了不同的功能以及不同的API，但是widget的创建以及使用基本一样。
    1）实例化widget
    2）指定渲染窗口交互器
    3）创建回调函数（qt里就直接绑定信号和槽）
    4）创建模型，并与widget关联
    5）激活widget
    6）反激活widget

这几个widget的关系：
在这里插入图片描述
到底应该用那个widget：

放弃使用QVTKWidget。
  包含QVTKOpenGLWidget的VTK的第一个版本是VTK 8.0.0！
  如果你是Qt5.4以前，请使用QVTKWidget2。
  如果你是Qt5.4以后，vtk8.1X及以前 请使用QVTKOpenGLWidget。
  如果你是Qt5.4以后，vtk8.2X 请使用QVTKOpenGLNativeWidget。

比如你有QVTKWidget的程序，直接替换成QVTKWidget2（根据版本定），以此向后类推。

为什么自己用时候还要保留vtk8.1X：

为什么自己用时候还要保留vtk8.1X，因为vmtk官方说明仅支持vtk8.1X及以前，vtk8.2X不确定。虽然vtk8.2X+vmtk可以使用，但可能有隐藏bug。
————————————————
原文链接：https://blog.csdn.net/a15005784320/article/details/99460999

1.3 在QT中配置VTK控件

安裝完VTK之后使用sudo find / -name libQVTKWidgetPlugin.so找到动态链接库的路径；

把ibQVTKWidgetPlugin.so复制到QT的安装目录下：

/home/username/Qt/5.15.2/gcc_64/plugins/designer
/home/username/Qt/Tools/QtCreator/lib/Qt/plugins/designer

在这里插入图片描述
在这里插入图片描述

然后独立的QT Designer和QT creator 中包含的Designer左侧栏目下方就有了QVTKWidget，这里叫是叫QVTKWidget，后面需要根据自己使用的VTK版本和QT版本来修改为QVTKWidget、QVTKOpenGLWidget、QVTKOpenGLNativeWidget、QVTKWidget2 ，不然的话直接拖入到designer界面中后会报错;
在这里插入图片描述

1.4 配置VTK控件

1.4.1 创建一个新的项目
在这里插入图片描述

构建系统选择CMake;
在这里插入图片描述在这里插入图片描述

然后一直点点点直到完成，打开widget.ui文件；

从左侧栏目中拖入QVTKWidget到widget.ui 的界面中，即设置用于渲染VTK模型的窗口；
在这里插入图片描述

此时可以看到该控件类的类类型为QVTKWidget;
在这里插入图片描述

保存，回到左侧的的编辑代码界面，此时widget.cpp文件中会出现报错；
在这里插入图片描述
error :'QVTKWidget.h' file ot found 因为我的vtk版本是VTK9.0.1，是找不到QVTKWidget.h这个文件的；

1.4.2 修改CMakeLists.txt 配置VTK相关头文件 以及 动态链接库篇；

cmake_minimum_required(VERSION 3.5)

project(LastTest LANGUAGES CXX)

set(CMAKE_INCLUDE_CURRENT_DIR ON)

set(CMAKE_AUTOUIC ON)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)

set(CMAKE_CXX_STANDARD 11)
set(CMAKE_CXX_STANDARD_REQUIRED ON)

# QtCreator supports the following variables for Android, which are identical to qmake Android variables.
# Check https://doc.qt.io/qt/deployment-android.html for more information.
# They need to be set before the find_package( ...) calls below.

#if(ANDROID)
#    set(ANDROID_PACKAGE_SOURCE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/android")
#    if (ANDROID_ABI STREQUAL "armeabi-v7a")
#        set(ANDROID_EXTRA_LIBS
#            ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libcrypto.so
#            ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libssl.so)
#    endif()
#endif()

find_package(QT NAMES Qt6 Qt5 COMPONENTS Widgets REQUIRED)
find_package(Qt${QT_VERSION_MAJOR} COMPONENTS Widgets REQUIRED)
FIND_PACKAGE(VTK REQUIRED)
set(PROJECT_SOURCES
        main.cpp
        widget.cpp
        widget.h
        widget.ui
)

if(${QT_VERSION_MAJOR} GREATER_EQUAL 6)
    qt_add_executable(LastTest
        ${PROJECT_SOURCES}
    )
else()
    if(ANDROID)
        add_library(LastTest SHARED
            ${PROJECT_SOURCES}
        )
    else()
        add_executable(LastTest
            ${PROJECT_SOURCES}
        )
    endif()
endif()

target_link_libraries(LastTest PRIVATE Qt${QT_VERSION_MAJOR}::Widgets ${VTK_LIBRARIES})

实际上就改了两个地方：

FIND_PACKAGE(VTK REQUIRED)

target_link_libraries(LastTest PRIVATE Qt${QT_VERSION_MAJOR}::Widgets ${VTK_LIBRARIES})

1.4.3 点击左侧的widget.ui,然后右键选择用文本编辑器打开；此时可以直接修改widget.ui的内容；
widget.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Widget</class>
 <widget class="QWidget" name="Widget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Widget</string>
  </property>
  <widget class="QVTKWidget" name="qvtkWidget">
   <property name="geometry">
    <rect>
     <x>210</x>
     <y>110</y>
     <width>401</width>
     <height>341</height>
    </rect>
   </property>
  </widget>
 </widget>
 <customwidgets>
  <customwidget>
   <class>QVTKWidget</class>
   <extends>QWidget</extends>
   <header>QVTKWidget.h</header>
  </customwidget>
 </customwidgets>
 <resources/>
 <connections/>
</ui>

把其中的QVTKWidget修改为QVTKOpenGLNativeWidget ；

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Widget</class>
 <widget class="QWidget" name="Widget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Widget</string>
  </property>
  <widget class="QVTKOpenGLNativeWidget" name="qvtkWidget">
   <property name="geometry">
    <rect>
     <x>210</x>
     <y>110</y>
     <width>401</width>
     <height>341</height>
    </rect>
   </property>
  </widget>
 </widget>
 <customwidgets>
  <customwidget>
   <class>QVTKOpenGLNativeWidget</class>
   <extends>QWidget</extends>
   <header>QVTKOpenGLNativeWidget.h</header>
  </customwidget>
 </customwidgets>
 <resources/>
 <connections/>
</ui>

此时界面中的VTK控件类型就变成了QVTKOpenGLNativeWidget；
在这里插入图片描述

保存；
此时再点击左下角的运行，即可
在这里插入图片描述

二、在QT UI界面中使用VTK窗口进行渲染

2.1 使用pushButton控制VTK窗口的显示

在widget.ui 中拖入左侧的PushButton;
在这里插入图片描述
点击PushButton右键选择转到槽 ，选择clicked() ,即点击之后显示画面；
然后widget.h中便会出现槽函数的函数声明；

private slots:
    void on_pushButton_clicked();

widget.cpp 中生成槽函数的定义；

void Widget::on_pushButton_clicked()
{

}

继续沿用一中的代码：
其中：
widget.h

#ifndef WIDGET_H
#define WIDGET_H
#include <vtkAutoInit.h>
VTK_MODULE_INIT(vtkRenderingOpenGL2);
VTK_MODULE_INIT(vtkInteractionStyle);
#include <QWidget>
#include <vtkSmartPointer.h>
#include "vtkActor.h"
#include "vtkCamera.h"
#include "vtkConeSource.h"
#include "vtkPolyDataMapper.h"
#include "vtkRenderWindow.h"
#include "vtkRenderer.h"
#include <vtkNew.h>
#include <vtkGenericOpenGLRenderWindow.h>
#include <QDebug>

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_pushButton_clicked();

private:
    Ui::Widget *ui;
    vtkSmartPointer<vtkRenderer> renderer;//这个渲染器其实也可以放在OnOpenSlot()中
    void OnOpenSlot();//负责生成模型和添加渲染窗口画面
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "./ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    renderer = vtkSmartPointer<vtkRenderer>::New();//在构造函数中进行初始化
}

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

void Widget::OnOpenSlot()
{
    vtkSmartPointer<vtkConeSource> cone=vtkSmartPointer<vtkConeSource>::New();//生成一个圆锥，用于展示
    cone->SetHeight(3.0);
    cone->SetRadius(1);
    cone->SetResolution(10);

    vtkSmartPointer<vtkPolyDataMapper> coneMapper=vtkSmartPointer<vtkPolyDataMapper>::New();
    coneMapper->SetInputConnection(cone->GetOutputPort());
    vtkSmartPointer<vtkActor> coneActor=vtkSmartPointer<vtkActor>::New();
    coneActor->SetMapper(coneMapper);
    renderer->AddActor(coneActor);
    vtkNew<vtkGenericOpenGLRenderWindow> renwindow;
    renwindow->AddRenderer(renderer);
    renwindow->Render();
    ui->qvtkWidget->SetRenderWindow(renwindow.Get());
    ui->qvtkWidget->update();
}

void Widget::on_pushButton_clicked()
{
    qDebug()<<"Show Renderer Windows!!\n";
    OnOpenSlot();
}

main.cpp

#include "widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    qDebug()<<"RUN MAIN";
    return a.exec();
}

2.2 运行

点击左下角的运行；
在这里插入图片描述
点击PushButton, VTK控件窗口中显示模型渲染画面；
在这里插入图片描述

2.3 不使用PushButton

把OnOpenSlot() 函数直接放在Widget的构造函数中，在QT界面初始化之后就可以显示VTK的模型渲染界面；

天上星斗
关注
  • 5
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ubuntu20.04安装配置Qt5.15.2
seedlint的博客
08-22 7136
欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片
Ubuntu20.04.6+Qt5.15.2+QtCreator10.0.1中文输入法
04-03
Ubuntu20.04.6+Qt5.15.2+QtCreator10.0.1中文输入法libfcitxplatforminputcontextplugin库
QT5.14.2配置QVTKOpenGLNativeWidget控件并在QT中显示VTK窗口
weixin_39354845的博客
11-02 5489
操作系统：win 10 QT: 5.15.2 VTK : 9.1
QT5.15.2+ubuntu20.04+vscode联合开发配置
qq_45999722的博客
06-29 1094
一开始可能没有5.15.2，点击Archive–>筛选就出来了，里面的组件都可以勾上，或者后续自己添加，我这里都勾上了，然后就是等待。作为一个项目，大家肯定不希望所有文件都放在一个目录中，所以可以将一个工程文件分为src,include,build,icons等。奇怪，windows下的CMakeLists.txt居然设置ui有问题，目录i结构还是和上面一样。这里注意到，安装的位置是在opt/xxx,这个自己记住，后面会用来的配置系统的环境。vscode 的安装就不再说了，需要用到几个插件，如下。
ubuntu20.04安装Qt5.15.2并配置环境
f120854632的博客
04-06 6985
qt官方取消了离线安装的方式，所以推荐在线安装，当然，如果想要自己通过源码编译也可以，参考官方文档：https://wiki.qt.io/Building_Qt_5_from_Git。 在线安装： 1.到官方网站下载：wget https://download.qt.io/official_releases/online_installers/qt-unified-linux-x64-online.run 2.修改文件权限：chmod 777 qt-unified-linux-x64-online.run
Ubuntu20.04安装Qt5.15.2
kundezui的博客
05-16 4952
Ubuntu20.04安装Qt5.15.2ubuntu20.04的镜像源安装Qt5.15.2的步骤Qt5.15.2安装过程及注意事项 ubuntu20.04的镜像源 Ubuntu20.04的镜像源，百度随便一搜就能找到，这里放一个我用的版本 提取码：e4f4 安装Qt5.15.2的步骤 因为最近在学QtNodes3.x，而QtNodes3.x至少需要Qt5.15以上的版本，否则里面某些功能不能实现（如，不能创建节点等）。而Qt从5.15开始至现在的Qt6等等，都是在线安装的方式，这与网速有着不小的联系。网上
Ubuntu20.04基于QT5.15.2搭建android环境
刘一儿(嵌入式)
03-31 5282
一、之前搭建Qt for android环境步骤 1.安装JDK然后再配置环境变量。 2.安装SDK配置环境变量 3.安装NDK配置环境变量 二、现在搭建Qt for android环境 1.安装JDK然后再配置环境变量。 下载jdk Java Downloads | Oracle 选择框线那个。 解压到： /opt/jdk/jdk-18 编辑bashrc文件 vi ~/.bashrc 设置内容如下： #set jdk environment export JAV..
vtk9.1 + ubuntu20.04 +qt 5.15.2 编译
alay_sjl的博客
05-17 461
具体见https://vtk.org/Wiki/VTK/Configure_and_Build#Qt5.* 否则会在make到100%的时候报qml component什么的错误（我的qt没有安装qml和quick）让vtk支持qt，主要目的是想在qt中显示点云，第一步得重新编译vtk以得到libQVTKWidgetPlugin.so。然后就很简单了 一路make sudo make install。注意这里一定要配置CMAKE_PREFIX_PATH。build目录下 cmake-gui …
在Ubuntu20.04.6上编译Qt5.15.2源码并安装
daqinzl的专栏
05-18 415
在Ubuntu20.04.6(x86_x64)上编译Qt5.15.2源码并安装
Qt+WebAssembly学习笔记（二）ubuntu20.04+Qt5.15.2开发环境搭建
aggs1990的专栏
07-22 1609
一、安装ubuntu20.04 安装方法很多，笔者不再重复编写，笔者使用VMware新建一个虚拟机，然后安装ubuntu20.04 注：笔者使用VMware16,安装后发现无法正常运行vmware tool,请读者自行测试 二、安装如下工具包 #安装所需要的gcc编译器 sudo apt-get install build-essential #安装Qt运行所需要的库 sudo apt-get install libxcb-xinerama0 sudo apt-get install mesa-c
Qt+Cutelyst学习笔记（七）ubuntu20.04+Qt5.15.2编译动态库
aggs1990的专栏
03-11 581
前言 之前文档都是windows下的，本次记录下ubuntu20.04的编译过程 一、安装需要的依赖、软件 ubuntu下比较简单，直接使用命令就可以了 sudo apt install git cmake cmake-gui g++ qtbase5-dev uwsgi clearsilver-dev libgrantlee5-dev uuid-dev libcap-dev libzmq3-dev libpwquality-dev libmemcached-dev libjemalloc-dev.
ubuntu20.04下QT安装
03-01
在Ubuntu 20.04操作系统中安装QT开发环境是一个重要的步骤，对于任何希望使用Qt进行跨平台应用程序开发的开发者来说都是必要的。以下是一个详细且全面的指南，涵盖了从安装基础开发工具到设置Qt环境的整个过程。 ...
ubuntu20.04安装QT.pdf
12-11
ubuntu20.04安装QT 一、 安装cmake 二、 安装gcc和g++ 三、 下载QT 四、 安装QT 五、 故障解决
QT6.0+ubuntu20.04
04-06
ubuntu 20.04 安装QT
Ubuntu 20.04 下载、安装、配置、使用 QT 5.9.0
01-09
Ubuntu系统版本：ubuntu-20.04-desktop-amd64 QT版本：qt-opensource-linux-x64-5.9.0 其它版本也都是一样，可以参考进行操作配置 一、下载 清华大学开源软件镜像站：...
QT--线程
m0_51830537的博客
07-24 1699
【代码】QT--线程。
Qt触摸事件开发总结
最新发布
漫步者
07-24 706
在触摸设备中，触摸屏的触摸事件发送到系统中后，qt系统默认会将触摸事件转换为鼠标事件，但是这并不以为意味着触摸事件消失了，而是在系统中触摸事件、鼠标事件同时存在，如果某个控件打开了手势开关，那么系统将同时存在触摸事件、鼠标事件和手势事件。第一个问题，首先说qt系统中的触摸事件、鼠标事件和手势事件是否可以共存，答案是肯定的，默认情况下qt系统会将触摸事件（touch事件）转换为鼠标事件，也就是说。最近对触摸事件比较感兴趣，研究了一下触摸相关的事件，并在此进行整理，不准确的地方希望大家斧正。
qt 应用更新升级时如何替换正在运行的exe文件
weixin_42602900的博客
07-24 547
qt 应用更新升级时如何替换正在运行的exe文件
写一个 使用 Qt VTK并行渲染的程序
03-24
非常感谢您的提问。以下是一个示例程序，可以使用 Qt 和 VTK 进行并行渲染。 ```cpp #include <iostream> #include <vtkRenderer.h> #include <vtkRenderWindow.h> #include <vtkSmartPointer.h> #include <vtkParallelRenderManager.h> #include <QVTKOpenGLWidget.h> #include <QVTKInteractor.h> int main(int argc, char* argv[]) { // Initialize Qt application QApplication app(argc, argv); // Create a VTK renderer vtkSmartPointer<vtkRenderer> renderer = vtkSmartPointer<vtkRenderer>::New(); // Set up a Qt/VTK render window QVTKOpenGLWidget* widget = new QVTKOpenGLWidget(); widget->GetRenderWindow()->AddRenderer(renderer); // Set up parallel rendering vtkSmartPointer<vtkParallelRenderManager> parallelManager = vtkSmartPointer<vtkParallelRenderManager>::New(); parallelManager->SetRenderWindow(widget->GetRenderWindow()); // Add some VTK actors to the renderer here // Start the Qt event loop widget->show(); app.exec(); return 0; } ``` 请注意，本示例假设您已经熟悉了 Qt、VTK 和并行渲染的基础知识。如果您需要更详细的说明，请参阅 Qt 和 VTK 文档。 希望这能帮助您实现您的并行渲染程序！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值