[发明专利]用户界面生成方法

说明书

技术领域

本发明涉及用户界面生成方法。

背景技术

目前的众多电子设备中一般是通过用户界面实现操作，用户界面首先是由界面工程师设计界面，然后再将设计好的界面交给软件工程师进行设计，软件工程师不但要对界面中的各图片进行坐标定义而且还要对各图片进行功能编辑，费时费力，影响了软件工程师的工作效率。

发明内容

为了解决现有技术中的问题，本发明提供了一种用户界面生成方法。

本发明提供了一种用户界面生成方法，包括如下步骤：

A.       将设计好的图片进行布局，并将每张图片封装成元件；

B.       对每个元件进行类型定义；

C.       记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型；

D.       生成包含有坐标信息及状态信息的供编程软件执行的文件；

E.       将供编程软件执行的文件及所有图片导出。

作为本发明的进一步改进，在所述步骤B中还包括定义每个元件的ID，在所述步骤C中，状态信息还包括每个元件的ID。

作为本发明的进一步改进，在所述步骤A中，通过flash软件将设计好的图片进行布局，并将每张图片封装成元件。

作为本发明的进一步改进，在所述步骤B中，通过flash软件完成每个元件的类型定义及定义每个元件的ID。

作为本发明的进一步改进，在所述步骤C中，通过flash软件生成swf文件，该swf文件中保存有每个元件的坐标信息及状态信息。

作为本发明的进一步改进，在所述步骤D中，通过专用工具软件加载swf文件，专用工具软件生成xml文件，并将swf文件中的信息写入xml文件中。

作为本发明的进一步改进，在所述步骤D中，通过flash软件的Fscommand函数将swf文件传输至专用工具软件；在所述步骤E中，将xml文件及所有图片通过专用工具软件打包。

作为本发明的进一步改进，在所述步骤B中，元件的类型包括按钮或编辑。

作为本发明的进一步改进，在所述步骤A中，通过Photoshop软件设计图片。

作为本发明的进一步改进，在所述步骤A中，所述图片为Photoshop源文件。

本发明的有益效果是：通过执行步骤A至E，界面工程师在设计好图片及完成界面布局后便可以生成供编程软件执行的文件，软件工程师无需对界面中的图片坐标进行定义，直接在界面上对各图片进行功能编辑即可，界面工程师在没有增加太多额外工作的情况下减轻了软件工程师的工作量，提高了工作效率。

附图说明

图1是本发明的流程图。

具体实施方式

如图1所示，本发明公开了一种用户界面生成方法，包括如下步骤S1至步骤S5，在步骤S1中，将设计好的图片进行布局，并将每张图片封装成元件；在步骤S2中，对每个元件进行类型定义；在步骤S3中，记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型；在步骤S4中，生成包含有坐标信息及状态信息的供编程软件执行的文件；在步骤S5中，将供编程软件执行的文件及所有图片导出。

在步骤S2中，还包括定义每个元件的ID，在所述步骤S3中，状态信息还包括每个元件的ID。

在所述步骤S1中，通过flash软件将设计好的图片进行布局，并将每张图片封装成元件。

在所述步骤S2中，通过flash软件完成每个元件的类型定义及定义每个元件的ID。

在所述步骤S3中，通过flash软件生成swf文件，该swf文件中保存有每个元件的坐标信息及状态信息。

在所述步骤S4中，通过专用工具软件加载swf文件，专用工具软件生成xml文件，并将swf文件中的信息写入xml文件中。

在所述步骤S4中，通过flash软件的Fscommand函数将swf文件传输至专用工具软件。在所述步骤S5中，将xml文件及所有图片导出; 在所述步骤S2中，元件的类型包括按钮或编辑。

在所述步骤S1中，通过Photoshop软件设计图片，当然也可以通过其他图片处理软件设计图片。在所述步骤S1中，所述图片为Photoshop源文件。

专用工具软件为我司应用Microsoft Visual C++软件自行开发研制的可执行文件的简称，ID是英文IDentity的缩写，身份标识号码的意思。