QT教程：如何实现将图稿从PS等设计工具中导出

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

设计工具导出图稿
首先您需要用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：

为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支持导入层次结构信息。支持任意深度的层次结构，包括分组的节点。按预期方式应用了层次转换。