设计稿的约束检测方法、装置、计算机设备及存储介质制造方法及图纸

本公开提供了一种设计稿的约束检测方法、装置、计算机设备及存储介质，其中，该方法包括：获取目标界面设计稿对应的目标界面代码；解析目标界面代码，确定各代码节点分别对应的界面组件的展示属性信息、展示约束信息以及各代码节点之间的层级关系；基于各代码节点分别对应的界面组件的展示属性信息和展示约束信息，确定各代码节点分别对应的界面组件的运动轨迹；基于各代码节点分别对应的界面组件的运动轨迹、各代码节点分别对应的界面组件的展示属性信息以及各代码节点之间的层级关系，确定所述目标界面设计稿中各界面组件的展示约束信息对应的约束检测结果，所述约束检测结果用于表征各展示约束信息是否合理。

【技术实现步骤摘要】

本公开涉及计算机，具体而言，涉及一种设计稿的约束检测方法、装置、计算机设备及存储介质。

技术介绍

1、设计稿转代码(design 2code，以下简称d2c)作为软件开发技术的必然产物与趋势，能够实现将设计师设计好的待转换的界面设计稿换为界面代码。

2、相关技术中，在对界面设计稿进行设计的过程中，往往会对界面设计稿中的界面组件设置展示约束信息，从而实现响应式的设计稿编辑效果，但由于展示约束信息设置的不够合理等原因，在开发人员开发界面设计稿的过程中可能会出现原本不重叠的界面组件发生重叠，和/或，原本重叠的界面组件不重叠的异常情况，从而使得开发人员可能需要反复调整展示约束信息，从而降低开发人员的开发效率。

技术实现思路

1、本公开实施例至少提供一种设计稿的约束检测方法、装置、计算机设备及存储介质。

2、第一方面，本公开实施例提供了一种设计稿的约束检测方法，包括：

3、获取目标界面设计稿对应的目标界面代码；其中，所述目标界面代码中包含多层级的代码节点，不同代码节点对应不同的界面组本文档来自技高网...

【技术保护点】

1.一种设计稿的约束检测方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述目标界面代码存储时的数据格式为节点树；

3.根据权利要求2所述的方法，其特征在于，所述基于各代码节点分别对应的界面组件的展示属性信息和展示约束信息，确定各代码节点分别对应的界面组件的运动轨迹，包括：

4.根据权利要求1所述的方法，其特征在于，所述基于各代码节点分别对应的界面组件的运动轨迹、各代码节点分别对应的界面组件的展示属性信息以及各代码节点之间的层级关系，确定所述目标界面设计稿中各界面组件的展示约束信息对应的约束检测结果，包括：>

5.根据权利...

【技术特征摘要】

1.一种设计稿的约束检测方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述目标界面代码存储时的数据格式为节点树；

3.根据权利要求2所述的方法，其特征在于，所述基于各代码节点分别对应的界面组件的展示属性信息和展示约束信息，确定各代码节点分别对应的界面组件的运动轨迹，包括：

4.根据权利要求1所述的方法，其特征在于，所述基于各代码节点分别对应的界面组件的运动轨迹、各代码节点分别对应的界面组件的展示属性信息以及各代码节点之间的层级关系，确定所述目标界面设计稿中各界面组件的展示约束信息对应的约束检测结果，包括：

5.根据权利要求4所述的方法，其特征在于，所述界面组件的展示属性信息包括界面组件的初始展示位置信息；

6.根据权利要求4所述的方法，其特征在于，所述运动轨迹包括在水平方向上的第一运动...

【专利技术属性】
技术研发人员：杨健，刘佳，
申请(专利权)人：抖音视界有限公司，
类型：发明
国别省市：