Qt Design Studio-3D汽车模型展示

前言

昨天的文章中简单介绍了Qt Quick 3D，并描述了其中的四个部分：场景环境、相机、模型和灯光。在Qt Design Studio中可以直观的看到这几部分的用法，因此本节使用Qt Design Studio来展示Qt Quick 3D的效果。

本节使用的例子来源于Qt官方新发布的汽车智能数字座舱演示，非常的具有科幻感，有兴趣的小伙伴们可以去下方链接处进行观看。

www.bilibili.com/video/BV1bY…

工程文件结构

文件结构如下图所示：先说imports文件夹，imports文件夹是项目创建时自动生成的，包含的几个.qml文件是对语言、加载方式和样式等的一些配置。这个文件夹下的文件一般不需要我们手动更改。

content文件夹下的App.qml类似于程序中的main函数一样，是程序运行的入口，一般不需要我们手动更改。

content文件夹下的Screen01.ui.qml是主要文件，我们双击此文件进入编辑模式。

content文件夹下的car_final文件夹是小汽车模型在Balsam工具中转换的文件，属于资源文件。engine_simplified文件夹同样也是资源文件。images文件夹中是背景图片和地板图片。

导航栏结构

双击Screen01.ui.qml进入编辑模式，可以看到如下图所示的导航栏结构，这是已经添加过资源文件的结构。可以将此结构分为两个部分，一个部分是view3D结构体系，用来展示汽车3D模型。另一个部分是按钮列，用来切换3D视图状态。

整个视图有5个状态，除了base state状态以外，其余4个状态分别对应Side、Front、Back和Interior按钮。下图是States图：

以下是这几个按钮的信号连接图：

效果预览

作者：何名取
链接：https://juejin.cn/post/7112439747200417800
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

原文始发于微信公众号（汇编语言）：Qt Design Studio-3D汽车模型展示