一种代码的生成方法及装置与流程

技术特征：
1.一种代码的生成方法，其特征在于，包括：获取资源层次数据，所述资源层次数据包括多个元素以及各个元素的坐标数据；根据所述资源层次数据确定所述各个元素之间的重叠关系；根据所述重叠关系确定所述各个元素的布局方式，并基于所述布局方式生成代码。2.根据权利要求1所述方法，其特征在于，所述根据所述资源层次数据确定各个元素之间的重叠关系，包括：基于预设的元素相交判断函数和元素包含判断函数，根据所述各个元素的坐标数据确定各个元素之间的位置关系，所述位置关系包括：非重叠关系和重叠关系；当所述位置关系为重叠关系时，根据各个元素的元素面积和元素类型确定各个元素的重叠关系类型，所述各个元素的元素面积是根据各个元素的坐标数据确定的，所述重叠关系类型包括：必要重叠关系和非必要重叠关系。3.根据权利要求2所述方法，其特征在于，所述根据所述重叠关系确定各个元素的布局方式，并基于所述布局方式生成代码，包括：当所述重叠关系类型为必要重叠关系时，确定所述各个元素中存在所述必要重叠关系所对应的多个必要重叠元素；根据所述必要重叠元素的坐标数据、元素面积和元素类型确定所述必要重叠元素的布局方式，所述必要重叠元素的布局方式包括绝对定位布局方式和静态布局方式；基于所述必要重叠元素的布局方式生成所述代码。4.根据权利要求2所述方法，其特征在于，所述根据所述重叠关系确定各个元素的布局方式，并基于所述布局方式生成代码，包括：当所述位置关系为非必要重叠关系，确定所述各个元素中存在所述非必要重叠关系所对应的多个非必要重叠元素；根据所述非必要重叠元素的坐标数据、元素面积和元素类型确定所述非必要重叠元素的布局方式，所述非必要重叠元素的布局方式包括横向静态布局方式和纵向静态布局方式；基于所述非必要重叠元素的布局方式，确定所述非必要重叠元素在布局画框算法中的虚拟坐标，所述虚拟坐标用于实现所述多个非必要重叠元素之间互相隔离；基于所述非必要重叠元素的布局方式生成所述非必要重叠元素的代码。5.根据权利要求4所述方法，其特征在于，所述方法还包括：设置flex样式判定允许负值，并设置单元素布局允许负边距；设置布局画框算法为允许负边距布局方式。6.一种代码生成装置，其特征在于，所述装置包括：获取模块，获取资源层次数据，所述资源层次数据包括多个元素以及各个元素的坐标数据；重叠关系确定模块，用于根据所述资源层次数据确定所述各个元素之间的重叠关系；代码生成模块，用于根据所述重叠关系确定所述各个元素的布局方式，并基于所述布局方式生成代码。7.根据权利要求6所述的装置，其特征在于，所述重叠关系确定模块，具体包括：位置关系判断子模块，用于基于预设的元素相交判断函数和元素包含判断函数，根据
所述各个元素的坐标数据确定各个元素之间的位置关系，所述位置关系包括：非重叠关系和重叠关系；重叠关系确定子模块，用于当所述位置关系为重叠关系时，根据各个元素的元素面积和元素类型确定各个元素的重叠关系类型，所述各个元素的元素面积是根据各个元素的坐标数据确定的，所述重叠关系类型包括：必要重叠关系和非必要重叠关系。8.根据权利要求7所述的装置，其特征在于，所述代码生成模块，具体包括：必要重叠元素确定子模块，用于当所述重叠关系类型为必要重叠关系时，确定所述各个元素中存在所述必要重叠关系所对应的多个必要重叠元素；布局方式确定子模块，用于根据所述必要重叠元素的坐标数据、元素面积和元素类型确定所述必要重叠元素的布局方式，所述必要重叠元素的布局方式包括绝对定位布局方式和静态布局方式；代码生成子模块，用于基于所述必要重叠元素的布局方式生成所述代码。9.根据权利要求7所述的装置，其特征在于，所述代码生成模块，具体包括：非必要重叠元素确定子模块，用于当所述位置关系为非必要重叠关系，确定所述各个元素中存在所述非必要重叠关系所对应的多个非必要重叠元素；布局方式确定子模块，用于根据所述非必要重叠元素的坐标数据、元素面积和元素类型确定所述非必要重叠元素的布局方式，所述非必要重叠元素的布局方式包括横向静态布局方式和纵向静态布局方式；虚拟坐标确定子模块，用于基于所述非必要重叠元素的布局方式，确定所述非必要重叠元素在布局画框算法中的虚拟坐标，所述虚拟坐标用于实现所述多个非必要重叠元素之间互相隔离；代码生成子模块，用于基于所述非必要重叠元素的布局方式生成所述非必要重叠元素的代码。10.根据权利要求9所述的装置，其特征在于，所述装置还包括：设置模块，用于设置flex样式判定允许负值，并设置单元素布局允许负边距；所述设置模块，还用于设置布局画框算法为允许负边距布局方式。

技术总结
本申请提供了一种代码的生成方法及装置，获取资源层次数据，所述资源层次数据包括多个元素以及各个元素的坐标数据；根据所述资源层次数据确定所述各个元素之间的重叠关系；根据所述重叠关系确定所述各个元素的布局方式，并基于所述布局方式生成代码。由上，通过识别元素间不同的重叠关系类型，针对性的进行相应布局设置，避免设计稿自动生成代码因重叠关系使得自动生成代码因绝对定位造成代码结构紊乱，保证自动生成代码的可用性。保证自动生成代码的可用性。保证自动生成代码的可用性。


技术研发人员：王磊 孟超 徐洋
受保护的技术使用者：北京尽微致广信息技术有限公司
技术研发日：2022.05.31
技术公布日：2022/8/12