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

权利要求书

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

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

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

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

2.根据权利要求1所述的从设计效果图到可视化实施画面转换的方法，其特征在于，所述切图信息包括切图的尺寸、切图在画布中的位置坐标以及切图所属的功能模块。

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

4.根据权利要求1或3所述的从设计效果图到可视化实施画面转换的方法，其特征在于，将所述包含切图信息的xml文件输入所述一键导入工具，利用所述一键导入工具对所述包含切图信息的xml文件进行解析、并将不同功能模块的切图按设计效果图内的尺寸及位置拼装画面，获得可视化实施画面，包括利用所述一键导入工具对所述包含切图信息的xml文件进行解析，读取所述包含切图信息的xml文件内存储的切图的尺寸以及切图在画布中的位置坐标，在三维引擎内模拟一个Photoshop内的画布坐标系，进行一比一还原设计效果图。

5.根据权利要求1所述的从设计效果图到可视化实施画面转换的方法，其特征在于，所述图层命名规则包括不同类型的功能模块，所述不同类型的功能模块包括文本Text、图片Image和以特定符号开头的不同类型控件；利用不同类型的关键字区分不同类型控件；在关键字前设置下划线用于表示控件的不同功能；所述以特定符号开头的不同类型控件包括图层组按钮、输入框、滑动列表、滑动条、页签和开关选择。

6.根据权利要求5所述的从设计效果图到可视化实施画面转换的方法，其特征在于，所述文本Text中包括图片切图静态文本_ArtStatic、与三维引擎相关的静态文本_Static以及正常动态文本；所述图片切图静态文本_ArtStatic用于当做图片切图，导入三维引擎后为一张图片；所述与三维引擎相关的静态文本_Static为与三维引擎相关的静态文本，所述与三维引擎相关的静态文本_Static用于三维引擎生成时实现自动选择静态字体；所述正常动态文本不带关键字，所述正常动态文本用于在三维引擎生成时选择动态字体。

7.根据权利要求5所述的从设计效果图到可视化实施画面转换的方法，其特征在于，所述图片Image包括若干个用于实现不同图片功能的关键字，所述若干个用于实现不同图片功能的关键字包括九宫格图片_9S、大图片_Texture、脚本会自动切左半部分实现左右对称的图片_LeftHalf、脚本会自动切下半部分实现上下对称的图片_BottomHalf、脚本会自动切左下四分之一实现上下左右均对称的图片_Quarter、命名同一个psd中多次用到的图@Common以及命名多个psd中都用到过的图@Global。