基于图像分析实现UI组件自动生成的电子终端及操作方法与流程

本发明涉及一种可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置及其操作方法。

背景技术：

1、通常，利用用户界面ui(user interface)开发工具来开发ui的用户很多参照通过演示文稿撰写程序或手写的ui设计方案，并根据ui想要体现的功能，以配置文本输入框、菜单窗口等ui组件(components)的方式开发ui。

2、在这种ui设计方案想开发的ui中所包含的文本输入框、菜单窗口等ui组件以一定的图形的形式插入的情况较多，并且参照ui设计方案想要开发ui的用户需要观察插入ui设计方案中的图形，并且执行适当地选择并配置与各图形相对应的ui组件的工作。

3、但是，当像这样参照ui设计方案开发ui时，用户需要观察ui设计方案中插入的图形并一一选择与之对应的ui组件，并且需要确认ui设计方案中各图形的插入位置，从而决定对应的ui组件的配置位置，因此问题在于，ui开发需要花费很多时间和努力。

4、如果在ui开发工具中，通过用户输入配置有多个图形的ui设计方案相关图像的同时，施加ui组件自动生成命令，则生成与图像相同大小的后台区后，识别图像中的多个图形，并且确认图像中多个图形各自插入的位置，如果在后台区中，导入将与各图形相对应的ui组件自动插入与各图形的插入位置相对应的地点的技术，则用户可利用ui开发工具，更加有效地开发ui。

技术实现思路

1、本发明提出了一种可通过对ui(user interface)设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置及其操作方法，从而支持用户使用ui开发工具，能够更加有效地开发ui。

2、根据本发明的一个实施例的可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置，包括：标准名称表保持部，其对由ui开发工具支持的分别与事先设定的多个ui组件相对应的记录有事先设定的两个以上标准名称的标准名称表进行存储并保持；自动生成事件发生部，当通过第一用户输入配置有多个图形的ui设计方案的第一图像的同时，施加指示自动生成分别与多个图形相对应的ui组件的ui组件自动生成命令时，使得用于自动生成分别与多个图形相对应的ui组件的自动生成事件发生，其中，在多个图形各自的内部插入有与各图形相对应的ui组件的名称相关的文本；后台区生成部，当发生自动生成事件时，通过确认第一图像的横向长度及竖直长度来生成具有与第一图像相同的横向长度及竖直长度的后台区；图形识别部，其识别第一图像中的多个图形；位置信息确认部，当识别出多个图形时，通过确认在第一图像中分别插入有多个图形的位置，从而确认多个图形各自的位置信息；文本识别部，其基于事先设定的文本识别模块，对插入于多个图形各自内部的文本进行识别；ui组件匹配部，其参照标准名称表，相对于多个图形中的每一个，在多个ui组件中，匹配具有与识别各图形的文本相匹配的标准名称的ui组件，从而匹配与多个图形中的每一个相对应的ui组件；以及ui组件插入部，其在后台区中，在根据多个图形各自的位置信息的位置插入与各图形相匹配的ui组件。

3、另外，根据本发明的一个实施例的可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置的操作方法，包括如下步骤：对由ui开发工具支持的分别与事先设定的多个ui组件相对应的记录有事先设定的两个以上的标准名称的标准名称表进行存储并保持；当通过第一用户输入配置有多个图形的ui设计方案的第一图像的同时，施加指示自动生成分别与多个图形相对应的ui组件的ui组件自动生成命令时，使得用于自动生成分别与多个图形相对应的ui组件的自动生成事件发生，其中，在多个图形各自的内部插入有与各图形相对应的ui组件的名称相关的文本；当发生自动生成事件时，通过确认第一图像的横向长度及竖直长度来生成具有与第一图像相同的横向长度及竖直长度的后台区；识别第一图像中的多个图形；当识别出多个图形时，通过确认在第一图像中分别插入有多个图形的位置，从而确认多个图形各自的位置信息；基于事先设定的文本识别模块，对插入于多个图形各自内部的文本进行识别；参照标准名称表，相对于多个图形中的每一个，在多个ui组件中，匹配具有与识别各图形的文本相匹配的标准名称的ui组件，从而匹配与多个图形中的每一个相对应的ui组件；以及在后台区中，在根据多个图形各自的位置信息的位置插入与各图形相匹配的ui组件。

4、本发明提出了一种可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置及其操作方法，从而支持用户使用ui开发工具，能够更加准确且有效地开发ui。

1.一种电子终端装置，作为一种可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置，其特征在于，包括：

2.根据权利要求1所述的电子终端装置，其特征在于，图形识别部包括：

3.根据权利要求1所述的电子终端装置，其特征在于，

4.根据权利要求1所述的电子终端装置，其特征在于，自动生成事件发生部包括：

5.根据权利要求4所述的电子终端装置，其特征在于，

6.一种电子终端装置的操作方法，作为一种可通过对ui设计方案进行图像分析来提供ui组件自动生成功能的装有ui开发工具的电子终端装置的操作方法，其特征在于，包括如下步骤：

7.根据权利要求6所述的电子终端装置的操作方法，其特征在于，识别多个图形的步骤包括如下步骤：

8.根据权利要求6所述的电子终端装置的操作方法，其特征在于，

9.根据权利要求6所述的电子终端装置的操作方法，其特征在于，发生自动生成事件的步骤包括：

10.根据权利要求9所述的电子终端装置的操作方法，其特征在于，

11.一种记录有通过与计算机结合来执行权利要求6至10中任意一项的方法的计算机程序的计算机可读记录媒体。

12.一种存储在通过与计算机结合来执行权利要求6至10中任意一项的方法的存储媒介的计算机程序。