【QtQuick3D学习】使用Qt Design Studio创建项目并使用Qt Creator打开测试运行——基于C++和Cmake

最新推荐文章于 2026-05-13 14:19:03 发布
原创 最新推荐文章于 2026-05-13 14:19:03 发布 · 2.5k 阅读 · 24
标签
#学习 #qt #c++ #3d
本文介绍了如何使用QtDesignStudio创建C++项目，包括模板选择、默认布局、3D场景的设置，以及如何用QtCreator打开并配置项目。着重对比了两种工具生成的文件结构和构建运行结果。

使用Qt Design Studio创建项目并使用Qt Creator打开测试运行——基于C++和Cmake

项目创建与运行

可以选择模板，更改大小，方向，风格，然后创建项目

选择3D会自动帮你创建一个带3D场景的项目，其中有一个正方体

在这里插入图片描述

默认的布局

左边是管理窗口，可以拖拽添加模块，中间是预览窗口，右边是代码和属性窗口

在这里插入图片描述

点击右上角可以切换布局

所有的可操作窗口

在这里插入图片描述

运行结果

在这里插入图片描述

结构分析

通过此方法创建的项目与3.cTestNew中勾选Qt Design Studio相关的选项后创建的项目的结构基本一致

文件结构

文件中少了一个CMakeLists.txt.user，在使用Qt Creator打开项目并配置后会出现

最低0.47元/天 解锁文章
Qt Design Studio 软件怎么用（详细+通俗+有趣）
深耕CV
03-25 1万+
Qt Design Studio 软件的使用
Qt第五十二章：Qt Design Studio使用技巧。
Good Luck
12-30 7281
Qt Design Studio使用技巧。
Qt 3D 深度解析：QtQuick 与 Scene Graph 驱动的工业级 3D 渲染架构
最新发布
weixin_37756080的博客
05-13 444
本文深入解析Qt 3D核心技术架构与优化策略。Qt 3D采用声明式ECS模式构建3D场景，通过Entity-Component组合实现灵活扩展，支持多线程并行处理（逻辑、渲染、输入）。其核心创新包括：复用QtQuick场景图的无锁脏标记机制，以及类似Vulkan的可编程Framegraph渲染管线。文章还展示了延迟渲染等工业级应用实现方案，为数字孪生、CAD可视化等场景提供高性能解决方案。
[QDS]从零开始，写第一个Qt Design Studio到程序调用的项目
Andius的博客
11-21 8054
最近在使用Qt Design Studio进行开发，但是简中网上要不就是只搜得到Qt Designer(Qt Creator内部库)，要不就只搜得到一点营销号不知道从哪里搬来的账号，鉴于Qt Design Studio是一个这么强大的软件，自然是需要来进行一下小小的实践的。所以开了这篇文章，方便没有使用过Qt Design Studio 和 QML的开发者也可以快速上手QDS(Qt Design Studio)。在本文中，你将学会如何使用QDS开发一个简单的QML程序，与你的C++后端代码进行交流。
Qt Design studio使用
热门推荐
Crawl.W的博客
07-18 4万+
Qt Design Studio实现了UI设计到qml的转换，该文是关于Qt Design Studio的使用手册，主要来自官方文档，对于导出工具的使用给出了一些实践的建议。
Qt Design Studio
天道酬勤
09-02 5994
Qt Design Studio
【QtQuick3D学习】使用Qt Design Studio设计UI并导入Qt Creator项目中使用——基于C++和Cmake
CSDN_Lcy的博客
11-25 6462
由于Screen01.ui.qml文件的特殊性，会跳转到设计窗口，不用担心。同样的跳转到错误处，将错误内容注释，根据内容推测，跟字体相关，暂时不用。创建项目，得到基本项目框架，或者使用之前创建好的项目。创建项目，得到基本项目框架，或者使用之前创建好的项目。此时直接构建运行，还是原来的窗口，所以需要更改代码。重新构建运行，在应用程序输出窗口得到下面的错误输出。重新构建运行，在应用程序输出窗口得到下面的错误输出。重新构建运行，在应用程序输出窗口得到下面的错误输出。再次构建运行，得到应用窗口，与此前。
【QtQuick3D学习】使用Qt Creator创建Qt Design Studio项目测试运行——基于C++和Cmake
CSDN_Lcy的博客
11-23 1173
文件中除了基本的文件，也多了一个qmlproject文件，可以使用Qt Design Studio打开。在Details中多了一个与Qt Design Studio相关的选项，勾选与不勾选的差别在下面展示。项目结构也变得不一样了，没有qml.qrc文件，取而代之的是多了两个文件夹。分析CmakeLists.txt文件可知，qml文件管理被放在了该文件中。在不勾选的情况下，文件结构与之前的基本一致，少了一个qml.qrc文件。综合分析，在新版本中所有的项目文件均由Cmake系统管理。得到一个可以交互的窗口。
Qt Design Studio新手必看：3D项目从创建到Qt Creator调试全流程（附C++/CMake配置技巧）
joy55的博客
03-06 533
本文为Qt Design Studio新手提供了从零创建QtQuick3D项目到在Qt Creator中调试集成的完整流程指南。详细解析了项目结构、CMakeLists.txt的核心配置，并重点介绍了如何实现C++与QML的交互调试，帮助开发者高效构建3D可视化应用。
【QtQuick3D实战】从Qt Design Studio到Qt Creator：跨平台3D项目开发全流程解析
weixin_29009339的博客
03-28 242
本文详细解析了使用QtQuick3D进行跨平台3D项目开发的全流程，重点介绍了Qt Design Studio与Qt Creator的协作优势。通过实战案例展示如何从可视化设计到代码实现的无缝衔接，涵盖项目迁移、资源管理、性能优化等关键环节，帮助开发者高效构建高质量的3D应用程序。
Qt Design Studio新手必看：3D项目从创建到Qt Creator调试全流程（附常见问题解决）
weixin_29014237的博客
03-21 285
本文详细介绍了使用Qt Design Studio进行3D项目开发的全流程，从环境准备、项目创建到Qt Creator调试，涵盖了QtQuick3D的应用、QML开发技巧及常见问题解决方案。适合新手快速上手Qt 3D开发，提升跨平台项目开发效率。
【QtQuick3D实战】Qt Design Studio与Qt Creator协同开发：从UI设计到C++集成的全流程解析
weixin_29015899的博客
03-04 113
本文详细解析了如何利用Qt Design Studio与Qt Creator进行协同开发，实现从UI设计到C++集成的全流程。通过对比工具定位，阐述了两者分工协作的必要性，并提供了从环境准备、项目创建、文件迁移、代码桥接到调试优化的完整实战指南，帮助开发者高效构建QtQuick3D应用程序。
QtQuick3D实战：用Qt Design Studio和Creator打造可移植3D项目（解决.user文件丢失问题）
weixin_29021195的博客
03-06 186
本文深入探讨了在QtQuick3D开发中，如何解决Qt Design Studio与Qt Creator协作时常见的工程文件不兼容问题，特别是.user文件丢失的困扰。通过解析工具链差异、重构标准项目结构、编写健壮的CMakeLists.txt以及优化3D资源管理，提供了一套实现项目可移植与高效协作的实战指南。
QML 项目中使用 Qt Design Studio 生成的UI界面
billy的博客
01-03 1万+
今天来和大家聊一下 Qt Design Studio 这个软件。这个软件的主要功能是用来快速完成 UI 界面，就和 widget 中的 designer 设计器一样，可以把控件直接拖到界面上，通过修改属性快速完成一个界面，通过预览非常直观的看到界面效果，效率可以说是非常高的。不同的是，Qt Design Studio 生成的是 .ui.qml 文件，看后缀我们就知道这是用在 Qt Quick 项目中的。相当于原来的 qt quick designer，
QtCreator和QtDesignStudio最佳实践
我是唐
07-23 4188
Qt Design Studio 最佳实践
Qt Creator、Qt Designer、Qt Design Studio，三种开发工具，您选择哪一种？
QT性能优化QT原理源码QT界面美化
07-18 1万+
可视化设计QML界面，可以直接拖放界面元素来设计QML应用程序，还可以编写QML代码和JavaScript代码，以及C++代码。这个工具还包含了一些比较创新的想法，比如 QT网站称可以直接从普通的界面草图的图片文件自动生成对应的QML界面。毕竟是新出来的工具，加进去了一些比较创新的设计在里面，对于习惯了QT Creator的软件工程师来讲，可能会有一些操作一时半会还不太习惯。Qt Creator： 扮演的是QT Widgets和QT QML的IDE的角色。
Qt Design Studio 社区版安装
CodeJolt的博客
09-19 6376
Qt Design Studio 提供了强大的可视化设计工具，你可以拖拽和放置 UI 元素，调整其属性和样式，以及定义交互行为。Qt Design Studio 支持将设计导出为 Qt 代码和资源文件，这样你可以将其集成到你的 Qt 项目中继续开发。在 Qt Design Studio 中，选择“文件”->“导出”菜单，然后选择适当的导出选项和目标路径。确保选择适合你的系统和需求的选项，并完成安装过程。你可以将上述代码复制到 Qt Design Studio 的编辑器中，并根据需要进行修改和定制。
Qt 3D 学习路径规划
一个老菜鸟的学习分享
03-03 5197
Qt 3D 学习路径规划 3D 用来做什么？ 什么是Qt 3D，什么时候选择Qt 3D Opengl入门及学习资料 官方实例 本系列文章只是记录本人学习Qt 3D的学习过程，其中很多都是借鉴网上搜寻的资料，其中有不对的，请积极指正。 文章目录Qt 3D 学习路径规划什么是3D，3D可以用来做什么什么是Qt 3DQt 3D 特性CPU核数Qt 3D 架构 什么是3D，3D可以用来做什么 3D是three-dimensional的缩写，在计算机里显示3d图形，就是说在平面里显示三维图形。不像现实世
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值