CN114637636A - 基于人工智能的ui界面校验方法、装置、设备及介质 - Google Patents
基于人工智能的ui界面校验方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN114637636A CN114637636A CN202210292394.7A CN202210292394A CN114637636A CN 114637636 A CN114637636 A CN 114637636A CN 202210292394 A CN202210292394 A CN 202210292394A CN 114637636 A CN114637636 A CN 114637636A
- Authority
- CN
- China
- Prior art keywords
- elements
- verification
- interface
- detected
- comparison table
- 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
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/22—Detection or location of defective computer hardware by testing during standby operation or during idle time, e.g. start-up testing
- G06F11/2205—Detection or location of defective computer hardware by testing during standby operation or during idle time, e.g. start-up testing using arrangements specific to the hardware being tested
- G06F11/221—Detection or location of defective computer hardware by testing during standby operation or during idle time, e.g. start-up testing using arrangements specific to the hardware being tested to test buses, lines or interfaces, e.g. stuck-at or open line faults
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/22—Detection or location of defective computer hardware by testing during standby operation or during idle time, e.g. start-up testing
- G06F11/2273—Test methods
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/22—Detection or location of defective computer hardware by testing during standby operation or during idle time, e.g. start-up testing
- G06F11/26—Functional testing
- G06F11/263—Generation of test inputs, e.g. test vectors, patterns or sequences ; with adaptation of the tested hardware for testability with external testers
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Debugging And Monitoring (AREA)
Abstract
本申请涉及人工智能领域,提出一种基于人工智能的UI界面校验方法、装置、电子设备及存储介质,基于人工智能的UI界面校验方法包括:依据预设的UI设计文件构建标准设计对照表;依据所述UI设计文件对应的应用程序获取待测元素校验集;基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;依据预设阈值评估所述UI界面还原度以获取评估结果。本申请能够以量化的形式评估出具体的UI界面还原度,帮助开发人员依据元素的层级关系获取元素的优化等级,从而提高UI界面的优化效率。
Description
技术领域
本申请涉及人工智能技术领域,尤其涉及一种基于人工智能的UI界面校验方法、装置、电子设备及存储介质。
背景技术
应用程序(Application,APP)从设计到推出市场的过程包括设计阶段和开发阶段,设计阶段包括APP的UI(User Interface,用户界面)设计,开发阶段包括APP的UI视觉还原,视觉还原指的是将设计人员设计的UI落实到APP的过程。
目前,现有技术中主要通过人工肉眼对比的方式对UI原本的设计界面和UI的实际应用界面进行比对效验,以此来确定出UI应用界面中有哪些元素与UI设计界面不同,从而能够针对这些不同的元素对UI应用界面进行改进,然而,人工对比方式的较为主观,无法以量化的形式直观的评估出UI设计界面和UI应用及界面之间的具体差别,导致不能有效确定应用程序的UI界面还原程度,进而降低了UI界面的校验效率和准确性。
发明内容
鉴于以上内容,有必要提出一种基于人工智能的UI界面校验方法、装置、设备及介质,以解决如何提高UI界面的校验效率这一技术问题。
本申请提供一种基于人工智能的UI界面校验方法,所述方法包括:
依据预设的UI设计文件构建标准设计对照表;
依据所述UI设计文件对应的应用程序获取待测元素校验集;
基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;
基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;
依据预设阈值评估所述UI界面还原度以获取评估结果。
如此,通过构建标准设计对照表来对获取到的待测元素校验集进行效验,并根据校验结果的层层计算得到最终的UI界面还原度,不仅能够以量化的形式评估出具体的UI界面还原度,还可以帮助开发人员依据元素的层级关系获取元素的优化等级,从而提高UI界面的优化效率。
在一些实施例中,所述依据预设的UI设计文件构建标准设计对照表包括:
解析预设的UI设计文件以获取元素的参数信息,所述参数信息包括参数名和参数值,所述元素包括父元素和子元素;
基于所述参数名和参数值对所述元素进行标注以获取标注元素;
将所述标注元素按照父元素-子元素的形式分类存储于数据表中以构成所述标准设计对照表。
如此,可以通过标注的形式对元素进行存储,便于后续过程依据标注获取相对应的元素,从而有助于提高UI界面的校验效率。
在一些实施例中,所述依据所述UI设计文件对应的应用程序获取待测元素校验集包括:
存储所述标准设计对照表和所述应用程序至终端设备中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范;
比对所述标准设计对照表和所述应用程序中的标注元素以获取待测元素,将所有待测元素的标注数据作为所述待测元素校验集。
如此,终端设备可根据标注信息快速获取应用程序所用到的元素,同时获取各元素的参数信息,提高了元素的比对效率。
在一些实施例中,所述基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集包括:
基于所述标准设计对照表逐一校验所述待测元素校验集中的对应元素以获取校验结果;
基于所述校验结果对所述待测元素校验集中的对应元素设置标签;
获取所有待测元素的标签值,将所有待测元素的标签值作为所述元素校验相关集。
如此,通过为待测元素校验集中的对应元素设置标签可以获取待测元素校验集中各元素与标准设计对照表之间的相关程序,从而有助于以量化的形式评估最终的UI界面是否合格。
在一些实施例中,所述基于所述校验结果对所述待测元素校验集中的对应元素设置标签包括:
所述校验结果包括校验通过和校验不通过;
若所述校验结果为校验通过,则对所述待测元素校验集中的对应元素设置标签为1;
若所述校验结果为校验不通过,则计算所述标准设计对照表和所述待测元素校验集中对应元素的参数相关度,并将所述参数相关度作为所述待测元素校验集中的对应元素的标签,所述参数相关度包括文字相关度和数字相关度。
如此,可依据校验结果为,并通过待测元素校验集中的对应元素自动设置不同的标签,无需人为进行设置,有助于提高UI界面的校验效率。
在一些实施例中,所述基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度包括:
依据预设逻辑设置所述待测元素校验集中各元素的权重值以获取元素权重集;
基于所述元素校验相关集和所述元素权重集对每个父元素的子元素进行加权求和得到每个父元素的评分值;
基于每个父元素的评分值和所述元素权重集对每个父元素进行加权求和得到所述UI界面还原度。
如此,通过获取待测元素校验集中各元素的权重值可以更为准确的计算出各元素的元素评分值,从而提高最终对UI界面进行评估的准确性。
在一些实施例中,所述依据预设阈值评估所述UI界面还原度以获取评估结果包括:
若所述评估结果为合格,则无需对UI界面进行优化修改;若所述评估结果为不合格,则依据元素评分值进行排序以获取需要优先修改的父元素,并再次对需要优先修改的父元素中的各子元素依据元素评分值进行排序以获取需要优先修改的子元素。
如此,在UI界面需要进行优化时,可以快速锁定需要优先进行修改的元素,从而大大提高UI界面的优化修改效率。
本申请实施例还提供一种基于人工智能的UI界面校验装置,所述装置包括:
构建单元,用于依据预设的UI设计文件构建标准设计对照表;
获取单元,用于依据所述UI设计文件对应的应用程序获取待测元素校验集;
校验单元,用于基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;
计算单元,用于基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;
评估单元,用于依据预设阈值评估所述UI界面还原度以获取评估结果。
本申请实施例还提供一种电子设备,所述电子设备包括:
存储器,存储至少一个指令;
处理器,执行所述存储器中存储的指令以实现所述的基于人工智能的UI界面校验方法。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一个指令,所述至少一个指令被电子设备中的处理器执行以实现所述的基于人工智能的UI界面校验方法。
附图说明
图1是本申请所涉及的基于人工智能的UI界面校验方法的较佳实施例的流程图。
图2是本申请所涉及的依据预设的UI设计文件构建标准设计对照表的较佳实施例的流程图。
图3是本申请所涉及的基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集的较佳实施例的流程图。
图4是本申请所涉及的基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度的较佳实施例的流程图。
图5是本申请所涉及的基于人工智能的UI界面校验装置的较佳实施例的功能模块图。
图6是本申请所涉及的基于人工智能的UI界面校验方法的较佳实施例的电子设备的结构示意图。
具体实施方式
为了能够更清楚地理解本申请的目的、特征和优点,下面结合附图和具体实施例对本申请进行详细描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互结合。在下面的描述中阐述了很多具体细节以便于充分理解本申请,所述描述的实施例仅是本申请一部分实施例,而不是全部的实施例。
此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本申请的描述中,“多个”的含义是两个或两个以上,除非另有明确具体的限定。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中在本申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请。本文所使用的术语“和/或”包括一个或多个相关的所列项目的任意的和所有的组合。
本申请实施例提供一种基于人工智能的UI界面校验方法,可应用于一个或者多个电子设备中,电子设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(Application SpecificIntegrated Circuit,ASIC)、可编程门阵列(Field-Programmable Gate Array,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
电子设备可以是任何一种可与客户进行人机交互的电子产品,例如,个人计算机、平板电脑、智能手机、个人数字助理(Personal Digital Assistant,PDA)、游戏机、交互式网络电视(Internet Protocol Television,IPTV)、智能式穿戴式设备等。
电子设备还可以包括网络设备和/或客户设备。其中,所述网络设备包括,但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量主机或网络服务器构成的云。
电子设备所处的网络包括但不限于互联网、广域网、城域网、局域网、虚拟专用网络(Virtual Private Network,VPN)等。
如图1所示,是本申请基于人工智能的UI界面校验方法的较佳实施例的流程图。根据不同的需求,该流程图中步骤的顺序可以改变,某些步骤可以省略。
S10,依据预设的UI设计文件构建标准设计对照表。
请参见图2,在一个可选的实施例中,依据预设的UI设计文件构建标准设计对照表包括:
S101,解析预设的UI设计文件以获取元素的参数信息,所述参数信息包括参数名和参数值,所述元素包括父元素和子元素。
在一个可选的实施例中,所述UI设计文件可以是UI设计师针对UI界面而制作的设计文件,UI设计文件可以由安装在终端上的插件运行,例如Marketch、AEFlowchart、Content Generator Sketch Plugin、Sketch Measure、Sketch Notebook Master和/或Taobao Image Sketch Plugin。
该可选的实施例中,软件工程师可以根据该UI设计文件编写出相应的应用程序。其中,应用程序需要依赖于操作系统例如安卓系统、IOS系统或者Windows系统运行,那么基于安装有相应操作系统的终端运行该应用程序,终端上就可以展示出通过运行该应用程序而生成的UI应用界面。
为便于软件工程师根据UI设计文件而编写出相应的应用程序,UI设计文件中则需要包含一些可以指示软件工程师的信息,例如在该UI设计文件中有构成UI界面所需的元素的参数。其中,构成UI界面所需的主要元素可以包括但不限于:字框、字符、图框、图片、按钮和背景。若将这些主要元素的参数也当做构成UI界面的元素,那么元素还可以进一步包括但不限于:字框的位置、字符样式、字符大小、字重程度、背景颜色、背景透明程度、背景渐变程度、图框的位置、图框的圆角程度、按钮圆角程度、按钮的位置、字框的尺寸、图片的尺寸、图框的尺寸和按钮的尺寸。那么,软件工程师根据UI设计文件构造UI界面所需的元素,并在应用程序中设置相应的参数,使得UI应用界面能够尽量的接近UI设计界面。为便于理解和区分,本方案中将构成UI界面的主要元素称为父元素、将这些主要元素的参数对应的元素称为子元素,一个父元素可包括多个子元素。
该可选的实施例中,由于一些人为的原因例如软件工程师编程错误的定义了元素的参数,或者由于一些实际运行环境的原因例如:不同终端的屏幕尺寸不同、不同终端的操作系统也不同,故导致UI应用界面与UI设计界面存在着差异。
该可选的实施例中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范;换句话说,标准设计对照表是设计人员与开发人员共同约定的规范。
该可选的实施例中,预设的UI设计文件可以为sketch文件,Sketch是一款适用于所有设计师的矢量绘图应用,常用于UI设计。
该可选的实施例中,通过解析UI设计文件来获取各元素对应的参数信息,所述参数信息包括参数名和参数值,进而构建所述标准设计对照表。其中,解析的具体过程为将.sketch文件按.zip文件解压缩,查找previews文件夹获取预览设计图,查找pages文件夹获取json格式的各元素的参数信息。
S102,基于所述参数名和参数值对所述元素进行标注以获取标注元素。
该可选的实施例中,根据得到的各元素的参数名和参数值对各元素进行标注从而得到标注元素,其中父元素和子元素的标注形式不同,所述标注可以是数字编码,也可以是字母编码,或者字母与数字混合的编码,也可以包括特殊符号和字符,在此并不做限制。
示例性的,父元素中的字框、字符、图框、图片、按钮和背景可分别标注为A、B、C、D、E、F,字符中包括的子元素如字符大小和字符样式可以为dxx和yxx,如字符样式为宋体,字符大小为12,则可以标注为B-y宋体-d12。
S103,将所述标注元素按照父元素-子元素的形式分类存储于数据表中以构成所述标准设计对照表。
该可选的实施例中,将所有的标注元素按照父元素-子元素的形式依次分类存储于数据表中以构成所述标准设计对照表,其中,所述标准设计对照表包括应用程序的UI界面所要用到的所有元素。
如此,可以通过标注的形式对元素进行存储,便于后续过程依据标注获取相对应的元素,从而有助于提高UI界面的校验效率。
S11,依据所述UI设计文件对应的应用程序获取待测元素校验集。
在一个可选的实施例中,依据所述UI设计文件对应的应用程序获取待测元素校验集包括:
S111,存储所述标准设计对照表和所述应用程序至终端设备中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范。
在一个可选的实施例中,终端设备中分别存储有预设的UI设计文件的标准设计对照表和所述UI设计文件对应的应用程序,由于终端设备可以对多款应用的UI设计文件与UI应用界面是否相同进行测试,例如终端设备可以对打车软件、导航软件和网购软件的UI设计文件与UI应用界面均进行测试,故为便于终端设备识别出UI设计文件中的设计元素以及识别出应用程序中的元素,终端设备中预先存储所述应用程序所包含的所有元素的标注信息。
S112,比对所述标准设计对照表和所述应用程序中的标注元素以获取待测元素,将所有待测元素的标注数据作为待测元素校验集。
该可选的实施例中,由于标准设计对照表中包含了每个标注元素的标注信息,因此终端设备可以通过将标准设计对照表中标注元素的标注和应用程序的所有元素的标注进行比对来获取应用程序中都有哪些标注元素,本方案中将根据应用程序获取到的所有元素作为待测元素,将所有待测元素的标注数据作为所述待测元素校验集。
如此,终端设备可根据标注信息快速获取应用程序所用到的元素,同时获取各元素的参数信息,提高了元素的比对效率。
S12,基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集。
请参见图3,在一个可选的实施例中,基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集包括:
S121,基于所述标准设计对照表逐一校验所述待测元素校验集中的对应元素以获取校验结果。
在一个可选的实施例中,根据所述标准设计对照表对所述待测元素校验集中的对应元素的标注数据进行逐一校验,具体过程为按照标注信息中字符串的首字符开始进行匹配校验以获取校验结果,若匹配到完全相同的标注信息字符串,则校验结果为校验通过,若未匹配到完全相同的校验信息字符串,则校验结果为校验不通过。
S122,基于所述校验结果对所述待测元素校验集中的对应元素设置标签。
该可选的实施例中,若所述校验结果为校验通过,则对所述待测元素校验集中的对应元素设置标签为1;若所述校验结果为校验不通过,则计算所述标准设计对照表和所述待测元素校验集中对应元素的参数相关度,并将所述参数相关度作为所述待测元素校验集中的对应元素的标签,所述参数相关度包括文字相关度和数字相关度。
示例性的,若a元素的字符样式为“宋体”,b元素的字符样式为“仿宋”,则可通过文本相似度算法,如N-gram相似度算法,可计算“宋体”与“仿宋”之间的文本相似值以作为所述文字相关度,并将得到的文字相关度作为当前待测元素的标签,所述文字相关度的取值范围为[0,1]。
示例性的,若c元素为字符大小,取值为12,对应的d元素为字符大小,取值为10,则依据字符大小的取值区间获取当前两个待测元素之间的数字相关度s,计算式为s=1-|ki-kj|/M,其中ki和kj分别表示当前两个待测元素的数值,M表示当前两个元素对应的数值取值范围长度,如字符大小的取值范围为[5,25],则scd=1-|12-10|/25-5=0.9,并将得到的数字相似度作为当前待测元素的标签,所述数字相关度的取值范围为[0,1]。
S123,获取所有待测元素的标签值,将所有待测元素的标签值作为元素校验相关集。
如此,通过为待测元素校验集中的对应元素设置标签可以获取待测元素校验集中各元素与标准设计对照表之间的相关程序,从而有助于以量化的形式评估最终的UI界面是否合格。
S13,基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度。
请参见图4,在一个可选的实施例中,基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度包括:
S131,依据预设逻辑设置所述待测元素校验集中各元素的权重值以获取元素权重集。
在一个可选的实施例中,由于UI界面包括多个父元素,而各个父元素又包括多个子元素,因此需首先设置各元素的权重值,本方案中所述预设逻辑为同级元素之间的权重相同,如父元素字符包括的子元素为字符大小、字符样式、字重程度,则对应的每个子元素的权重为1/3,本方案中将所有元素的权重值作为所述元素权重集。
S132,基于所述元素校验相关集和所述元素权重集对每个父元素的子元素进行加权求和得到每个父元素的评分值;
该可选的实施例中,如父元素字符包括的子元素为字符大小、字符样式、字重程度,则对应的每个子元素的权重为1/3,设字符大小、字符样式、字重程度对应的标签值为0.9、0.9、0.6,则相应的评分值为1/3x0.9=0.3、1/3x0.9=0.2、1/3x0.9=0.3、对得到的评分值进行求和即可获得对应的父元素评分值为0.8。
S133,基于每个父元素的评分值和所述元素权重集对每个父元素进行加权求和得到所述UI界面还原度。
该可选的实施例中,在没有特殊要求的情况下,各个父元素默认具有相同的权重,因此父字框、字符、图框、图片、按钮和背景对应的权重值为1/6,则通过加权求和可获得最终的UI界面还原度,如各父元素对应的评分值为1、0.8、0.8、1、0.9、0.8,则对应的UI界面还原度为1/6(1+0.8+0.8+1+0.9+0.8)=0.9。
如此,通过获取待测元素校验集中各元素的权重值可以更为准确的计算出各元素的元素评分值,从而提高最终对UI界面进行评估的准确性。
S14,依据预设阈值评估所述UI界面还原度以获取评估结果。
该可选的实施例中,可通过预设的阈值评估所述UI界面还原度是否合格,如阈值可设置为0.8,当最终计算得到的UI界面还原度大于0.8时,无需进行UI界面修改;当最终计算得到的UI界面还原度小于0.8时,则对当前的UI界面进行优化修改,其中可依据父元素评分值从小到大的顺序进行排序,评分值越低则表示越需要优先进行修改,从而判断是哪些父元素需要优先修改,并可通过父元素中各子元素的评分值再次按照由小到大的顺序进行排序,判断是当前父元素中的哪些子元素需要优先进行修改,从而提高对UI界面的优化效率。
如此,在UI界面需要进行优化时,可以快速锁定需要优先进行修改的元素,从而大大提高UI界面的优化修改效率。
请参见图5,图5是本申请基于人工智能的UI界面校验装置的较佳实施例的功能模块图。基于人工智能的UI界面校验装置11包括构建单元110、获取单元111、校验单元112、计算单元113、评估单元114。本申请所称的模块/单元是指一种能够被处理器13所执行,并且能够完成固定功能的一系列计算机可读指令段,其存储在存储器12中。在本实施例中,关于各模块/单元的功能将在后续的实施例中详述。
在一个可选的实施例中,构建单元110用于依据预设的UI设计文件构建标准设计对照表。
在一个可选的实施例中,所述依据预设的UI设计文件构建标准设计对照表包括:
解析预设的UI设计文件以获取元素的参数信息,所述参数信息包括参数名和参数值,所述元素包括父元素和子元素;
基于所述参数名和参数值对所述元素进行标注以获取标注元素;
将所述标注元素按照父元素-子元素的形式分类存储于数据表中以构成所述标准设计对照表。
在一个可选的实施例中,所述UI设计文件可以是UI设计师针对UI界面而制作的设计文件,UI设计文件可以由安装在终端上的插件运行,例如Marketch、AEFlowchart、Content Generator Sketch Plugin、Sketch Measure、Sketch Notebook Master和/或Taobao Image Sketch Plugin。
该可选的实施例中,软件工程师可以根据该UI设计文件编写出相应的应用程序。其中,应用程序需要依赖于操作系统例如安卓系统、IOS系统或者Windows系统运行,那么基于安装有相应操作系统的终端运行该应用程序,终端上就可以展示出通过运行该应用程序而生成的UI应用界面。
为便于软件工程师根据UI设计文件而编写出相应的应用程序,UI设计文件中则需要包含一些可以指示软件工程师的信息,例如在该UI设计文件中有构成UI界面所需的元素的参数。其中,构成UI界面所需的主要元素可以包括但不限于:字框、字符、图框、图片、按钮和背景。若将这些主要元素的参数也当做构成UI界面的元素,那么元素还可以进一步包括但不限于:字框的位置、字符样式、字符大小、字重程度、背景颜色、背景透明程度、背景渐变程度、图框的位置、图框的圆角程度、按钮圆角程度、按钮的位置、字框的尺寸、图片的尺寸、图框的尺寸和按钮的尺寸。那么,软件工程师根据UI设计文件构造UI界面所需的元素,并在应用程序中设置相应的参数,使得UI应用界面能够尽量的接近UI设计界面。为便于理解和区分,本方案中将构成UI界面的主要元素称为父元素、将这些主要元素的参数对应的元素称为子元素,一个父元素可包括多个子元素。
该可选的实施例中,由于一些人为的原因例如软件工程师编程错误的定义了元素的参数,或者由于一些实际运行环境的原因例如:不同终端的屏幕尺寸不同、不同终端的操作系统也不同,故导致UI应用界面与UI设计界面存在着差异。
该可选的实施例中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范;换句话说,标准设计对照表是设计人员与开发人员共同约定的规范。
该可选的实施例中,预设的UI设计文件可以为sketch文件,Sketch是一款适用于所有设计师的矢量绘图应用,常用于UI设计。
该可选的实施例中,通过解析UI设计文件来获取各元素对应的参数信息,所述参数信息包括参数名和参数值,进而构建所述标准设计对照表。其中,解析的具体过程为将.sketch文件按.zip文件解压缩,查找previews文件夹获取预览设计图,查找pages文件夹获取json格式的各元素的参数信息。
该可选的实施例中,根据得到的各元素的参数名和参数值对各元素进行标注从而得到标注元素,其中父元素和子元素的标注形式不同,所述标注可以是数字编码,也可以是字母编码,或者字母与数字混合的编码,也可以包括特殊符号和字符,在此并不做限制。
示例性的,父元素中的字框、字符、图框、图片、按钮和背景可分别标注为A、B、C、D、E、F,字符中包括的子元素如字符大小和字符样式可以为dxx和yxx,如字符样式为宋体,字符大小为12,则可以标注为B-y宋体-d12。
该可选的实施例中,将所有的标注元素按照父元素-子元素的形式依次分类存储于数据表中以构成所述标准设计对照表,其中,所述标准设计对照表包括应用程序的UI界面所要用到的所有元素。
在一个可选的实施例中,获取单元111用于依据所述UI设计文件对应的应用程序获取待测元素校验集。
在一个可选的实施例中,所述依据所述UI设计文件对应的应用程序获取待测元素校验集包括:
存储所述标准设计对照表和所述应用程序至终端设备中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范;
比对所述标准设计对照表和所述应用程序中的标注元素以获取待测元素,将所有待测元素的标注数据作为所述待测元素校验集。
在一个可选的实施例中,终端设备中分别存储有预设的UI设计文件的标准设计对照表和所述UI设计文件对应的应用程序,由于终端设备可以对多款应用的UI设计文件与UI应用界面是否相同进行测试,例如终端设备可以对打车软件、导航软件和网购软件的UI设计文件与UI应用界面均进行测试,故为便于终端设备识别出UI设计文件中的设计元素以及识别出应用程序中的元素,终端设备中预先存储所述应用程序所包含的所有元素的标注信息。
该可选的实施例中,由于标准设计对照表中包含了每个标注元素的标注信息,因此终端设备可以通过将标准设计对照表中标注元素的标注和应用程序的所有元素的标注进行比对来获取应用程序中都有哪些标注元素,本方案中将根据应用程序获取到的所有元素作为待测元素,将所有待测元素的标注数据作为所述待测元素校验集。
在一个可选的实施例中,校验单元112用于基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集。
在一个可选的实施例中,所述基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集包括:
基于所述标准设计对照表逐一校验所述待测元素校验集中的对应元素以获取校验结果;
基于所述校验结果对所述待测元素校验集中的对应元素设置标签;
获取所有待测元素的标签值,将所有待测元素的标签值作为所述元素校验相关集。
在一个可选的实施例中,根据所述标准设计对照表对所述待测元素校验集中的对应元素的标注数据进行逐一校验,具体过程为按照标注信息中字符串的首字符开始进行匹配校验以获取校验结果,若匹配到完全相同的标注信息字符串,则校验结果为校验通过,若未匹配到完全相同的校验信息字符串,则校验结果为校验不通过。
该可选的实施例中,若所述校验结果为校验通过,则对所述待测元素校验集中的对应元素设置标签为1;若所述校验结果为校验不通过,则计算所述标准设计对照表和所述待测元素校验集中对应元素的参数相关度,并将所述参数相关度作为所述待测元素校验集中的对应元素的标签,所述参数相关度包括文字相关度和数字相关度。
示例性的,若a元素的字符样式为“宋体”,b元素的字符样式为“仿宋”,则可通过文本相似度算法,如N-gram相似度算法,可计算“宋体”与“仿宋”之间的文本相似值以作为所述文字相关度,并将得到的文字相关度作为当前待测元素的标签,所述文字相关度的取值范围为[0,1]。
示例性的,若c元素为字符大小,取值为12,对应的d元素为字符大小,取值为10,则依据字符大小的取值区间获取当前两个待测元素之间的数字相关度s,计算式为s=1-|ki-kj|/M,其中ki和kj分别表示当前两个待测元素的数值,M表示当前两个元素对应的数值取值范围长度,如字符大小的取值范围为[5,25],则scd=1-|12-10|/25-5=0.9,并将得到的数字相似度作为当前待测元素的标签,所述数字相关度的取值范围为[0,1]。
在一个可选的实施例中,计算单元113用于基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度。
在一个可选的实施例中,所述基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度包括:
依据预设逻辑设置所述待测元素校验集中各元素的权重值以获取元素权重集;
基于所述元素校验相关集和所述元素权重集对每个父元素的子元素进行加权求和得到每个父元素的评分值;
基于每个父元素的评分值和所述元素权重集对每个父元素进行加权求和得到所述UI界面还原度。
在一个可选的实施例中,由于UI界面包括多个父元素,而各个父元素又包括多个子元素,因此需首先设置各元素的权重值,本方案中所述预设逻辑为同级元素之间的权重相同,如父元素字符包括的子元素为字符大小、字符样式、字重程度,则对应的每个子元素的权重为1/3,本方案中将所有元素的权重值作为所述元素权重集。
该可选的实施例中,如父元素字符包括的子元素为字符大小、字符样式、字重程度,则对应的每个子元素的权重为1/3,设字符大小、字符样式、字重程度对应的标签值为0.9、0.9、0.6,则相应的评分值为1/3x0.9=0.3、1/3x0.9=0.2、1/3x0.9=0.3、对得到的评分值进行求和即可获得对应的父元素评分值为0.8。
该可选的实施例中,在没有特殊要求的情况下,各个父元素默认具有相同的权重,因此父字框、字符、图框、图片、按钮和背景对应的权重值为1/6,则通过加权求和可获得最终的UI界面还原度,如各父元素对应的评分值为1、0.8、0.8、1、0.9、0.8,则对应的UI界面还原度为1/6(1+0.8+0.8+1+0.9+0.8)=0.9。
在一个可选的实施例中,评估单元114用于依据预设阈值评估所述UI界面还原度以获取评估结果。
该可选的实施例中,可通过预设的阈值评估所述UI界面还原度是否合格,如阈值可设置为0.8,当最终计算得到的UI界面还原度大于0.8时,无需进行UI界面修改;当最终计算得到的UI界面还原度小于0.8时,则对当前的UI界面进行优化修改,其中可依据父元素评分值从小到大的顺序进行排序,评分值越低则表示越需要优先进行修改,从而判断是哪些父元素需要优先修改,并可通过父元素中各子元素的评分值再次按照由小到大的顺序进行排序,判断是当前父元素中的哪些子元素需要优先进行修改,从而提高对UI界面的优化效率。
由以上技术方案可以看出,本申请能够通过构建标准设计对照表来对获取到的待测元素校验集进行效验,并根据校验结果的层层计算得到最终的UI界面还原度,不仅能够以量化的形式评估出具体的UI界面还原度,还可以帮助开发人员依据元素的层级关系获取元素的优化等级,从而提高UI界面的优化效率。
请参见图6,是本申请实施例提供的一种电子设备的结构示意图。电子设备1包括存储器12和处理器13。存储器12用于存储计算机可读指令,处理器13用执行所述储器中存储的计算机可读指令以实现上述任一实施例所述的基于人工智能的UI界面校验方法。
在一个可选的实施例中,电子设备1还包括总线、存储在所述存储器12中并可在所述处理器13上运行的计算机程序,例如基于人工智能的UI界面校验程序。
图6仅示出了具有存储器12和处理器13的电子设备1,本领域技术人员可以理解的是,图6示出的结构并不构成对电子设备1的限定,可以包括比图示更少或者更多的部件,或者组合某些部件,或者不同的部件布置。
结合图1,电子设备1中的所述存储器12存储多个计算机可读指令以实现一种基于人工智能的UI界面校验方法,所述处理器13可执行所述多个指令从而实现:
依据预设的UI设计文件构建标准设计对照表;
依据所述UI设计文件对应的应用程序获取待测元素校验集;
基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;
基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;
依据预设阈值评估所述UI界面还原度以获取评估结果。
具体地,所述处理器13对上述指令的具体实现方法可参考图1对应实施例中相关步骤的描述,在此不赘述。
本领域技术人员可以理解,所述示意图仅仅是电子设备1的示例,并不构成对电子设备1的限定,电子设备1可以是总线型结构,也可以是星形结构,电子设备1还可以包括比图示更多或更少的其他硬件或者软件,或者不同的部件布置,例如电子设备1还可以包括输入输出设备、网络接入设备等。
需要说明的是,电子设备1仅为举例,其他现有的或今后可能出现的电子产品如可适应于本申请,也应包含在本申请的保护范围以内,并以引用方式包含于此。
其中,存储器12至少包括一种类型的可读存储介质,所述可读存储介质可以是非易失性的,也可以是易失性的。所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如:SD或DX存储器等)、磁性存储器、磁盘、光盘等。存储器12在一些实施例中可以是电子设备1的内部存储单元,例如该电子设备1的移动硬盘。存储器12在另一些实施例中也可以是电子设备1的外部存储设备,例如电子设备1上配备的插接式移动硬盘、智能存储卡(Smart Media Card,SMC)、安全数字(Secure Digital,SD)卡、闪存卡(Flash Card)等。存储器12不仅可以用于存储安装于电子设备1的应用软件及各类数据,例如基于人工智能的UI界面校验程序的代码等,还可以用于暂时地存储已经输出或者将要输出的数据。
处理器13在一些实施例中可以由集成电路组成,例如可以由单个封装的集成电路所组成,也可以是由多个相同功能或不同功能封装的集成电路所组成,包括一个或者多个中央处理器(Central Processing unit,CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。处理器13是电子设备1的控制核心(Control Unit),利用各种接口和线路连接整个电子设备1的各个部件,通过运行或执行存储在所述存储器12内的程序或者模块(例如执行基于人工智能的UI界面校验程序等),以及调用存储在所述存储器12内的数据,以执行电子设备1的各种功能和处理数据。
所述处理器13执行所述电子设备1的操作系统以及安装的各类应用程序。所述处理器13执行所述应用程序以实现上述各个基于人工智能的UI界面校验方法实施例中的步骤,例如图1至图4所示的步骤。
示例性的,所述计算机程序可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器12中,并由所述处理器13执行,以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令段,该指令段用于描述所述计算机程序在电子设备1中的执行过程。例如,所述计算机程序可以被分割成构建单元110、获取单元111、校验单元112、计算单元113、评估单元114。
上述以软件功能模块的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机、计算机设备,或者网络设备等)或处理器(processor)执行本申请各个实施例所述的基于人工智能的UI界面校验方法的部分。
电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指示相关的硬件设备来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。
其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存储器及其他存储器等。
进一步地,计算机可读存储介质可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储根据区块链节点的使用所创建的数据等。
本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
总线可以是外设部件互连标准(peripheral component interconnect,简称PCI)总线或扩展工业标准结构(extended industry standard architecture,简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示,在图6中仅用一根箭头表示,但并不表示仅有一根总线或一种类型的总线。所述总线被设置为实现所述存储器12以及至少一个处理器13等之间的连接通信。
本申请实施例还提供一种计算机可读存储介质(图未示),计算机可读存储介质中存储有计算机可读指令,计算机可读指令被电子设备中的处理器执行以实现上述任一实施例所述的基于人工智能的UI界面校验方法。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能模块的形式实现。
此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。说明书陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一、第二等词语用来表示名称,而并不表示任何特定的顺序。
最后应说明的是,以上实施例仅用以说明本申请的技术方案而非限制,尽管参照较佳实施例对本申请进行了详细说明,本领域的普通技术人员应当理解,可以对本申请的技术方案进行修改或等同替换,而不脱离本申请技术方案的精神和范围。
Claims (10)
1.一种基于人工智能的UI界面校验方法,其特征在于,所述方法包括:
依据预设的UI设计文件构建标准设计对照表;
依据所述UI设计文件对应的应用程序获取待测元素校验集;
基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;
基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;
依据预设阈值评估所述UI界面还原度以获取评估结果。
2.如权利要求1所述的基于人工智能的UI界面校验方法,其特征在于,所述依据预设的UI设计文件构建标准设计对照表包括:
解析预设的UI设计文件以获取元素的参数信息,所述参数信息包括参数名和参数值,所述元素包括父元素和子元素;
基于所述参数名和参数值对所述元素进行标注以获取标注元素;
将所述标注元素按照父元素-子元素的形式分类存储于数据表中以构成所述标准设计对照表。
3.如权利要求1所述的基于人工智能的UI界面校验方法,其特征在于,所述依据所述UI设计文件对应的应用程序获取待测元素校验集包括:
存储所述标准设计对照表和所述应用程序至终端设备中,所述标准设计对照表用于定义所述应用程序的设计规范和开发规范;
比对所述标准设计对照表和所述应用程序中的标注元素以获取待测元素,将所有待测元素的标注数据作为所述待测元素校验集。
4.如权利要求1所述的基于人工智能的UI界面校验方法,其特征在于,所述基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集包括:
基于所述标准设计对照表逐一校验所述待测元素校验集中的对应元素以获取校验结果;
基于所述校验结果对所述待测元素校验集中的对应元素设置标签;
获取所有待测元素的标签值,将所有待测元素的标签值作为所述元素校验相关集。
5.如权利要求4所述的基于人工智能的UI界面校验方法,其特征在于,所述基于所述校验结果对所述待测元素校验集中的对应元素设置标签包括:
所述校验结果包括校验通过和校验不通过;
若所述校验结果为校验通过,则对所述待测元素校验集中的对应元素设置标签为1;
若所述校验结果为校验不通过,则计算所述标准设计对照表和所述待测元素校验集中对应元素的参数相关度,并将所述参数相关度作为所述待测元素校验集中的对应元素的标签,所述参数相关度包括文字相关度和数字相关度。
6.如权利要求1所述的基于人工智能的UI界面校验方法,其特征在于,所述基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度包括:
依据预设逻辑设置所述待测元素校验集中各元素的权重值以获取元素权重集;
基于所述元素校验相关集和所述元素权重集对每个父元素的子元素进行加权求和得到每个父元素的评分值;
基于每个父元素的评分值和所述元素权重集对每个父元素进行加权求和得到所述UI界面还原度。
7.如权利要求1所述的基于人工智能的UI界面校验方法,其特征在于,所述依据预设阈值评估所述UI界面还原度以获取评估结果包括:
若所述评估结果为合格,则无需对UI界面进行优化修改;若所述评估结果为不合格,则依据元素评分值进行排序以获取需要优先修改的父元素,并再次对需要优先修改的父元素中的各子元素依据元素评分值进行排序以获取需要优先修改的子元素。
8.一种基于人工智能的UI界面校验装置,其特征在于,所述装置包括:
构建单元,用于依据预设的UI设计文件构建标准设计对照表;
获取单元,用于依据所述UI设计文件对应的应用程序获取待测元素校验集;
校验单元,用于基于所述标准设计对照表校验所述待测元素校验集中的对应元素以获取元素校验相关集;
计算单元,用于基于所述元素校验相关集计算所述待测元素校验集中的元素评分值以获取UI界面还原度;
评估单元,用于依据预设阈值评估所述UI界面还原度以获取评估结果。
9.一种电子设备,其特征在于,所述电子设备包括:
存储器,存储有计算机可读指令;及
处理器,执行所述存储器中存储的计算机可读指令以实现如权利要求1至7中任意一项所述的基于人工智能的UI界面校验方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的基于人工智能的UI界面校验方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210292394.7A CN114637636A (zh) | 2022-03-23 | 2022-03-23 | 基于人工智能的ui界面校验方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210292394.7A CN114637636A (zh) | 2022-03-23 | 2022-03-23 | 基于人工智能的ui界面校验方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114637636A true CN114637636A (zh) | 2022-06-17 |
Family
ID=81949171
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210292394.7A Pending CN114637636A (zh) | 2022-03-23 | 2022-03-23 | 基于人工智能的ui界面校验方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114637636A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115328855A (zh) * | 2022-10-17 | 2022-11-11 | 北京尽微致广信息技术有限公司 | 文件还原度的评估方法、装置、存储介质和设备 |
-
2022
- 2022-03-23 CN CN202210292394.7A patent/CN114637636A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115328855A (zh) * | 2022-10-17 | 2022-11-11 | 北京尽微致广信息技术有限公司 | 文件还原度的评估方法、装置、存储介质和设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11270105B2 (en) | Extracting and analyzing information from engineering drawings | |
EP2693356A2 (en) | Detecting pirated applications | |
CN110955659B (zh) | 处理数据表的方法及系统 | |
CN111563218B (zh) | 一种页面的修复方法及装置 | |
CN114035827A (zh) | 应用程序更新方法、装置、设备及存储介质 | |
CN112395886A (zh) | 相似文本确定方法及相关设备 | |
CN111142863B (zh) | 一种页面生成的方法及装置 | |
CN109542757A (zh) | 接口测试环境确定方法、装置、电子设备及存储介质 | |
CN113485685A (zh) | Api接口创建方法、装置、电子设备及介质 | |
CN112363923A (zh) | 基于问卷系统的测试方法、装置、计算机设备及介质 | |
CN114637636A (zh) | 基于人工智能的ui界面校验方法、装置、设备及介质 | |
CN113342977B (zh) | 发票图像分类方法、装置、设备及存储介质 | |
CN111639903A (zh) | 一种针对架构变更的评审处理方法及相关设备 | |
US10705810B2 (en) | Automatic code generation | |
CN109446054B (zh) | 基于大数据的越权操作请求的处理方法及终端设备 | |
CN116150185A (zh) | 基于人工智能的数据标准提取方法、装置、设备及介质 | |
CN113591881B (zh) | 基于模型融合的意图识别方法、装置、电子设备及介质 | |
CN114581177A (zh) | 产品推荐方法、装置、设备及存储介质 | |
CN111857883B (zh) | 页面数据校验方法、装置、电子设备及存储介质 | |
CN111859985B (zh) | Ai客服模型测试方法、装置、电子设备及存储介质 | |
JP2022171570A (ja) | コンテナイメージの提供 | |
CN111142735B (zh) | 一种软件页面的创建方法、装置、终端设备和存储介质 | |
US11120381B2 (en) | Product declaration validation | |
CN112882707A (zh) | 一种渲染方法、装置、存储介质及电子设备 | |
CN112328779A (zh) | 训练样本构建方法、装置、终端设备及存储介质 |
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 |