申请/专利权人:成都中科合迅科技有限公司
申请日:2021-08-03
公开(公告)日:2021-10-12
公开(公告)号:CN113326045B
主分类号:G06F8/38(20180101)
分类号:G06F8/38(20180101)
优先权:
专利状态码:有效-授权
法律状态:2021.10.12#授权;2021.09.17#实质审查的生效;2021.08.31#公开
摘要:本发明提供了基于设计文件的界面代码生成方法,其利用代码生成终端接收并识别分析设计文本,再根据对设计文件的识别分析结果,得到用于界面代码生成的文本类型文件和图片类型文件;以及根据文本类型文件和图片类型文件分别形成设计语言文件和样本界面,再以样本界面为蓝本形成对应风格的代码设计界面,和将设计语言文件内嵌在代码设计界面中生成相应的界面代码,其通过标准化的方式取代人工设计的方式生成代码设计界面,以及将设计语言文件直接嵌套在代码设计界面中,整个过程不需要设计人员的深入参与,这样免去了界面设计师和编程人员之间的协调工序,同时还能够大大提高界面代码的开发效率。
主权项:1.基于设计文件的界面代码生成方法,其特征在于,其包括如下步骤:步骤S1,确定代码生成终端的身份信息后,向所述代码生成终端发送设计文件;对接收到的设计文件进行检查,以此确定设计文件是否为安全设计文件;步骤S2,从所述安全设计文件中识别得到其包含的文本类型文件和图片类型文件;分析所述文本类型文件,生成关于所述安全设计文件包含的控件关联的设计语言文件;分析所述图片类型文件,生成与所述图片类型文件在视觉上相关联的样本界面;在所述步骤S2中,分析所述文本类型文件,生成关于所述安全设计文件包含的控件关联的设计语言文件具体包括:从所述文本类型文件中提取得到其包含的领域专用语言文本文件;对所述领域专用语言文本文件进行解析,从而生成用于表征所述领域专用语言文本文件中各个控件之间的嵌套布局关系;再根据所述嵌套布局关系,构建所述领域专用语言文本文件包含的所有控件相互之间的布局结构树;并将所述布局结构树作为所述设计语言文件进行存储;在所述步骤S2中,分析所述图片类型文件,生成与所述图片类型文件信息在视觉上相关联的样本界面具体包括:从所述图片类型文件中提取得到相应的样本图片后,识别所述样本图片的背景图像和功能区图像;根据所述背景图像的色度值和亮度值,以及所述功能区图像的功能窗口的尺寸,生成所述图片类型文件信息在视觉上相关联的样本界面;根据所述背景图像的色度值和亮度值,以及所述功能区图像的功能窗口的尺寸,生成所述图片类型文件信息在视觉上相关联的样本界面具体包括:确定所述背景图像的色度值和亮度值,并将所述色度值和所述亮度值分别与预设色度值范围和预设亮度值范围进行比对;若所述色度值位于所述预设色度值范围内以及所述亮度值位于所述预设亮度值范围内,则将所述色度值和所述亮度值作为样本界面的背景区域最终的色度值和亮度值;否则,将所述预设色度值范围的中值色度值和所述预设亮度值范围的中值亮度值作为样本界面的背景区域最终的色度值和亮度值;以及,确定功能区图像的功能窗口的尺寸,并将所述尺寸与预设尺寸阈值进行比对;若所述尺寸小于或等于所述预设尺寸阈值,则将所述尺寸作为样本界面的功能窗口的最终尺寸;若所述尺寸大于所述预设尺寸阈值,则将所述预设尺寸阈值作为样本界面的功能窗口的最终尺寸;根据所述最终的色度值和亮度值,构建形成样本界面的背景区域;根据所述最终尺寸,构建形成样本界面的功能窗口;步骤S3,根据所述样本界面,生成相应风格的代码设计界面;并将所述设计语言文件设置在所述代码设计界面;再根据所述代码生成终端接收到的触发指令,运行所述代码设计界面,从而生成相应的界面代码。
全文数据:
权利要求:
百度查询: 成都中科合迅科技有限公司 基于设计文件的界面代码生成方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。