CN110888638A - 一种用于绘制互联网界面的方法和系统 - Google Patents
一种用于绘制互联网界面的方法和系统 Download PDFInfo
- Publication number
- CN110888638A CN110888638A CN201911019102.7A CN201911019102A CN110888638A CN 110888638 A CN110888638 A CN 110888638A CN 201911019102 A CN201911019102 A CN 201911019102A CN 110888638 A CN110888638 A CN 110888638A
- Authority
- CN
- China
- Prior art keywords
- graphic
- database
- user interface
- elements
- graphic elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Abstract
一种用于绘制互联网界面的方法和系统,用于绘制智能终端设备中的图形用户界面,减少绘制图形用户界面所需的人力和时间成本,缩短互联网产品的研发周期。该方法包括:获取图形元素;使用聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素;根据待绘制的图形用户界面所要呈现的界面,确定绘制所述图形用户界面所需要的图形类别;根据确定的所需要的图形类别,从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的所述图形元素中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种用于绘制互联网界面的方法和系统。
背景技术
用户在绘制互联网的模块时,如APP应用程序和网页,需要对APP应用程序和网页内的各个模块逐一绘制,从而绘制时间成本较大,造成绘制APP应用程序和网页的进度较慢。
例如,用户在绘制某电商平台时,需要逐一绘制电商平台的用户登录界面所有的模块,还需要绘制登录后购物的各个模块以及加入购物车后,结算等模块,这样逐一绘制较浪费人力和时间成本,且会导致电商平台的研发周期延长。
发明内容
本发明实施例提供一种用于绘制互联网界面的方法和系统,用于绘制智能终端设备中的图形用户界面,减少绘制图形用户界面所需的人力和时间成本,缩短互联网产品的研发周期。
第一方面,本发明提供一种用于绘制互联网界面的方法,用于绘制智能终端设备中的图形用户界面,该方法包括:
获取图形元素;
使用聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素;
根据待绘制的图形用户界面所要呈现的界面,确定绘制所述图形用户界面所需要的图形类别;
根据确定的所需要的图形类别,从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的所述图形元素中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
通过上述方法,首先,将获取的图形元素进行聚类分析,并将具有至少一个相同特征的图像元素归为一类,得到多个不同分类的图形元素;然后,根据待绘制的图形用户界面所要呈现的界面,确定绘制图形用户界面所需要的图形类型;最后,根据确定的所需要的类别,从不同分类的图形元素中获取的图形元素,并利用获取的图形元素作为基础图形绘制用户界面。从而通过调用符合预期的图形元素作为基础图形,可以通过调整基础图形、直接采用基础图形或增加多个基础图形,从而形成用户界面的图形。通过上述方法可以缩短绘制用户界面的时间,不需单独对用户界面所要呈现的图形单独逐一绘制,从而减少绘制图形用户界面所需的人力和时间成本,并可缩短互联网产品的研发周期。
在一种可选的实现方式中,使用聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素,具体包括:
通过聚类算法对至少三个所述图形元素进行聚类分析,建立相似度图形元素的模型;
根据所述相似度图形元素的模型,对所述图形元素进行聚合分类,将与所述模型至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
在一种可选的实现方式中,根据确定的所需要的图形类别,从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,具体包括:
创建多个数据库;
将聚合分类后的相同类别的所述图形元素导入至相同的所述数据库中,得到具有多个不同类别的所述图形元素的数据库;
根据确定的所需要的图形类别,从不同类别的多个所述数据库中获取与确定所需要的图形类别对应的目标数据库;
从所述目标数据库中至少选择一个图形元素。
在一种可选的实现方式中,根据确定的所需要的图形类别,从不同类别的所述数据库中获取与确定所需要的图形类别对应的目标数据库,包括:
按照预设的命名规则对不同类别的所述数据库进行命名;
将已完成命名的所述数据库导入至绘图软件中的存储模块内;
输出第一提示信息;其中,所述第一提示信息用于提示用户输入待查询数据库的名称;
根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中所述存储模块内获取对应的目标所述数据库。
在一种可选的实现方式中,据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中所述存储模块内获取对应的目标所述数据库,包括:
若用户输入的所述待查询数据库的名称的字符不全,则根据用户输入的所述待查询数据库的名称,按照字符模糊匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库;
若用户输入的所述待查询数据库的名称的字符完整,则根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库。
在一种可选的实现方式中,从所述目标数据库中至少选择一个图形元素,包括:
若获取的所述目标数据库为一个,则输出第二提示信息;其中,所述第二提示信息用于提示用户从获取的所述目标数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面。
在一种可选的实现方式中,从所述目标数据库中至少选择一个图形元素,包括:
若获取的所述目标数据库为两个或两个以上,输出第三提示信息,所述第三提示信息用于提示用户从获取的所述多个目标数据库中选择一个待使用数据库;
输出第四提示信息,其中,所述第四提示信息用于提示用户从所述待使用数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面。
第二方面,为了缩短互联网产品的研发周期,本发明还提供一种用于绘制互联网界面的系统,用于绘制智能终端设备中的图形用户界面,该系统包括:
图形元素获取单元,用于获取图形元素;
图形元素识别单元,用于通过聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,从而得到不同分类的图形元素;
绘图单元,用于根据待绘制的所述图形用户界面所要呈现的界面而确定的绘制所述图形用户界面所需要的图形类别;从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的所述图形元素中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
通过上述系统,绘图单元通过调用符合预期的图形元素作为基础图形,然后通过调整基础图形、直接采用基础图形或增加多个基础图形,从而形成用户界面的图形。可以缩短绘制用户界面的时间,不需单独对用户界面所要呈现的图形单独逐一绘制,减少人力和时间成本,并可缩短互联网产品的研发周期。
在一种可选的实现方式中,所述图形元素识别单元包括:
建模模块:用于通过聚类算法对至少部分所述图形元素获取单元中的所述图形元素进行聚类分析,并建立相似度图形元素的模型;
分类模块:用于根据所述相似度图形元素的模型,对所述图形元素进行聚合分类,将与所述模型至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
在一种可选的实现方式中,所述绘制互联网界面的系统还包括:命名单元、数据导入单元和数据库创建单元;
所述数据库创建单元,用于创建多个数据库;
所述数据导入单元,用于将聚合分类后的相同类别的所述图形元素导入至相同的所述数据库中,从而得到具有多个不同类别的所述图形元素的数据库;
所述命名单元,用于按照预设的命名规则对不同类别的所述数据库进行命名;
所述绘图单元,具体用于根据确定的所需要的图形类别,从不同类别的多个所述数据库中获取与确定所需要的图形类别对应的目标数据库,并从所述目标数据库中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
在一种可选的实现方式中,所述数据导入单元还用于:
将已完成命名的所述数据库导入至绘图软件中存储模块内;
所述绘图单元具体用于:
输出第一提示信息,其中,所述第一提示信息用于提示用户输入待查询数据库的名称;
根据用户输入的所述待查询数据库的名称,判断所述待查询数据库的名称的字符长度是否等于预设值;
若所述待查询数据库的名称的字符长度等于预设值,则根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库;
若所述待查询数据库的名称的字符长度不等于预设值,则根据用户输入的所述待查询数据库的名称,按照字符模糊匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库。
在一种可选的实现方式中,所述绘图单元具体还用于:
若获取的所述目标数据库为一个,输出第二提示信息,其中,所述第二提示用于提示用户从获取的所述目标数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面;
若获取的所述目标数据库为两个或两个以上,输出第三提示信息,所述第三提示信息用于提示用户从获取的所述多个目标数据库中选择一个待使用数据库;
输出第四提示信息,其中,所述第四提示信息用于提示用户从所述待使用数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面。
第三方面,本发明还包括一种计算机设备,该设备包括:
存储器,用于存储程序指令;
处理器,用于调用所述存储器中存储的程序指令,按照获得的程序指令执行上述第一方面的任一可选的实现方式中的方法包括的步骤。
第四方面,本发明还包括一种存储介质,所述存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行上述第一方面的任一可选的实现方式中的方法包括的步骤。
本发明在上述各方面提供的实现的基础上,还可以进行进一步组合以提供更多实现。
本申请中提供的一个或多个技术方案,至少具有如下技术效果或优点:
直接调用所需要图形类别对应的图形元素作为基础图形,用户可对基础图形调整或者不调整从而获得用户界面图形,缩短了绘制时间,进而缩短了互联网产品的研发周期。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本发明实施例的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例中用于绘制互联网界面的方法的流程示意图;
图2为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图3为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图4为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图5为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图6为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图7为本发明实施例中用于绘制互联网界面的方法的又一流程示意图;
图8为本发明实施例中用于绘制互联网界面的方法的结构示意图;
图9为本发明实施例中用于绘制互联网界面的方法的结构示意图;
1-图形元素识别单元;2-绘图软件。
具体实施方式
下面通过附图以及具体实施例对本发明实施例技术方案做详细的说明,应当理解本发明实施例以及实施例中的具体特征是对本发明实施例技术方案的详细的说明,而不是对本发明实施例技术方案的限定,在不冲突的情况下,本发明实施例以及实施例中的技术特征可以相互组合。
第一方面,为了缩短互联网产品的研发周期。本发明包括一种用于绘制互联网界面的方法,用于绘制智能终端设备中的图形用户界面,如图1所示,该方法包括:
步骤101:获取图形元素。
具体地,通过收集图形元素,如线条、线框图、简笔画、照片、美术作品等。可采用以下可能的方式收集现有技术中的图形元素,第一种可能的方式为通过用户收集现有技术中图形元素或者用于需求绘制或者拍摄图形元素。其中,用户可通过向服务器发送数据指令,服务器根据接收到数据指令在互联网平台搜索与数据指令对应的图形元素,从而获取到图形元素。
步骤102:使用聚类算法对图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
需要说明的是,可通过现有技术中的聚类分析软件对图形元素进行聚类分析,包括将收集现有技术的中图形元素存放在同一文件夹中,或者也可以存储在不同的文件夹中;然后,通过聚类分析选择分析的目标为获取的图形元素,从而聚类分析软件对获取的图形元素进行聚类分析,从而将至少具有一个相同特征的图形元素归为一类。
其中,使用聚类分析软件的时候设置相关的参数,如算法接受参数k,其算法接受参数k表示亲疏程度,更具体地说表示至少两个目标对象的相似程度。算法接受参数k值越大,则代表目标对象越相似。则通过调整算法接受参数k值即表示调整相同特征的数量值,从而获得符合预期的不同分类的图形元素。例如,当设置算法接受参数k值较小时,使得设置相同特征的数据为1个,则对获取的图形元素进行聚类分析的时候,会将图形元素中具有一个相同特征的图形元素归为一类,而若算法接受参数k值较大时,使得设置相同特征为8个时候,则对将图形元素中具有8个相同特征的图形元素归为一类。
步骤103:根据待绘制的图形用户界面所要呈现的界面,确定绘制图形用户界面所需要的图形类别。
具体地,如待绘制的图形用户界面为关于保险类应用程序的用户界面,其所要呈现的界面,可能为各个保险品种的名称,以及为了有更好的视觉效果,可能还会为各个保险品种添加类似的图片,因此,根据实际需要和呈现的视觉效果,确定待绘制图形用户界面所需要的图形类别,以便后续能够快速获取到相应的图形。
步骤104:根据确定的所需要的图形类别,从不同分类的图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的图形元素中至少选择一个图形元素作为图形用户界面的基础图形绘制图形用户界面。
通过上述方法,首先,将获取的图形元素进行聚类分析,并将具有至少一个相同特征的图像元素归为一类,得到多个不同分类的图形元素;然后,根据待绘制的图形用户界面所要呈现的界面,确定绘制图形用户界面所需要的图形类型;最后,根据确定的所需要的类别,从不同分类的图形元素中获取的图形元素,并利用获取的图形元素作为基础图形绘制用户界面。从而通过调用符合预期的图形元素作为基础图形,可以通过调整基础图形、直接采用基础图形或增加多个基础图形,从而形成用户界面的图形。则通过上述方法可以缩短绘制用户界面的时间,不需单独对用户界面所要呈现的图形单独逐一绘制,减少绘制图形用户界面所需的人力和时间成本,并可缩短互联网产品的研发周期。
在一种可选的实现方式中,步骤102:使用聚类算法对图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素,如图2所示,具体包括:
步骤201:通过聚类算法对至少三个图形元素进行聚类分析,建立相似度图形元素的模型。
具体地,对获取图形元素中至少三个图形元素进行聚类分析。在聚类分析时可以设置相识度数值即算法接受参数k,例如设置相识度为70%,使用聚类算法对获取的图形元素中一部分图形元素进行聚类分析时。如每个待需要聚类分析的N图形元素自成一类,然后利用每个图形元素均与其他所有的图形元素比对,并将其中相识度最大的图形元素聚成一小类,形成N-1个类,在N-1类的图形元素中再次采用上述对比方法,且不断重复获得相识度图形元素的模型。
步骤202:根据相似度图形元素的模型,对图形元素进行聚合分类,将与模型至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
需要说明的是,当获取到相识度图形元素的模型后,将与模型至少具有一个相同特征的图形元素归为一类,其中,可以设置至少具有几个特征与模型相同,例如设置8个特征与模型相同,则会将图形元素中与模型具有8个相同特征的图形元素归为一类,用户根据不断调整与模型相同特征的数据,从而获得更接近预期不同分类的图形元素。
在一种可选的实现方式中,为了减少绘制用户界面的时间,步骤104:根据确定的所需要的图形类别,从不同分类的图形元素中获取与确定所需要的图形类别对应的图形元素,如图3所示,具体包括:
步骤301:创建多个数据库;
步骤302:将聚合分类后的相同类别的图形元素导入至相同的数据库中,得到具有多个不同类别的图形元素的数据库;
步骤303:根据确定的所需要的图形类别,从不同类别的多个数据库中获取与确定所需要的图形类别对应的目标数据库;
步骤304:从目标数据库中至少选择一个图形元素。
具体地,通过上述方法,将相同类别的图形元素存储在同一数据库,当绘制用户界面的时候,根据所需要的图形类型,从不同类别的数据库中获取对应的目标数据库,以便用户可以尽快从目标数据库中获取到所需要的图形元素,从而缩短绘制用户界面的时间。
在一种可选的实现方式中,为了进一步减少绘制用户界面的时间,步骤303:根据确定的所需要的图形类别,从不同类别的数据库中获取与确定所需要的图形类别对应的目标数据库,如图4所示,包括:
步骤401:按照预设的命名规则对不同类别的数据库进行命名;
步骤402:将已完成命名的数据库导入至绘图软件中的存储模块内;
步骤403:输出第一提示信息,其中,第一提示信息用于提示用户输入待查询数据库的名称;
步骤404:根据用户输入的待查询数据库的名称,按照字符匹配算法从绘图软件中的存储模块内获取对应的目标数据库。
具体地,按照预设的命名规则对数据库命名,例如,一种可能预设的命名方式为:根据数据库中图形元素的相同特征进行命名,如数据库内存储表单类图形元素,可以对该数据库命名为表格,如数据库存储元器件类图形元素,可以对该数据库命名为元器件,还如数据库存储人物类图形元素,则对该数据库命名为人物。
另一种可能预设的命名方式,对数据库按分类进行命名,如数据库中涉及的基本元件、表单元件、菜单、表格、标记元件等时,按照预设规则如基本元件的数据库命名为数组(1,1,,x);表单元件为(1,2,x);菜单(1,3,x);表格(1,4,x);标记元件(1,5,,x)对数据库命名。其中:其中,数组的第一位数字1代表该数据库中存储的图形元素为移动类,数组的第二位数字代表该数据库中存储的图形元素为功能类、x代表该数据中存储的图形元素为功能类中的更详细的分类。如数据库名称(1,3,x),则表示该数据库存储图形元素为移动类用户界面中关于菜单类的图形元素。若用户在输入数据库的名称前通过了解数据库的命名规则,从而便于后续输入数据库的名称时,能够更加准确地获得所需要的图形类别的对应数据库。
通过上述方法,用户可以根据所需要的图形类别输入对应待查询数据库的名称,从而快速获得相对应的目标数据库。
在一种可选的实现方式中,根据用户输入的待查询数据库的名称,按照字符匹配算法从绘图软件中存储模块内获取对应的目标数据库,如图5所示,包括:
步骤501:根据用户输入的待查询数据库的名称,判断待查询数据库的名称的字符长度是否等于预设值;
若待查询数据库的名称的字符长度不等于预设值,步骤502:则根据用户输入的待查询数据库的名称,按照字符模糊匹配算法从绘图软件中的存储模块内获取对应的目标数据库;
若待查询数据库的名称的字符长度等于预设值,步骤503:则根据用户输入的待查询数据库的名称,按照字符匹配算法从绘图软件中的存储模块内获取对应的目标数据库。
通过上述方法,需要说明的是,绘图软件中已根据数据库的名称,内置了预设字符长度。例如数据库的名称具有6个字符,那预设字符长度就等于6。当用户输入的待查询数据库的名称的字符长度不等于6时,就会根据用户输入的待查询数据库的名称,按照字符模糊匹配算法获取对应的目标数据库,即获取的目标数据库的名称中至少具有一个字符与用户输入的待查询数据库的名称的字符相同。而当用户输入的待查询数据库的名称的字符长度等于6时,就会根据用户输入的待查询数据库的名称,按照字符匹配算法获取对应的目标数据库,即获取的目标数据库的名称与用户输入的待查询数据库的名称完全一致。
在一种可选的实现方式中,为了进一步缩短绘制用户界面的时间,步骤304:从目标数据库中至少选择一个图形元素,如图6所示,包括:
步骤601:若获取的目标数据库为一个,则输出第二提示信息,其中,第二提示信息用于提示用户从获取的目标数据库中至少选择一个图形元素;
步骤602:根据用户选择的结果作为图形用户界面的基础图形绘制图形用户界面。
在一种可选的实现方式中,为了进一步缩短绘制用户界面的时间,如图7所示,从目标数据库中至少选择一个图形元素,包括:
步骤701:若获取的目标数据库为两个或两个以上,输出第三提示信息,第三提示信息用于提示用户从获取的多个目标数据库中选择一个待使用数据库;
步骤702:输出第四提示信息,其中,第四提示信息用于提示用户从待使用数据库中至少选择一个图形元素;
步骤703:根据用户选择的结果作为图形用户界面的基础图形绘制图形用户界面。
具体地,通过上述方法,调用对应数据库中图形元素作为基础图形时,再通过调整或可不调整基础图形获得图形用户界面,从而缩短绘制图形用户界面的时间。
通过本发明实施例提供的任一方法,通过根据确定待绘制的图形用户界面的类别,从聚类分析后得到不同类别的图形元素中调用对应的图形元素绘制图形,从而减少人力和时间成本,缩短互联网产品的研发周期。
第二方面,为了缩短互联网产品的研发周期,本发明还提供一种用于绘制互联网界面的系统,用于绘制智能终端设备中的图形用户界面,如图8和图9所示,该系统包括:图形元素获取单元、图形元素识别单元和绘图单元。具体地:
图形元素获取单元,用于获取图形元素;
图形元素识别单元1,用于通过聚类算法对图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,从而得到不同分类的图形元素。
绘图单元,用于根据待绘制的图形用户界面所要呈现的界面而确定的绘制图形用户界面所需要的图形类别;从不同分类的图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的图形元素中至少选择一个图形元素作为图形用户界面的基础图形绘制图形用户界面。
具体地,上述图形元素获取单元可以存储图形元素的数据库,如用户通过收集现有技术中的图形元素,如线条、线框图、简笔画、照片、美术作品等后存储在图形元素获取单元内。也可以是服务器,用户可通过向服务器发送数据指令,服务器接收到数据指令之后搜索与数据指令相关的图形元素,从而获取到图形元素。
更具体地,图形元素识别单元1可以是现有技术中的聚类分析软件,通过聚类分析软件对图形元素进行聚类分析,包括将收集现有技术的中图形元素存放在同一文件夹中,或者也可以存储在不同的文件夹中;然后,通过聚类分析选择分析的目标为获取的图形元素,从而聚类分析软件对获取的图形元素进行聚类分析,从而将至少具有一个相同特征的图形元素归为一类。
需要说明的是,使用聚类算法对图形元素进行聚类分析,包括将收集现有技术的中图形元素存放在同一文件夹中,或者也可以存储在不同的文件夹中,然后采用聚类算法对获取的图形元素进行聚类分析,从而将至少具有一个相同特征的图形元素归为一类。
其中,使用聚类分析软件的时候设置相关的参数,如算法接受参数k,其算法接受参数k表示亲疏程度,更具体地说表示至少两个目标对象的相似程度。算法接受参数k值越大,则代表目标对象越相似。则通过调整算法接受参数k值即表示调整相同特征的数量值,从而获得符合预期的不同分类的图形元素。例如,当设置算法接受参数k值较小时,使得设置相同特征的数据为1个,则对获取的图形元素进行聚类分析的时候,会将图形元素中具有一个相同特征的图形元素归为一类,而若算法接受参数k值较大时,使得设置相同特征为8个时候,则对将图形元素中具有8个相同特征的图形元素归为一类。
还需要补充的是,绘图单元可以是绘图软件,也可以是其他可以绘制图形的应用程序,在此不作具体限定,只用确保绘图单元能够绘制图形和调用图形识别单元聚合分类后的图形元素即可。
通过上述系统,绘图单元通过调用符合预期的图形元素作为基础图形,然后通过调整基础图形、直接采用基础图形或增加多个基础图形,从而形成用户界面的图形。可以缩短绘制用户界面的时间,不需单独对用户界面所要呈现的图形单独逐一绘制,减少人力和时间成本,并可缩短互联网产品的研发周期。
在一种可选的实现方式中,如图9所示,图形元素识别单元1包括:建模模块和分类模块。其中,建模模块用于通过聚类算法对至少部分图形元素获取单元中的图形元素进行聚类分析,并建立相似度图形元素的模型;分类模块用于根据相似度图形元素的模型,对图形元素进行聚合分类,将与模型至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
具体地,建模模块具体用于对图形元素获取单元获取的图形元素中至少三个图形元素进行聚类分析。在聚类分析时可以设置相识度数值即算法接受参数k,例如设置相识度为70%,使用聚类算法对获取的图形元素中一部分图形元素进行聚类分析时。如每个待需要聚类分析的N图形元素自成一类,然后利用每个图形元素均与其他所有的图形元素比对,并将其中相识度最大的图形元素聚成一小类,形成N-1个类,在N-1类的图形元素中再次采用上述对比方法,且不断重复获得相识度图形元素的模型。
更具体地,分类模块具体用于当获取到相识度图形元素的模型后,将与模型至少具有一个相同特征的图形元素归为一类,其中,可以设置至少具有几个特征与模型相同,例如设置8个特征与模型相同,则会将图形元素中与模型具有8个相同特征的图形元素归为一类,用户根据不断调整与模型相同特征的数据,从而获得更接近预期不同分类的图形元素。
在一种可选的实现方式中,为了减少绘制用户界面的时间,绘制互联网界面的系统还包括:存储单元、命名单元、数据导入单元和数据库创建单元。
具体地,数据库创建单元,用于创建多个数据库;数据导入单元,用于将聚合分类后的相同类别的图形元素导入至相同的数据库中,从而得到具有多个不同类别的图形元素的数据库;命名单元,用于按照预设的命名规则对不同类别的数据库进行命名;绘图单元,具体用于根据确定的所需要的图形类别,从不同类别的多个数据库中获取与确定所需要的图形类别对应的目标数据库,并从目标数据库中至少选择一个图形元素作为图形用户界面的基础图形绘制图形用户界面。
具体地,命名单元按照预设的命名规则对数据库命名,例如,一种可能预设的命名方式为:根据数据库中图形元素的相同特征进行命名,如数据库内存储表单类图形元素,可以对该数据库命名为表格,如数据库存储元器件类图形元素,可以对该数据库命名为元器件,还如数据库存储人物类图形元素,则对该数据库命名为人物。
另一种可能预设的命名方式,对数据库按分类进行命名,如数据库中涉及的基本元件、表单元件、菜单、表格、标记元件等时,按照预设规则如基本元件的数据库命名为数组(1,1,,x);表单元件为(1,2,x);菜单(1,3,x);表格(1,4,x);标记元件(1,5,,x)对数据库命名。其中:其中,数组的第一位数字1代表该数据库中存储的图形元素为移动类,数组的第二位数字代表该数据库中存储的图形元素为功能类、x代表该数据中存储的图形元素为功能类中的更详细的分类。如数据库名称(1,3,x),则表示该数据库存储图形元素为移动类用户界面中关于菜单类的图形元素。若用户在输入数据库的名称前通过了解数据库的命名规则,从而便于后续输入数据库的名称时,能够更加准确地获得所需要的图形类别的对应数据库。
通过上述系统,将相同类别的图形元素放置在相同的数据库中,且命名单元对数据库按照预设的命名规则进行命名后,用户可以根据所需要的图形类别输入对应数据库的名称,从而快速获得相对应的目标数据库,并从目标数据库中选择图形元素作为图形用户界面的基础图形绘制图形用户界面,进而缩短绘制用户界面的时间。
在一种可选的实现方式中,为了进一步缩短绘制用户界面的时间,数据导入单元还用于:
将已完成命名的数据库导入至绘图软件2中存储模块内。
绘图单元具体用于:
输出第一提示信息,其中,第一提示信息用于提示用户输入待查询数据库的名称;
根据用户输入的待查询数据库的名称,判断用户输入的待查询数据库的名称的字符长度是否等于预设值;
若待查询数据库的名称的字符长度等于预设值,则根据用户输入的待查询数据库的名称,按照字符匹配算法从绘图软件中的存储模块内获取对应的目标数据库;
若待查询数据库的名称的字符长度不等于预设值,则根据用户输入的待查询数据库的名称,按照字符模糊匹配算法从绘图软件中的存储模块内获取对应的目标数据库。
通过上述系统,需要说明的是,绘图单元中已根据数据库的名称,内置了预设字符长度。例如数据库的名称具有6个字符,那预设字符长度就等于6。当用户输入的待查询数据库的名称的字符长度不等于6时,就会根据用户输入的待查询数据库的名称,按照字符模糊匹配算法获取对应的目标数据库,即获取的目标数据库的名称中至少具有一个字符与用户输入的待查询数据库的名称的字符相同。而当用户输入的待查询数据库的名称的字符长度等于6时,就会根据用户输入的待查询数据库的名称,按照字符匹配算法获取对应的目标数据库,即获取的目标数据库的名称与用户输入的待查询数据库的名称完全一致。
在一种可选的实现方式中,绘图单元具体还用于:
若获取的目标数据库为一个,则输出第二提示信息,其中,第二提示用于提示信息用户从获取的目标数据库中至少选择一个图形元素;
根据用户选择的结果作为图形用户界面的基础图形绘制图形用户界面;
若获取的目标数据库为两个或两个以上,输出第三提示信息,第三提示信息用于提示用户从获取的多个目标数据库中选择一个待使用数据库;
输出第四提示信息,其中,第四提示信息用于提示用户从待使用数据库中至少选择一个图形元素;
根据用户选择的结果作为图形用户界面的基础图形绘制图形用户界面。
通过上述系统,绘图单元直接调用所需要图形类别对应的图形元素作为基础图形,用户可对基础图形调整或者不调整从而获得用户界面图形,缩短了绘制时间,进而缩短了互联网产品的研发周期。
第三方面,本发明还包括一种计算机设备,该设备包括:
存储器,用于存储程序指令;
处理器,用于调用存储器中存储的程序指令,按照获得的程序指令执行上述第一方面的任一可选的实现方式中的方法包括的步骤。
第四方面,本发明还包括一种存储介质,存储介质存储有计算机可执行指令,计算机可执行指令用于使计算机执行上述第一方面的任一可选的实现方式中的方法包括的步骤。
本发明在上述各方面提供的实现的基础上,还可以进行进一步组合以提供更多实现。
本申请中提供的一个或多个技术方案,至少具有如下技术效果或优点:
直接调用所需要图形类别对应的图形元素作为基础图形,用户可对基础图形调整或者不调整从而获得用户界面图形,缩短了绘制时间,进而缩短了互联网产品的研发周期。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。
本申请是参照根据本申请的方法、系统的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (10)
1.一种用于绘制互联网界面的方法,用于绘制智能终端设备中的图形用户界面,其特征在于,包括:
获取图形元素;
使用聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素;
根据待绘制的图形用户界面所要呈现的界面,确定绘制所述图形用户界面所需要的图形类别;
根据确定的所需要的图形类别,从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的所述图形元素中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
2.如权利要求1所述的方法,其特征在于,使用聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素,具体包括:
通过聚类算法对至少三个所述图形元素进行聚类分析,建立相似度图形元素的模型;
根据所述相似度图形元素的模型,对所述图形元素进行聚合分类,将与所述模型至少具有一个相同特征的图形元素归为一类,得到不同分类的图形元素。
3.如权利要求2所述的方法,其特征在于,根据确定的所需要的图形类别,从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,具体包括:
创建多个数据库;
将聚合分类后的相同类别的所述图形元素导入至相同的所述数据库中,得到具有多个不同类别的所述图形元素的数据库;
根据确定的所需要的图形类别,从不同类别的所述多个数据库中获取与确定所需要的图形类别对应的目标数据库;
从所述目标数据库中至少选择一个图形元素。
4.如权利要求3所述的方法,其特征在于,根据确定的所需要的图形类别,从不同类别的所述数据库中获取与确定所需要的图形类别对应的目标数据库,包括:
按照预设的命名规则对不同类别的所述数据库进行命名;
将已完成命名的所述数据库导入至绘图软件中的存储模块内;
输出第一提示信息,其中,所述第一提示信息用于提示用户输入待查询数据库的名称;
根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库。
5.如权利要求4所述的方法,其特征在于,根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中所述存储模块内获取对应的目标数据库,包括:
根据用户输入的所述待查询数据库的名称,判断所述待查询数据库的名称的字符长度是否等于预设值;
若所述待查询数据库的名称的字符长度不等于预设值,则根据用户输入的所述待查询数据库的名称,按照字符模糊匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库;
若所述待查询数据库的名称的字符长度等于预设值,则根据用户输入的所述待查询数据库的名称,按照字符匹配算法从所述绘图软件中的所述存储模块内获取对应的目标数据库。
6.如权利要求5所述的方法,其特征在于,从所述目标数据库中至少选择一个图形元素,包括:
若获取的所述目标数据库为一个,则输出第二提示信息,其中,所述第二提示信息用于提示用户从所述目标数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面。
7.如权利要求5所述的方法,其特征在于,从所述目标数据库中至少选择一个图形元素,包括:
若获取的所述目标数据库为两个或两个以上,输出第三提示信息,所述第三提示信息用于提示用户从获取的所述多个目标数据库中选择一个待使用数据库;
输出第四提示信息,其中,所述第四提示信息用于提示用户从所述待使用数据库中至少选择一个图形元素;
根据用户选择的结果作为所述图形用户界面的基础图形绘制所述图形用户界面。
8.一种用于绘制互联网界面的系统,用于绘制智能终端设备中的图形用户界面,其特征在于,包括:
图形元素获取单元,用于获取图形元素;
图形元素识别单元,用于通过聚类算法对所述图形元素进行聚类分析,将至少具有一个相同特征的图形元素归为一类,从而得到不同分类的图形元素;
绘图单元,用于根据待绘制的所述图形用户界面所要呈现的界面而确定的绘制所述图形用户界面所需要的图形类别;从不同分类的所述图形元素中获取与确定所需要的图形类别对应的图形元素,并从获取的对应的所述图形元素中至少选择一个图形元素作为所述图形用户界面的基础图形绘制所述图形用户界面。
9.一种计算机设备,其特征在于,所述计算机设备包括:
存储器,用于存储程序指令;
处理器,用于调用所述存储器中存储的程序指令,按照获得的程序指令执行权利要求1-7中任一所述的方法包括的步骤。
10.一种存储介质,其特征在于,所述存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行权利要求1-7中任一所述的方法包括的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911019102.7A CN110888638A (zh) | 2019-10-24 | 2019-10-24 | 一种用于绘制互联网界面的方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911019102.7A CN110888638A (zh) | 2019-10-24 | 2019-10-24 | 一种用于绘制互联网界面的方法和系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110888638A true CN110888638A (zh) | 2020-03-17 |
Family
ID=69746415
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911019102.7A Pending CN110888638A (zh) | 2019-10-24 | 2019-10-24 | 一种用于绘制互联网界面的方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110888638A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1825320A (zh) * | 2005-02-04 | 2006-08-30 | 株式会社东芝 | 素材管理系统和方法 |
CN102682064A (zh) * | 2011-02-01 | 2012-09-19 | 洛克威尔自动控制技术股份有限公司 | 用于外部定义的图形元素定义的可查找目录 |
CN103559504A (zh) * | 2013-11-04 | 2014-02-05 | 北京京东尚科信息技术有限公司 | 图像目标类别识别方法及装置 |
US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
CN107621966A (zh) * | 2017-08-31 | 2018-01-23 | 广州阿里巴巴文学信息技术有限公司 | 图形用户界面显示方法、装置和终端设备 |
-
2019
- 2019-10-24 CN CN201911019102.7A patent/CN110888638A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1825320A (zh) * | 2005-02-04 | 2006-08-30 | 株式会社东芝 | 素材管理系统和方法 |
CN102682064A (zh) * | 2011-02-01 | 2012-09-19 | 洛克威尔自动控制技术股份有限公司 | 用于外部定义的图形元素定义的可查找目录 |
CN103559504A (zh) * | 2013-11-04 | 2014-02-05 | 北京京东尚科信息技术有限公司 | 图像目标类别识别方法及装置 |
US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
CN107621966A (zh) * | 2017-08-31 | 2018-01-23 | 广州阿里巴巴文学信息技术有限公司 | 图形用户界面显示方法、装置和终端设备 |
Non-Patent Citations (1)
Title |
---|
落霞__孤鹜: "Axure RP使用基础教程", 《HTTPS://WWW.JIANSHU.COM/P/97FD99E38D71》 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10936915B2 (en) | Machine learning artificial intelligence system for identifying vehicles | |
CN109902708B (zh) | 一种推荐模型训练方法及相关装置 | |
CN107766940B (zh) | 用于生成模型的方法和装置 | |
CN108021691B (zh) | 答案查找方法、客服机器人以及计算机可读存储介质 | |
CN110321422A (zh) | 在线训练模型的方法、推送方法、装置以及设备 | |
CN110008397B (zh) | 一种推荐模型训练方法及装置 | |
CN104579909B (zh) | 一种用户信息的分类、用户分组信息的获取方法和设备 | |
CN111797294A (zh) | 可视化方法及相关设备 | |
CN109933534B (zh) | 一种确定金融测试对象的方法及装置 | |
CN107742128A (zh) | 用于输出信息的方法和装置 | |
CN108182457A (zh) | 用于生成信息的方法和装置 | |
CN108595448A (zh) | 信息推送方法和装置 | |
CN112232933A (zh) | 房源信息的推荐方法、装置、设备及可读存储介质 | |
CN107968743A (zh) | 推送信息的方法和装置 | |
CN106897282A (zh) | 一种用户群的分类方法和设备 | |
CN111144215A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN112966486A (zh) | 一种工程量清单智能生成方法、装置、终端及存储介质 | |
JP2020502710A (ja) | ウェブページメイン画像認識方法及び装置 | |
CN109344327B (zh) | 用于生成信息的方法和装置 | |
CN110888638A (zh) | 一种用于绘制互联网界面的方法和系统 | |
CN111191065A (zh) | 一种同源图像确定方法及装置 | |
CN108537786A (zh) | 用于处理图像方法和装置 | |
CN112950167A (zh) | 设计服务匹配方法、装置、设备及存储介质 | |
CN112036501A (zh) | 基于卷积神经网络的图片的相似度检测方法及其相关设备 | |
CN111276246B (zh) | 一种基于v8引擎的人体生理数据分析方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200317 |
|
RJ01 | Rejection of invention patent application after publication |