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：

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