CN109086108B - 一种界面布局合理性检测的方法及系统 - Google Patents
一种界面布局合理性检测的方法及系统 Download PDFInfo
- Publication number
- CN109086108B CN109086108B CN201810698773.XA CN201810698773A CN109086108B CN 109086108 B CN109086108 B CN 109086108B CN 201810698773 A CN201810698773 A CN 201810698773A CN 109086108 B CN109086108 B CN 109086108B
- Authority
- CN
- China
- Prior art keywords
- interface
- screen
- interface object
- data set
- area
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
本发明提供的一种界面布局合理性检测的方法及系统,通过获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,并依次对每个界面对象执行相同的操作,即判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集,在所有界面对象测试完成后,合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题。
Description
技术领域
本发明涉及虚拟现实技术领域,特别涉及一种界面布局合理性检测的方法及系统。
背景技术
随着虚拟现实技术的发展,越来越多的虚拟现实软件出现在人们的生活中。作为虚拟现实软件,沉浸感一直是用户体验的核心。制约用户体验的因素很多,其中就包含了用户的视觉疲劳度,而影响用户视觉疲劳度的因素很多,如IU界面布局不合理以及UI界面与人眼之间的距离不合理等。根据oculus rift最佳实践指南指出,UI界面与人眼之间的距离不应该低于50cm,并且UI界面应该居中并占据屏幕(虚拟场景)的1/3。这样可以有效的避免用户在浏览UI界面时频繁的转动眼球,从而导致视觉的疲劳。根据oculus rift最佳实践指南指出,UI界面与人眼之间的距离不应该低于50cm,并且UI界面应该居中并占据屏幕(虚拟场景)的1/3。这样可以有效的避免用户在浏览UI界面时频繁的转动眼球,从而导致视觉的疲劳。
现有技术中通常采用黑盒测试的方法对虚拟现实软件的UI界面布局的合理性进行检测,测试人员需要对虚拟现实软件的场景界面进行截图操作,所截取的画面中包含了虚拟现实软件的UI界面(UI界面就是所有UI对象的整合),将UI界面所占用的区域划分为一个矩形区域,命名为区域B,该区域涵盖了当前虚拟场景中所有的UI对象。通过量尺等工具测量出区域B所构成的矩形的长度和宽度,并根据矩形面积公式:面积(S)=长*宽,计算出区域B的面积,标记为S2。虚拟场景所构成的区域命名为区域A,由于该区域相当于虚拟摄像机的横截面,因此区域A相当于一个矩形。同样通过量尺等工具测量区域A所构成的矩形的长度和宽度,并计算出区域A的面积,标记为S1。计算S1与S2的比值,判断UI界面是否占据屏幕的1/3,再通过肉眼判断区域B所构成的矩形是否在区域A所构成的矩形中居中。通过这样的方式即可检测出虚拟现实软件中UI界面布局的合理性。
该黑盒测试方法存在如下缺点:
缺点1:通过上述方式进行虚拟现实软件的UI界面布局合理性检测,仅仅能够检测出UI界面所占的区域面积与屏幕(即视锥体截面)面积之间的占比关系,并通过肉眼识别的方式判断UI界面是否在屏幕上居中。这样的检测方式在检测的精准度上存在很大的误差,并且无法准确的圈定出UI界面的合理布局区域范围,如果无法圈定出准确的布局范围,也就没有办法验证哪些UI对象布局合理,而哪些UI对象布局不合理,仅仅能够判断UI界面布局的合理性。
缺点2:上述的虚拟现实软件的UI界面布局合理性的黑盒测试方法也无法检测出UI界面与人眼之间的距离是否合理,这样就存在检测完整性的缺漏。
缺点3:基于黑盒测试的检测方式不论是测试过程中的测试数据采集、数据分析还是最终的测试报告编写都需要通过手工的方式来完成,这样对于人力资源的消耗也是很大的,无疑增加了测试人员的测试成本。
发明内容
本发明所要解决的技术问题是:提供一种界面布局合理性检测的方法及系统,能够判断每个界面对象布局是否合理,解决检测完整性的缺漏问题。
为了解决上述技术问题,本发明采用的一种技术方案为:
一种界面布局合理性检测的方法,包括步骤:
S1、服务端接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、服务端合并所述第一数据集和第二数据集,并返回合并后的数据至客户端。
为了解决上述技术问题,本发明采用的另一种技术方案为:
一种界面布局合理性检测的系统,包括服务端,所述服务端包括第一存储器、第一处理器及存储在第一存储器上并可在第一处理器上运行的第一计算机程序,所述第一处理器执行所述第一计算机程序时实现以下步骤:
S1、接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、合并所述第一数据集和第二数据集,并返回合并后的数据至客户端。
本发明的有益效果在于:通过获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,并依次对每个界面对象执行相同的操作,即判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集,在所有界面对象测试完成后,合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题。
附图说明
图1为本发明实施例的界面布局合理性检测的方法流程图;
图2为本发明实施例的界面布局合理性检测的系统的结构示意图;
标号说明:
1、界面布局合理性检测的系统; 2、服务端; 3、第一存储器;
4、第一处理器; 5、客户端; 6、第二存储器; 7、第二处理器。
具体实施方式
为详细说明本发明的技术内容、所实现目的及效果,以下结合实施方式并配合附图予以说明。
本发明最关键的构思在于:通过先判断界面对象与摄像机之间的距离是否大于预设值,若是,则进一步判断界面对象是否处于合理布局区域范围内,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题。
请参照图1,一种界面布局合理性检测的方法,包括步骤:
S1、服务端接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、服务端合并所述第一数据集和第二数据集,并返回合并后的数据至客户端。
从上述描述可知,本发明的有益效果在于:通过获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,并依次对每个界面对象执行相同的操作,即判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集,在所有界面对象测试完成后,合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题。
进一步的,步骤S1之前还包括:
S0、服务端确定界面的合理布局区域范围。
进一步的,所述计算界面合理布局区域范围具体为:
S01、服务端获取显示设备的屏幕的宽高比、高度和宽度;
S02、服务端根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、服务端根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围。
由上述描述可知,通过计算所述屏幕的中心点的世界坐标和屏幕区域的面积,并根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围,能够准确的圈定出合理布局区域范围,从而提高界面布局合理性检测的精确度。
进一步的,步骤S2还包括:
服务端以JSON格式存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式。
由上述描述可知,通过以JSON格式存储所述合并后的数据,易于机器解析和生成,有效的提高了网络传输速率。
进一步的,步骤S2之后还包括:
客户端接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
由上述描述可知,通过对所述数据进行解析,并绘制图表,生成相应的测试报告,通过图表能更加直观显示对各个界面对象的测试结果,提高了测试效率。
请参照图2,一种界面布局合理性检测的系统1,包括服务端2,所述服务端2包括第一存储器3、第一处理器4及存储在第一存储器3上并可在第一处理器4上运行的第一计算机程序,所述第一处理器4执行所述第一计算机程序时实现以下步骤:
S1、接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、合并所述第一数据集和第二数据集,并返回合并后的数据至客户端。
从上述描述可知,本发明的有益效果在于:通过获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,并依次对每个界面对象执行相同的操作,即判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集,在所有界面对象测试完成后,合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题。
进一步的,所述第一处理器执行所述第一计算机程序时实现以下步骤:步骤S1之前还包括:
S0、确定界面的合理布局区域范围。
进一步的,所述计算界面合理布局区域范围具体为:
S01、获取显示设备的屏幕的宽高比、高度和宽度;
S02、根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围。
由上述描述可知,通过计算所述屏幕的中心点的世界坐标和屏幕区域的面积,并根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围,能够准确的圈定出合理布局区域范围,从而提高界面布局合理性检测的精确度。
进一步的,步骤S2还包括:
以JSON格式进行存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式。
由上述描述可知,通过以JSON格式存储所述合并后的数据,易于机器解析和生成,有效的提高了网络传输速率。
进一步的,还包括客户端5,所述客户端5包括第二存储器6、第二处理器7及存储在第二存储器6上并可在第二处理器7上运行的第二计算机程序,所述第二处理器7执行所述第二计算机程序时实现以下步骤:步骤S2之后还包括:
接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
由上述描述可知,通过对所述数据进行解析,并绘制图表,生成相应的测试报告,通过图表能更加直观显示对各个界面对象的测试结果,提高了测试效率。
实施例一
请参照图1,一种界面布局合理性检测的方法,包括步骤:
S0、服务端确定界面的合理布局区域范围;
S01、服务端获取显示设备的屏幕的宽高比、高度和宽度;
S02、服务端根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、服务端根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围;
S1、服务端接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、服务端合并所述第一数据集和第二数据集,并返回合并后的数据至客户端;
步骤S2还包括:
服务端以JSON格式存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式;
步骤S2之后还包括:
客户端接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
实施例二
本实施例将结合具体的应用场景,进一步说明本发明上述的界面布局合理性检测的方法是如何实现的:
1、服务器确定合理布局区域范围
在测试程序初始化阶段申明全局变量X,该变量用于存储虚拟现实头盔显示设备的屏幕宽高比(宽度:高度=X),申明全局变量Height,该变量用于存储虚拟现实头盔显示设备的屏幕的高度,申明全局变量Width,该变量用于存储虚拟现实头盔显示设备的屏幕的宽度,申明全局变量center_point,该变量用于存储虚拟现实软件屏幕的中心点的世界坐标,申明全局变量screen_area,该变量用于存储屏幕区域的面积,并分别申明全局变量h、A、B、C、D,其中h表示占所述屏幕区域的面积1/3的矩形区域的四个顶点的三维坐标高度,A、B、C、D分别表示占所述屏幕区域的面积1/3的矩形区域的四个顶点的三维坐标,所述预设比例;
通过虚拟现实头盔显示设备SDK提供的设备信息获取接口,获取当前所连接的虚拟现实头盔显示设备的屏幕的宽高比,并将该值赋值给全局变量X,通过Screen类(屏幕类)提供的height方法获取到屏幕窗口的当前高度,即播放器窗口的实际高度,并将该值赋值给全局变量Height,再通过Screen类(屏幕类)提供的width方法获取到屏幕窗口的当前宽度,并将该值赋值给全局变量Width;
根据全局变量Height和全局变量Width计算出屏幕的中心点的世界坐标为:(Width/2,Height/2,0),将该三维坐标赋值给Vector3类型的全局变量center_point;
由于屏幕构成面为一个矩形,根据矩形的面积计算公式s=h*w,计算出屏幕区域面积为:Height*Width,并将计算出的面积值赋值给全局变量screen_area;
根据全局变量screen_area的值,计算出占所述屏幕区域的面积1/3的矩形区域的面积为1/3*screen_area,由于虚拟头盔显示设备的屏幕宽高比为X,通过矩形的面积计算公式s=h*w,则占所述屏幕区域的面积1/3的矩形区域构成与屏幕宽高比相同的矩形区域的面积,即将该值赋值给全局变量h,即所构成的矩形区域的宽度为h*X;
由于合理的界面布局区域居中于虚拟现实头盔显示设备的屏幕,则占所述屏幕区域的面积1/3的矩形区域也是以屏幕的中心点的世界坐标作为中心点,即可计算出该矩形区域的四个顶点的三维坐标分别为:
分别将顶点a的三维坐标赋值给全局变量A,将顶点b的三维坐标赋值给全局变量B,将顶点c的三维坐标赋值给全局变量C,将顶点d的三维坐标赋值给全局变量D,顶点A、B、C、D围成矩形区域,所述矩形区域为合理布局区域范围;
2、对界面布局合理性进行检测
2.1、本测试流程是基于C/S结构进行设计,通过Socket客户端与Socket服务端之间的通信,实现数据的交互;
2.2、本测试流程的Socket客户端搭建在测试框架中,测试框架通过服务端的IP地址和端口号向Socket服务端发送连接请求;
2.3、本测试流程的Socket服务端和测试程序通过挂载的方式集成在虚拟现实软件中,在所述虚拟现实软件运行时创建服务端Socket,Socket服务端监听来自客户端Socket的连接请求,开启阻塞模式直到客户端发来连接请求,建立连接后客户端发送测试指令,该测试指令用于请求执行挂载在虚拟现实软件上的检测程序,服务端Socket接收到请求后,对请求数据进行处理,并根据指令调用测试程序;
2.4、测试程序被调起后,在程序初始化阶段,申明全局变量cameraPosition,该变量用于存储摄像机的三维坐标,申明全局变量targetPositon,该变量用于存储目标界面对象的三维坐标,申明全局变量cameraToTargetDistance,该变量用于存储摄像机到目标界面对象的距离,申明全局变量point_a、point_b、point_c和point_d,分别用于存储矩形区域的四个顶点A、B、C、D的三维坐标,申明全局变量point_e、point_f、point_g、point_h,分别用于存储矩形区域的边AB上的中点E的三维坐标、边CD上的中点F的三维坐标、BD边上的中点G的三维坐标、AC边上的中点H的三维坐标;
2.5、通过摄像机类提供的main方法获取到虚拟现实软件的虚拟场景中的主摄像机对象,通过主摄像机对象上默认包含的位移组件提供的position方法获取该对象的三维坐标,并将该三维坐标赋值给全局变量cameraPosition。在虚拟现实软件中,所有的界面对象都在界面层中,通过游戏对象类提供的FindGameObjectWithTags(“界面”)函数即可获取到虚拟场景中,所有标签为界面对象,即处于界面层的所有界面对象,该函数的返回数组类型为List类型,遍历返回的数据列表,依次通过位移组件提供的position方法获取到每一个界面对象的三维坐标(位移组件是场景对象默认包含的基础组件,也就是说不论是摄像机,还是界面对象,它们的组件列表都默认包含了一个位移组件,计算摄像机与界面对象的距离就是通过位移组件采集当前对象的三维坐标信息,再通过三维坐标计算两者之间的距离),赋值给全局变量targetPositon,计算摄像机到界面对象之间的距离需要调用三维向量类提供的magnitude(长度)方法函数,即可获取到两者之间的距离,并赋值给全局变量cameraToTargetDistance,判断变量cameraToTargetDistance的值是否大于0.5m,如果不大于0.5m,则通过name方法获取该界面对象的名称信息,并记录至第一数据集;如果大于0.5m,则进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称信息,合理布局区域范围的四个顶点的三维坐标的可通过实时计算得到,也可以事先计算好顶点数据,写入配置文件进行数据的读取,分别将顶点A的三维坐标赋值给全局变量point_a,将顶点B的三维坐标赋值给全局变量point_b,将顶点C的三维坐标赋值给全局变量point_c,将顶点D的三维坐标赋值给全局变量point_d,由于截面ABCD为居中于屏幕的矩形,假设A的三维坐标为{x,y,z},边AC的长为h,边AB的长为w,则边AB的中点E的三维坐标为{x+1/2w,y,z},边AC的中点H的三维坐标为{x,y-1/2h,z},边BD的中点G的三维坐标为{x+w,y-1/2h,z},边CD边上的中点F的三维坐标为:{x+1/2w,y-h,z},通过平面类的Plane函数分别绘制:
三角面OEF=Plane(cameraPosition,{x+1/2w,y,z},{x+1/2w,y-h,z})和三角面OHG=Plane(cameraPosition,{x,y-1/2h,z},{x+w,y-1/2h,z})三角面OEF和三角面OHG都是锥形区域ABCDO的中心切面,其中O为摄像机的三维坐标,调用三维向量类提供的magnitude函数计算中心点E到摄像机的距离为distanceCameraToE,计算中心点G到摄像机的距离为distanceCameraToG,计算角计算角调用平面类提供的getDistanceToPoint(获取指定点到平面的垂直距离)函数计算界面对象到三角OEF之间的垂直距离distanceUIobjToTirOEF=plane(OEF).getDistanceToPoint(targetPosition),使用同样的方法计算出界面对象到三角面OHG之间的垂直距离:
distanceUIobjToTirOHG=plane(OHG).getDistanceToPoint(targetPosition),
如果不满足该条件,则判断界面对象不处于合理布局区域内,调用name函数获取该界面对象的名称信息,并记录至第二数据集,如果满足条件则继续遍历列表中的下一个界面对象,直到完成所有界面对象的检测,若所有界面对象和所述摄像机之间的距离均小于0.5m则返回所述第一数据集至客户端,否则,服务端合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,服务端将这些数据以json格式进行存储,并通过序列化转化成可传输的格式,返回给客户端Socket;
2.6客户端Socket解析返回的json格式的字符串,调用报告接口绘制数据对应的数据图表,并生成对应的测试报告。
实施例三
请参照图2,一种界面布局合理性检测的系统1,包括服务端2,所述服务端2包括第一存储器3、第一处理器4及存储在第一存储器3上并可在第一处理器4上运行的第一计算机程序,所述第一处理器4执行所述第一计算机程序时实现以下步骤:
S0、确定界面的合理布局区域范围;
S01、获取显示设备的屏幕的宽高比、高度和宽度;
S02、根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围;
S1、接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、合并所述第一数据集和第二数据集,并返回合并后的数据至客户端;
以JSON格式进行存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式;
还包括客户端5,所述客户端5包括第二存储器6、第二处理器7及存储在第二存储器6上并可在第二处理器7上运行的第二计算机程序,所述第二处理器7执行所述第二计算机程序时实现以下步骤:步骤S2之后还包括:
接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
综上所述,本发明提供的一种界面布局合理性检测的方法及系统,通过获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,并依次对每个界面对象执行相同的操作,即判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,进一步判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集,在所有界面对象测试完成后,合并所述第一数据集和第二数据集,并返回合并后的数据至客户端,能够判断每个界面对象布局是否合理,通过判断摄像机和界面对象之间的距离,解决检测完整性的缺漏问题,通过计算所述屏幕的中心点的世界坐标和屏幕区域的面积,并根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围,能够准确的圈定出合理布局区域范围,从而提高界面布局合理性检测的精确度,通过对所述数据进行解析,并绘制图表,生成相应的测试报告,通过图表能更加直观显示对各个界面对象的测试结果,提高了测试效率。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (6)
1.一种界面布局合理性检测的方法,其特征在于,包括步骤:
S1、服务端接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作:
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、服务端合并所述第一数据集和第二数据集,并返回合并后的数据至客户端;
其中,步骤S1之前还包括:
S0、服务端确定界面的合理布局区域范围;
其中,所述确定界面的合理布局区域范围具体为:
S01、服务端获取显示设备的屏幕的宽高比、高度和宽度;
S02、服务端根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、服务端根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围。
2.根据权利要求1所述的界面布局合理性检测的方法,其特征在于,步骤S2还包括:
服务端以JSON格式存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式。
3.根据权利要求1所述的界面布局合理性检测的方法,其特征在于,步骤S2之后还包括:
客户端接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
4.一种界面布局合理性检测的系统,包括服务端,所述服务端包括第一存储器、第一处理器及存储在第一存储器上并可在第一处理器上运行的第一计算机程序,其特征在于,所述第一处理器执行所述第一计算机程序时实现以下步骤:
S1、接收客户端发送的测试指令,获取摄像机三维坐标和界面对象列表中所有界面对象的三维坐标,计算出所述摄像机和每个界面对象之间的距离,预设第一数据集和第二数据集,依次对每个界面对象执行如下操作;
S11、判断所述距离是否大于预设值,若否,则记录所述距离小于预设值的界面对象的名称至第一数据集,否则,执行步骤S12;
S12、判断所述界面对象是否处于界面的合理布局区域范围内,若否,则记录所述界面对象的名称至第二数据集;
S2、合并所述第一数据集和第二数据集,并返回合并后的数据至客户端;
其中,其特征在于,所述第一处理器执行所述第一计算机程序时实现以下步骤:步骤S1之前还包括:
S0、确定界面的合理布局区域范围;
其中,所述确定界面的合理布局区域范围具体为:
S01、获取显示设备的屏幕的宽高比、高度和宽度;
S02、根据所述屏幕的高度和宽度,计算所述屏幕的中心点的世界坐标和屏幕区域的面积;
S03、根据所述屏幕的中心点和屏幕区域的面积,计算占所述屏幕区域的面积预设比例的矩形区域的四个顶点的三维坐标,所述矩形区域为合理布局区域范围。
5.根据权利要求4所述的界面布局合理性检测的系统,其特征在于,步骤S2还包括:
以JSON格式进行存储所述合并后的数据,并通过序列化将所述合并后的数据转化为可传输格式。
6.根据权利要求4所述的界面布局合理性检测的系统,还包括客户端,所述客户端包括第二存储器、第二处理器及存储在第二存储器上并可在第二处理器上运行的第二计算机程序,其特征在于,所述第二处理器执行所述第二计算机程序时实现以下步骤:步骤S2之后还包括:
接收所述合并后的数据,对所述数据进行解析,并绘制图表,生成相应的测试报告。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810698773.XA CN109086108B (zh) | 2018-06-29 | 2018-06-29 | 一种界面布局合理性检测的方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810698773.XA CN109086108B (zh) | 2018-06-29 | 2018-06-29 | 一种界面布局合理性检测的方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109086108A CN109086108A (zh) | 2018-12-25 |
CN109086108B true CN109086108B (zh) | 2021-04-27 |
Family
ID=64834915
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810698773.XA Active CN109086108B (zh) | 2018-06-29 | 2018-06-29 | 一种界面布局合理性检测的方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109086108B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112286419B (zh) * | 2019-07-24 | 2024-03-08 | 腾讯科技(深圳)有限公司 | 列表数据的加载方法、装置、终端及存储介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1039364A2 (en) * | 1999-03-26 | 2000-09-27 | Mixed Reality Systems Laboratory Inc. | User interface method, information processing apparatus, and program storage medium |
CN101639927A (zh) * | 2008-07-31 | 2010-02-03 | 国际商业机器公司 | 调整虚拟世界中的虚拟显示设备的方法和系统 |
CN103593051A (zh) * | 2013-11-11 | 2014-02-19 | 百度在线网络技术(北京)有限公司 | 头戴式显示设备 |
CN103902179A (zh) * | 2012-12-28 | 2014-07-02 | 华为技术有限公司 | 一种交互方法及装置 |
CN104601981A (zh) * | 2014-12-30 | 2015-05-06 | 深圳市亿思达科技集团有限公司 | 一种基于人眼跟踪的调整观看角度的方法及全息显示装置 |
CN105159526A (zh) * | 2015-08-25 | 2015-12-16 | 网易(杭州)网络有限公司 | 一种游戏界面中虚拟物品的展示控制方法及装置 |
CN106648581A (zh) * | 2016-09-13 | 2017-05-10 | 百度在线网络技术(北京)有限公司 | 页面显示方法及装置 |
CN107092352A (zh) * | 2017-03-27 | 2017-08-25 | 深圳市金立通信设备有限公司 | 一种基于距离感应的屏幕控制方法及终端 |
CN107392888A (zh) * | 2017-06-16 | 2017-11-24 | 福建天晴数码有限公司 | 一种基于Unity引擎的距离测试方法及系统 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100287515A1 (en) * | 2009-05-06 | 2010-11-11 | International Business Machines, Corporation | interactive checker in a layout editor |
JP6569415B2 (ja) * | 2015-09-15 | 2019-09-04 | 株式会社リコー | 表示入力装置、画像形成装置及び電子機器と表示制御方法並びにプログラム |
-
2018
- 2018-06-29 CN CN201810698773.XA patent/CN109086108B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1039364A2 (en) * | 1999-03-26 | 2000-09-27 | Mixed Reality Systems Laboratory Inc. | User interface method, information processing apparatus, and program storage medium |
CN101639927A (zh) * | 2008-07-31 | 2010-02-03 | 国际商业机器公司 | 调整虚拟世界中的虚拟显示设备的方法和系统 |
CN103902179A (zh) * | 2012-12-28 | 2014-07-02 | 华为技术有限公司 | 一种交互方法及装置 |
CN103593051A (zh) * | 2013-11-11 | 2014-02-19 | 百度在线网络技术(北京)有限公司 | 头戴式显示设备 |
CN104601981A (zh) * | 2014-12-30 | 2015-05-06 | 深圳市亿思达科技集团有限公司 | 一种基于人眼跟踪的调整观看角度的方法及全息显示装置 |
CN105159526A (zh) * | 2015-08-25 | 2015-12-16 | 网易(杭州)网络有限公司 | 一种游戏界面中虚拟物品的展示控制方法及装置 |
CN106648581A (zh) * | 2016-09-13 | 2017-05-10 | 百度在线网络技术(北京)有限公司 | 页面显示方法及装置 |
CN107092352A (zh) * | 2017-03-27 | 2017-08-25 | 深圳市金立通信设备有限公司 | 一种基于距离感应的屏幕控制方法及终端 |
CN107392888A (zh) * | 2017-06-16 | 2017-11-24 | 福建天晴数码有限公司 | 一种基于Unity引擎的距离测试方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN109086108A (zh) | 2018-12-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9767563B2 (en) | Image processing apparatus and method for obtaining position and orientation of imaging apparatus | |
CN105659295B (zh) | 用于在移动设备上的真实环境的视图中表示兴趣点的方法以及用于此方法的移动设备 | |
US8850337B2 (en) | Information processing device, authoring method, and program | |
US9443353B2 (en) | Methods and systems for capturing and moving 3D models and true-scale metadata of real world objects | |
CN110473293B (zh) | 虚拟对象处理方法及装置、存储介质和电子设备 | |
JP6688088B2 (ja) | 情報処理装置およびその制御方法 | |
CN109922354A (zh) | 直播互动方法、装置、直播系统及电子设备 | |
AU2016262789B2 (en) | 3d modeling by tracing 2d image ui | |
US20150310617A1 (en) | Display control device and display control method | |
CN110926334B (zh) | 测量方法、装置、电子设备及存储介质 | |
US20150269759A1 (en) | Image processing apparatus, image processing system, and image processing method | |
US11490062B2 (en) | Information processing apparatus, information processing method, and storage medium | |
JP2012053631A (ja) | 情報処理装置、情報処理方法 | |
JP2017187861A (ja) | 情報処理装置およびその制御方法 | |
JP2012048393A (ja) | 情報処理装置およびその動作方法 | |
CN111638497A (zh) | 雷达数据处理方法、装置、设备及存储介质 | |
US11100699B2 (en) | Measurement method, measurement device, and recording medium | |
CN109086108B (zh) | 一种界面布局合理性检测的方法及系统 | |
JP2022524787A (ja) | 物体検出範囲推定のための、方法、システム、及びプログラム | |
KR102500488B1 (ko) | 3d 투어 내에서 실제 거리 측정 방법 및 그를 위한 3d 투어 시스템 | |
JP2007026049A (ja) | 基準異方性反射分布を利用した画像処理装置、画像処理プログラム、そのプログラムを記録する記録媒体及び画像処理方法 | |
CN113379825B (zh) | 物体尺寸检测方法、装置、电子设备和可读介质 | |
CN114494960A (zh) | 视频处理方法及装置、电子设备及计算机可读存储介质 | |
US10796435B2 (en) | Image processing method and image processing apparatus | |
TWI791910B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |