[发明专利]一种从设计效果图到可视化实施画面转换的方法

说明书

本发明涉及数据可视化领域，公开了一种从设计效果图到可视化实施画面转换的方法，包括步骤：建立图层命名规则，设置一键导出工具和一键导入工具；获取与设计效果图相对应的psd文件，利用所述一键导出工具获得包含切图信息的xml文件；将包含切图信息的xml文件输入一键导入工具，利用一键导入工具对包含切图信息的xml文件进行解析、并将不同功能模块的切图按设计效果图内的尺寸及位置进行画面拼装，获得可视化实施画面。本发明将设计效果图内UI元素的尺寸和位置自动进行计算，形成可逆向还原效果图的xml文件以及UI元素切图并进行存储，并通过一键导入工具实现了从设计效果图到可视化实施画面的转换。

技术领域

本发明涉及数据可视化技术领域，具体地涉及一种从设计效果图到可视化实施画面转换的方法。

背景技术

随着大数据产业蓬勃发展，数据可视化的应用也越来越广泛，数据可视化把大量历史数据及实时数据进行应用处理，实现数据形象化、抽象化，从数据中分析业务、决策和规划，让数据迭代推动企业的发展和进步。在当前的数据可视化应用案例中，通常是使用拼接屏系统进行大屏高分辨率渲染，用户通过大屏幕的可视化展示画面进行业务场景的使用，如演示汇报、运营监控等。而现有技术中通常通过三维制图软件绘制设计效果图，却无法将设计效果图进行可视化实施画面转换，因此，亟需一种从设计效果图到可视化实施画面转换的方法将设计效果图转换成可视化实施画面。

发明内容

本发明提供一种从设计效果图到可视化实施画面转换的方法，从而解决现有技术的上述问题。

一种从设计效果图到可视化实施画面转换的方法，包括以下步骤：

S1)建立图层命名规则，设置一键导出工具和一键导入工具；

S2)获取与设计效果图相对应的psd文件，一键导出工具根据图层命名规则组织与设计效果图相对应的切图和文件夹结构，获得包含切图信息的xml文件；

S3)将包含切图信息的xml文件输入一键导入工具，利用一键导入工具对包含切图信息的xml文件进行解析、并将不同功能模块的切图按设计效果图内的尺寸及位置进行画面拼装，获得可视化实施画面。

进一步的，切图信息包括切图的尺寸、切图在画布中的位置坐标以及切图所属的功能模块。

进一步的，在步骤S2)中，一键导出工具根据所述图层命名规则组织与设计效果图相对应的切图和文件夹结构，获得包含切图信息的xml文件，包括利用一键导出工具对与设计效果图相对应的psd文件内的每个图层分别进行剪裁，获得若干个剪裁后的切图，若干个剪裁后的切图分别对应于不同功能模块，分别计算若干个剪裁后的切图的尺寸、并获取若干个剪裁后的切图在画布内的位置坐标，将若干个剪裁后的切图的尺寸以及若干个剪裁后的切图在画布内的位置坐标按照不同功能模块的类别进行存储，获得包含切图信息的xml文件。

进一步的，将包含切图信息的xml文件输入所述一键导入工具，利用一键导入工具对包含切图信息的xml文件进行解析、并将不同功能模块的切图按设计效果图内的尺寸及位置拼装画面，获得可视化实施画面，包括利用一键导入工具对包含切图信息的xml文件进行解析，读取包含切图信息的xml文件内存储的切图的尺寸以及切图在画布中的位置坐标，在三维引擎内模拟一个Photoshop内的画布坐标系，进行一比一还原设计效果图。

进一步的，图层命名规则包括不同类型的功能模块，不同类型的功能模块包括文本Text、图片Image和以特定符号开头的不同类型控件；利用不同类型的关键字区分不同类型控件；在关键字前设置下划线用于表示控件的不同功能；以特定符号开头的不同类型控件包括图层组按钮、输入框、滑动列表、滑动条、页签和开关选择。