QT入门教程：如何从设计工具导出图稿

Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写，所有平台无差别运行，更提供了几乎所有开发过程中需要用到的工具。如今，Qt已被运用于超过70个行业、数千家企业，支持数百万设备及应用。

点击下载QT最新试用版

设计工具导出图稿

首先您需要用Qt Bridge从设计工具中导出2D资源，然后再导入它们。使用3D资产时，可以使用3D图形工具提供的导出功能将资产保存为广泛使用的3D图形格式，然后使用Qt Bridge导入它们。

为了在导入3D资产时获得最佳结果，请遵循创建和导出它们的准则。

• 从Adobe Photoshop导出设计

  您可以使用Adobe Photoshop中的Qt Bridge for Adobe Photoshop导出工具将图稿转换为Qt Quick文件（.ui.qml），然后可以将其导入Qt Design Studio中的项目。

  

  如果您想使用Adobe Illustrator创建图稿，则可以将资产作为智能对象复制粘贴到Adobe Photoshop 。

  以下主题介绍了如何设置和使用Qt Bridge for Adobe Photoshop：

  • 为Adobe Photoshop设置Qt Bridge

    必须先安装和设置Qt Bridge for Adobe Photoshop导出工具，然后才能使用该工具将图稿转换为Qt Quick文件，然后再将其导入Qt Design Studio中的项目。

  • 将Qt Bridge用于Adobe Photoshop

    为了在使用Qt Bridge for Adobe Photoshop将设计从Photoshop导出到Qt Quick文件时获得最佳结果，应遵循与Photoshop一起使用和组织资产的准则。

• 从sketch导出设计

  您可以使用Sketch中的Qt Bridge for Sketch导出工具将图稿转换为Qt Quick文件，然后可以将其导入Qt Design Studio中的项目。

  

  以下主题描述设置和使用Qt Bridge for Sketch：

  • 为草图设置Qt Bridge

    必须先安装Sketch和Qt Bridge for Sketch导出工具，然后才能使用该工具将图稿转换为Qt Quick文件，然后再将其导入Qt Design Studio中的项目。

  • 使用Qt Bridge进行素描

    为了在使用Qt Bridge for Sketch将设计从Sketch导出到Qt Quick文件时获得最佳结果，应遵循有关使用Sketch和组织资产的准则。

• 从3D assets 中导出

  您可以导入使用3D图形应用程序创建的文件，并以几种广泛使用的格式存储文件，例如.blend，.dae，.fbx，.glb，.gltf，.obj，.uia或.uip。

  根据3D图形工具的不同，您可能需要安装导出插件才能将文件导出为特定格式。

   为了在导出3D资产并将其导入Qt Design Studio时获得最佳结果，请遵循以下各节中的一般。

  几何

  Qt Design Studio支持导出为三角形，四边形和五边形的几何。对于基本几何，您最需要注意的是枢轴点和变换。 

  枢轴点

  在Qt Design Studio中，每个组件只有一个枢轴。它用作缩放和旋转的原点。根据需要调整3D模型枢轴的位置。

  但是，对3D建模工具中的轴进行大量编辑会在导入Qt Design Studio时引起问题，尤其是在进行动画处理时。这种差异通常表现为组件位置或方向的差异。您只需对枢轴点进行简单的编辑，就可以避免这类问题。将轴心点保持默认（世界）对齐，不要缩放它们，并确保如果您有多个轴心（Maya），则它们都在空间中的同一位置。

  变换
  

  您可以导入完整的3D变换信息，包括位置，旋转，比例和枢轴。Qt Design Studio可以导入左手坐标系和右手坐标系，y向上或z向上以及以任何顺序应用的旋转。这方面的主要限制是枢轴点。如上所述，仅支持对枢轴点的简单编辑。

  大多数3D图形工具使您能够将变换应用于零部件和顶点。我们强烈建议您在将网格数据导入Qt Design Studio之前这样做。这样可以确保进入Qt Design Studio的网格具有干净的变换数据，并且没有任何会混淆或妨碍您工作的任意变换值。

  注意：应用转换后，您可能必须在某些3D图形工具中重新定位枢轴点。

  动画制作

  任何导入的属性均支持动画。位置，旋转，缩放和枢轴都可以设置动画。例如，可以导入以任意轴顺序在任意轴上同时旋转的项目层次。Qt Design Studio还支持将调整后的贝塞尔曲线切线值导入动画中。

  基于时间的动画

  在许多3D建模工具中，创建关键帧时，会将其与帧号相关联。这在帧速率恒定的电影行业中非常有用，但在帧速率可能坚如磐石的应用中会带来问题。如果要指定徽标动画播放180帧，则它可能以60 FPS播放3秒钟，但是如果速度降至30 fps，则动画也会变得慢很多。

  幸运的是，这很简单。许多3D建模工具默认将设置设置为每秒24帧，因此您的关键帧将以该比例转换。如果您想在一秒钟使用关键帧，请将其放在第24帧上。在两秒钟内，使用第48帧，依此类推。

  通常，提供可配置的帧速率，并且导入时应注意帧速率设置。

  默认情况下，某些工具（例如Maya）从第1帧开始。如果在第1帧处有一个关键帧，则该关键帧的时间将为1/24或0.041秒。编辑Maya动画设置以在第0帧或0/24 = 0秒开始动画。

  在Qt Design Studio中，您可以指定动画的持续时间以及开始和结束帧。

  变形动画

  Qt Design Studio不支持变形动画，例如晶格和折弯。但是，您可以通过将变形动画转换为FBX格式支持的混合形状动画来解决此限制。在导出动画之前，您需要将其中的动作烘焙到关键帧中。

  动画的baking动作

  您需要baking动作以导出使用自定义曲线或对象约束来控制动画的动画。

  动作是包含动画数据的数据块。如果要导出动画，则需要baking动作。

  动画系统

  3D建模工具提供了高度复杂和专业的动画系统。我们建议在可行时使用Qt Design Studio 时间线视图。这有助于保持导入上的网格信息干净，并减少导入的网格动画与Qt Design Studio动画之间的冲突。

  Qt Design Studio中的动画系统是bezier关键点的完整实现，您可以使用3D建模工具创建并导出的bezier动画的完整补充在Qt Design Studio中表示。受支持的格式施加的限制缓解了各种动画系统之间更极端的差异。

  材质和纹理

  在导出3D图形之前，请在3D图形工具中创建并分配材质槽。如果添加多个物料插槽，则第一个将分配给对象。仅将具有材质并在导出对象上分配给网格的材质槽导入Qt Design Studio。

  如果没有为对象分配任何材质槽，则将素材导入Qt Design Studio时，默认材质将附加到所创建的组件上。

  对模型进行UV展开将创建UV布局。没有UV布局，您将无法在Qt Design Studio中的模型上渲染任何纹理。

  根据3D图形工具的不同，有很多不同的方法和技术可以解开3D网格。

  灯光

  灯光将导入Qt Design Studio。保留位置，旋转，比例，亮度，浅色和投射阴影属性值。

  如果Qt Quick 3D不支持该光源类型，则将其转换为支持的类型之一。

  摄影机

  透视相机和正交相机已导入Qt Design Studio。保留位置，旋转和比例属性值以及开始和结束剪切值。对于透视相机，还保留了视场值。

  节点层次结构

  Qt Design Studio支持导入层次结构信息。支持任意深度的层次结构，包括分组的节点。按预期方式应用了层次转换。