数据转换方法、装置和电子设备与流程

本公开涉及数据处理，尤其是涉及一种数据转换方法、装置和电子设备。

背景技术：

1、相关技术中，页面设计人员通常在figma等设计工具中设计ui效果图，然后通过手动重建的方式，在引擎中对ui效果图中文本和图片等进行一一还原，得到工程可用的页面ui图，该方式需要消耗大量的人力，且手动重建的过程中容易出错。

技术实现思路

1、本公开的目的在于提供一种数据转换方法、装置和电子设备，以自动将设计的界面效果图转换为游戏引擎中可用的界面ui图，减少了手动操作的时间和错误，提高了工作效率并降低了潜在的错误率。

2、第一方面，本公开提供了一种数据转换方法，该方法包括：获取目标界面设计图对应的节点数据，并将节点数据转换为预设格式的目标数据；其中，目标界面设计图由多个节点组成，节点包括文本和/或图片；目标数据包括多个节点对应的图片资源、图片路径、节点树信息和标记信息；标记信息用于指示：部分节点对应的文本和/或图片所属的通用控件的存储路径和对应的节点类型；将目标数据导入至目标引擎中，以使目标引擎基于目标数据对多个节点进行重构，并基于节点类型在目标引擎上渲染重构后的节点对应的文本和/或图片，得到渲染后的目标界面；其中，渲染后的目标界面的显示样式与目标界面设计图的样式相匹配。

3、第二方面，本公开提供了一种数据转换装置，该装置包括：数据转换模块，用于获取目标界面设计图对应的节点数据，并将节点数据转换为预设格式的目标数据；其中，目标界面设计图由多个节点组成，节点包括文本和/或图片；目标数据包括多个节点对应的图片资源、图片路径、节点树信息和标记信息；标记信息用于指示：部分节点对应的文本和/或图片所属的通用控件的存储路径和对应的节点类型；节点重构模块，用于将目标数据导入至目标引擎中，以使目标引擎基于目标数据对多个节点进行重构，并基于节点类型在目标引擎上渲染重构后的节点对应的文本和/或图片，得到渲染后的目标界面；其中，渲染后的目标界面的显示样式与目标界面设计图的样式相匹配。

4、第三方面，本公开提供了一种电子设备，该电子设备包括处理器和存储器，该存储器存储有能够被处理器执行的机器可执行指令，该处理器执行机器可执行指令以实现上述数据转换方法。

5、第四方面，本公开提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令在被处理器调用和执行时，该计算机可执行指令促使处理器实现上述数据转换方法。

6、本公开实施例带来了以下有益效果：

7、本公开提供的一种数据转换方法、装置和电子设备，首先获取目标界面设计图对应的节点数据，并将节点数据转换为预设格式的目标数据；其中，目标界面设计图由多个节点组成，节点包括文本和/或图片；目标数据包括多个节点对应的图片资源、图片路径、节点树信息和标记信息；标记信息用于指示：部分节点对应的文本和/或图片的存储路径，以及对应的节点类型；然后将目标数据导入至目标引擎中，以使目标引擎基于目标数据对多个节点进行重构，并基于节点类型在目标引擎上渲染重构后的节点对应的文本和/或图片，得到渲染后的目标界面；其中，渲染后的目标界面的显示样式与目标界面设计图的样式相匹配。该方式通过将界面设计图对应的节点数据转换为预设格式，可在引擎中自动重构对应的节点，实现视觉效果图到工程的转换，减少了手动操作的时间和错误，提高了工作效率并降低了潜在的错误率。

8、本公开的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本公开的上述技术即可得知。

9、为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施方式，并配合所附附图，作详细说明如下。

技术特征：

1.一种数据转换方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述节点树信息包括所述多个节点之间的拓扑信息、各个所述节点对应的节点信息和文本内容；

3.根据权利要求2所述的方法，其特征在于，所述节点信息包括如下至少一种：显示位置和显示样式；所述响应针对所述多个节点的调整操作，调整所述初始界面设计图对应的节点信息，得到所述目标界面设计图对应的节点信息的步骤，包括如下至少一种：

4.根据权利要求2所述的方法，其特征在于，所述响应针对第一节点的标记操作，确定所述第一节点的标记信息的步骤，包括如下至少一种：

5.根据权利要求1所述的方法，其特征在于，所述基于所述目标数据对所述多个节点进行重构，并基于所述节点类型在所述目标引擎上渲染重构后的节点对应的文本和/或图片，得到渲染后的目标界面的步骤，包括：

6.根据权利要求1所述的方法，其特征在于，所述目标引擎上显示的所述渲染后的目标界面包含的节点，与所述目标界面设计图包含的节点存在一一对应关系，且所述界面设计图包含的节点对应的节点信息存储在所述渲染后的目标界面包含的节点对应的节点信息中。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

8.一种数据转换装置，其特征在于，所述装置包括：

9.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述存储器存储有能够被所述处理器执行的机器可执行指令，所述处理器执行所述机器可执行指令以实现权利要求1至7任一项所述的数据转换方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令在被处理器调用和执行时，所述计算机可执行指令促使所述处理器实现权利要求1至7任一项所述的数据转换方法。

技术总结
本公开提供了一种数据转换方法、装置和电子设备，获取由多个节点组成的目标界面设计图对应的节点数据，将节点数据转换为预设格式的目标数据；其中，节点包括文本和/或图片，目标数据包括多个节点对应的图片资源、图片路径、节点树信息和标记信息；标记信息用于指示部分节点对应的文本和/或图片的存储路径和节点类型；将目标数据导入至目标引擎中，以使目标引擎基于目标数据对多个节点进行重构，并基于节点类型在目标引擎上渲染重构后的节点，得到渲染后的目标界面。该方式通过将界面设计图对应的节点数据转换为预设格式，可在引擎中自动重构对应的节点，实现视觉效果图到工程的转换，减少了手动操作的时间和错误。

技术研发人员：庞思源,梁京许,魏皓琳
受保护的技术使用者：网易（杭州）网络有限公司
技术研发日：
技术公布日：2024/12/30