用户界面生成方法技术

本发明专利技术提供了一种用户界面生成方法，包括如下步骤：A.将设计好的图片进行布局，并将每张图片封装成元件；B.对每个元件进行类型定义；C.记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型；D.生成包含有坐标信息及状态信息的供编程软件执行的文件；E.将供编程软件执行的文件及所有图片导出。本发明专利技术的有益效果是通过执行步骤A至E，界面工程师在设计好图片及完成界面布局后便可以生成供编程软件执行的文件，软件工程师无需对界面中的图片坐标进行定义，直接在界面上对各图片进行功能编辑即可，界面工程师在没有增加太多额外工作的情况下减轻了软件工程师的工作量，提高了工作效率。

【技术实现步骤摘要】

本专利技术涉及。
技术介绍
目前的众多电子设备中一般是通过用户界面实现操作，用户界面首先是由界面工程师设计界面，然后再将设计好的界面交给软件工程师进行设计，软件工程师不但要对界面中的各图片进行坐标定义而且还要对各图片进行功能编辑，费时费力，影响了软件工程师的工作效率。
技术实现思路
为了解决现有技术中的问题，本专利技术提供了一种。本专利技术提供了一种，包括如下步骤 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所示，本专利技术公开了一种，包括如下步骤SI至步骤S5，在步骤SI中，将设计好的图片进行布局，并将每张图片封装成元件；在步骤S2中，对每个元件进行类型定义；在步骤S3中，记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型；在步骤S4中，生成包含有坐标信息及状态信息的供编程软件执行的文件；在步骤S5中，将供编程软件执行的文件及所有图片导出。在步骤S2中，还包括定义每个元件的ID，在所述步骤S3中，状态信息还包括每个元件的ID。在所述步骤SI中，通过flash软件将设计好的图片进行布局，并将每张图片封装成元件。在所述步骤S2中，通过flash软件完成每个元件的类型定义及定义每个元件的ID0在所述步骤S3中，通过flash软件生成swf文件,该swf文件中保存有每个元件的坐标信息及状态信息。在所述步骤S4中,通过专用工具软件加载swf文件,专用工具软件生成xml文件，并将swf文件中的信息写入xml文件中。在所述步骤S4中，通过flash软件的Fscommand函数将swf文件传输至专用工具软件。在所述步骤S5中，将xml文件及所有图片导出；在所述步骤S2中，元件的类型包括按钮或编辑。在所述步骤SI中，通过Photoshop软件设计图片，当然也可以通过其他图片处理软件设计图片。在所述步骤SI中，所述图片为Photoshop源文件。专用工具软件为我司应用Microsoft Visual C++软件自行开发研制的可执行文件的简称，ID是英文IDentity的缩写，身份标识号码的意思。界面工程师完成上述工作后，将导出的xml文件及所有图片提供给软件工程师，软件工程师无需对界面中的图片坐标进行定义，直接在界面上对各图片进行功能编辑即可，而且界面中的图片已进行了类型定义，所以软件工程师可以根据图片的类型对各图片进行功能编辑，界面工程师在没有增加太多额外工作的情况下减轻了软件工程师的工作量，提高了工作效率。以上内容是结合具体的优选实施方式对本专利技术所作的进一步详细说明，不能认定本专利技术的具体实施只局限于这些说明。对于本专利技术所属
的普通技术人员来说，在不脱离本专利技术构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本专利技术的保护范围。本文档来自技高网...

【技术保护点】
一种用户界面生成方法，其特征在于，包括如下步骤：??A.?将设计好的图片进行布局，并将每张图片封装成元件；??B.?对每个元件进行类型定义；??C.?记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型；??D.?生成包含有坐标信息及状态信息的供编程软件执行的文件；??E.?将供编程软件执行的文件及所有图片导出。

【技术特征摘要】
1.一种用户界面生成方法，其特征在于，包括如下步骤 A.将设计好的图片进行布局，并将每张图片封装成元件； B.对每个元件进行类型定义； C.记录每个元件的坐标信息及状态信息，该状态信息包括了元件的类型； D.生成包含有坐标信息及状态信息的供编程软件执行的文件； E.将供编程软件执行的文件及所有图片导出。2.根据权利要求1所述的用户界面生成方法，其特征在于，在所述步骤B中还包括定义每个元件的ID,在所述步骤C中,状态信息还包括每个元件的ID。3.根据权利要求2所述的用户界面生成方法，其特征在于，在所述步骤A中，通过flash软件将设计好的图片进行布局，并将每张图片封装成元件。4.根据权利要求3所述的用户界面生成方法，其特征在于，在所述步骤B中，通过flash软件完成每个元件的类型定义及定义每个元件的ID。5.根据权利要求4所述的用户界面生成方法，其特征在于，在所述步...

【专利技术属性】
技术研发人员：魏钦淋，
申请(专利权)人：深圳市浩科电子有限公司，
类型：发明
国别省市：