CN117032540A - 交互操作响应方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请实施例公开了一种交互操作响应方法、装置、计算机设备和存储介质，通过显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取作用于图形用户界面的第一交互操作的交互位置；对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；根据目标图形元素对第一交互操作进行响应。本申请实施例中可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

Description

交互操作响应方法、装置、计算机设备和存储介质

技术领域

本申请涉及通信技术领域，具体涉及一种交互操作响应方法、装置、计算机设备和计算机可读存储介质，其中，存储介质为计算机可读存储介质。

背景技术

当用户针对图形用户界面执行交互操作时，需要检测与用户的交互操作的位置相交的图形元素，然后根据图形元素配置的响应机制对用户的交互操作进行响应。确定交互操作针对的图形元素的方式，通常是通过遍历图形用户界面的每个图形元素，检测图形元素的显示位置与交互操作的交互位置是否相交与交互操作的交互位置相交的图形元素。

如果用户频繁对图形用户界面进行交互操作，或者是同时执行多个交互操作，对于每个交互操作，均需要对图形用户界面上的所有图形元素进行遍历，这会导致性能开销大，增加CPU负载，导致客户端运行流畅性差。

发明内容

本申请实施例提供一种交互操作响应方法、装置、计算机设备和存储介质，可以提高对交互操作的响应速度。

本申请实施例提供的一种交互操作响应方法，包括：

显示图形用户界面，所述图形用户界面包含至少两个图形元素，所述图形用户界面中的图形元素被划分为至少两个元素集合；

根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域；

获取作用于所述图形用户界面的第一交互操作的交互位置；

对所述交互位置所在的目标显示区域中的元素集合进行检测，得到所述第一交互操作针对的目标图形元素；

根据所述目标图形元素对所述第一交互操作进行响应。

相应的，本申请实施例还提供的一种交互操作响应装置，包括：

显示单元，用于显示图形用户界面，所述图形用户界面包含至少两个图形元素，所述图形用户界面中的图形元素被划分为至少两个元素集合；

区域确定单元，用于根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域；

获取单元，用于获取作用于所述图形用户界面的第一交互操作的交互位置；

检测单元，用于对所述交互位置所在的目标显示区域中的元素集合进行检测，得到所述第一交互操作针对的目标图形元素；

响应单元，用于根据所述目标图形元素对所述第一交互操作进行响应。

相应的，本申请实施例还提供的一种计算机设备，包括存储器和处理器；所述存储器存储有计算机程序，所述处理器用于运行所述存储器内的计算机程序，以执行本申请实施例提供的任一种交互操作响应方法。

相应的，本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机程序，所述计算机程序被处理器加载以执行本申请实施例提供的任一种交互操作响应方法。

本申请实施例通过显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取作用于图形用户界面的第一交互操作的交互位置；对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；根据目标图形元素对第一交互操作进行响应。

本申请实施例中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，无需对图形用户界面中的全部图形元素进行检测，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的交互操作响应方法的流程图；

图2是本申请实施例提供的图形用户界面示意图；

图3是本申请实施例提供的图形用户界面的显示区域示意图；

图4是本申请实施例提供的元素检测示意图；

图5是本申请实施例提供的交互操作响应装置示意图；

图6是本申请实施例提供的计算机设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供一种交互操作响应方法、装置、计算机设备和计算机可读存储介质。该交互操作响应装置可以集成在计算机设备中，该计算机设备可以是服务器，也可以是终端等设备。

其中，该终端可以包括手机、穿戴式智能设备、平板电脑、笔记本电脑、个人计算(PC，Personal Computer)、以及车载计算机等。

其中，服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。

以下分别进行详细说明。需说明的是，以下实施例的描述顺序不作为对实施例优选顺序的限定。

本实施例将从交互操作响应装置的角度进行描述，该交互操作响应装置具体可以集成在计算机设备中，该计算机设备可以是服务器，也可以是终端等设备。

本申请实施例提供的一种交互操作响应方法，如图1所示，该交互操作响应方法的具体流程可以如下：

101、显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合。

比如，可以显示图形用户界面，图形用户界面上显示有至少两个图形元素。

其中，图形用户界面(Graphics User Interface，GUI)可以是通过在移动终端或其它终端的处理器上执行软件应用并在显示器上渲染得到，可以是终端设备的显示屏界面。

图形元素(Graphic)为图形用户界面中包括图形化的元素，图形元素可以包括用户在图形用户界面中可以看到和操作的元素，用户通过图形元素可以与终端设备进行交互，满***互需求。用户图形元素可以包括图片、按钮、控件以及菜单等元素。

在本申请提供的交互操作响应方法中，图形用户界面中的图形元素可以被划分为几个元素集合，每个元素集合中的图形元素位置相近，不同元素集合的图形元素在图形用户界面上的显示区域不重叠。

元素组合可以是预先划分好的，比如可以是开发人员在客户端的计算机程序中预设配置好的图形用户界面中每个图形元素对应的元素集合，或者是通过计算机中的预置的代码段对图形元素进行分类，得到每个图形元素对应的元素组合。

可选的，还可以是在图形用户界面显示之前根据图形用户界面的界面数据自动对图形元素进行分组，即在一实施例中，步骤“显示图形用户界面”之前，本申请实施例提供的交互操作响应方法还可以包括：

获取图形用户界面的界面数据，界面数据包括图形用户界面上的图形元素的位置信息，位置信息用于指示图形元素的显示位置；

根据位置信息对图形元素进行分类，得到至少两个元素集合，其中，每个元素集合中图形元素的显示位置相近。

其中，界面数据可以是显示图形用户界面所需的数据，比如，可以包括图形元素的位置信息、大小信息、形状信息以及颜色等信息，根据图形元素的位置信息可以确定图形元素在图形用户界面中的显示位置。

比如，可以是在接收到用户触发的显示图形用户界面的指令时，获取用于显示图形用户界面的屏幕的屏幕大小，根据屏幕大小将屏幕划分为至少两个屏幕区域，然后根据显示位置信息，确定每个图形元素的对应的屏幕区域，根据每个屏幕区域中的图形元素，对图形用户界面的图形元素进行分类，得到与屏幕区域数量相等的元素组合。

示例性的，可以根据屏幕的水平中线和竖直中线，将屏幕划分为4个屏幕区域，然后根据图形用户界面中图形元素的位置信息，确定图形元素将要显示在哪个屏幕区域中，根据每个屏幕区域对应的图形元素，得到4个元素组合。

可选的，还可以通过聚类算法根据位置信息对图形元素进行聚类，得到至少两个元素组合。

可选的，还可以根据任意两个图形元素之间的距离确定元素集合，元素集合中任意两个图形元素的距离小于预设距离阈值。比如，可以判断两个图形元素之间的距离是否小于预设距离阈值，如果是，则认为是同一元素集合中的图形元素，进而可以得到每个图形元素对应的元素集合；如果得到的元素集合中包含的图形元素数量超过预设数量阈值，则可以对预设距离阈值进行调节，并根据调节后的预设距离阈值对该元素集合进行分类，得到至少两个元素集合。

102、根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域。

其中，显示区域可以是用于显示图形用户界面的屏幕上的部分区域，显示区域可以认为是元素集合的包围盒。

比如，针对每个元素集合，获取该元素集合中每个图形元素在用户图形界面上的显示位置，根据确定每个元素集合在图形用户界面中的显示区域，每个显示区域中包含对应的元素集合中所有的图形元素。

在一实施例中，图形元素的显示位置和根据图形元素的位置信息和大小信息，位置信息包括图形元素的中心、左上角顶点或者其他参考点的坐标，大小信息表示图形元素在图形用户界面上的显示尺寸，根据位置信息和大小信息可以确定每个图形元素对应的矩形区域，可以将矩形区域的任意对角线上的顶点坐标作为图形元素的显示位置信息，以指示图形位置的显示位置。

针对每个元素集合，根据显示位置信息，对元素集合中每个图形元素的在水平方向上的坐标值进行排序，得到水平方向上的坐标最小值和坐标最大值；同理可以得到在竖直方向上的坐标最小值和坐标最大值，进而确定该元素集合对应的显示区域。

步骤102可以是在图形用户界面显示时或者是显示过程中执行，也可以是在第一次确定与交互操作所针对的图形元素时执行，即在一实施例中，步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，具体可以包括：

当获取到作用于图形用户界面的第二交互操作时，获取图形用户界面中每个图形元素的显示位置，第二交互操作为基于图形用户界面中的图像元素进行响应处理的第一个交互操作；

根据显示位置确定第二交互操作所针对的图形元素，基于第二交互操作所针对的图形元素对交互操作进行响应；

根据显示位置确定每个元素集合在图形用户界面中的显示区域。

其中，第二交互操作为可以是第一个基于图形用户界面的图形元素进行响应处理的交互操作。比如，可以是用户针对图形用户界面执行的第一个交互操作，或者是用户同时执行的多个交互操作中的其中一个交互操作，可以认为在该实施例中，第二交互操作先于第一交互操作进行响应处理。

比如，在获取到作用于图形用户界面的第二交互操作时，可以获取图形用户界面中每个图形元素的显示位置，根据第二交互操作的交互位置和图形元素的显示位置，确定第二交互操作所针对的图形元素，并通过该图形元素配置的响应机制，对该第二交互操作进行响应。

以及根据每个图形元素的显示位置，确定每个元素集合对应的显示区域。

示例性的，如图2所示，图形用户界面中包含了多个图形元素，图中两个手指为用户同时执行的两个交互操作，其中实线手指为当前处理的交互操作，即第二交互操作，对第二交互操作进行响应处理，并确定了每个元素集合对应的显示区域，也可以称为包围盒，确定的显示区域可以入图3所示。

确定每个元素集合对应的包围盒后，当处理图3中虚线手指对应的交互操作以及其他交互操作时，可以根据图3中确定的显示区域，判断是否交互操作相交，确定与交互操作相交的目标显示区域，目标显示区域可以如图4所示，在对目标显示区域中的图形元素进行，确定的目标图形元素如图4所示。

在一实施例中，第一交互操作和第二交互操作可以是用户同时执行的交互操作，即第一交互操作和第二交互操作包含于同时作用于图形用户界面的至少两个交互操作中，当获取到作用于图形用户界面的第二交互操作时，获取图形用户界面中每个图形元素的显示位置，包括：

接收同时作用于图形用户界面的至少两个交互操作；

对至少目标交互操作进行筛选，得到第二交互操作；

获取图形用户界面中每个图形元素的显示位置。

比如，在同时接收到至少两个交互操作时，可以从中选择一个交互操作进行响应处理，该交互操作即为第二交互操作，可以从中任意选择一个交互操作。为了提高确定交互操作针对的图形元素的速度，可以减少每次检测的图形元素的数量，所以可以对每个显示区域中的元素数据进行限制，在一实施例中，可以根据图形用户界面中的图形元素的数量，确定元素集合的数量，即步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，具体可以包括：

获取每个元素集合包含的图形元素的数量；

若数量大于预设阈值，则根据元素集合中图形元素的显示位置，对元素集合中的图形元素进行划分，得到至少两个元素子集；

基于至少两个元素子集对图形用户界面的元素集合进行更新；

根据图形元素的显示位置，确定更新后的每个元素集合在图形用户界面中的显示区域。

在一些场景中，图形用户界面包含很多图形元素，如果一个显示区域内包含过多的图形元素，再确定该显示区域中与交互操作匹配的图形元素，也需要遍历许多的图形元素，所以可以获取每个元素集合包含的图形元素的数量；如果图形元素的数量大于预设阈值，表示对应的显示区域中将会显示过多的图形区域，则可以根据显示位置对图形元素进行聚类，得到多个元素子集。

可选的，可以根据设置预设阈值和图形元素的数量确定类簇的数量，使聚类得到的集合数量满足需求，对于没有被聚合到任何类簇的图形元素，其对应的元素集合为，与其距离最近的类簇对应的元素集合。

可选的，还可以计算元素集合中任意两个图形元素之间的距离，根据距离中的最大距离和最小距离的平均值，确定一个距离阈值，可以判断两个图形元素之间的距离是否小于距离阈值，如果是，则认为是同一元素子集中的图形元素，进而可以得到每个图形元素对应的元素子集。

然后将元素子集作为一个元素集合，并删除原来的元素集合，得到图形用户界面中更新后的元素集合，更新后元素集合的数量大于更新前元素集合的数量。

103、获取作用于图形用户界面的第一交互操作的交互位置。

其中，第一交互操作可以是用户与该图形用户界面进行交互的操作，用户可以通过输入设备，比如鼠标、键盘和触摸屏等执行特定的动作或操作，交互操作可以点击、悬停、拖拽和输入等。交互位置可以包括第一交互操作在屏幕上的操作位置的位置，交互位置可以通过操作位置的位置信息表示，位置信息可以是指示操作位置，例如，第一交互操作为点击操作，交互位置可以包括点击操作的点击位置。

比如，可以在检测到作用于图形用户界面的第一交互操作时，获取第一交互操作的交互位置。

104、对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素。

获取到第一交互操作的交互位置后，需要检测图形元素的显示位置是否与用户的交互操作的交互位置相交，然后根据图形元素配置的响应机制对用户的交互操作进行响应。

示例性的，在游戏界面中，需要对用户的输入指针(鼠标或触摸屏等)是否命中图形元素进行检测，当检测命中的图形元素时，运行特定的程序。例如，当用户手指按下“开始游戏”按钮时，程序应当检测到这一事件，并触发使游戏开始的脚本程序。

确定交互操作针对的图形元素的方式，通常是通过遍历图形用户界面的每个图形元素，检测图形元素的显示位置与交互操作的交互位置是否相交，得到显示位置与交互操作的交互位置相交的图形元素，再从与交互操作的交互位置相交的图形元素中，选取显示层次在最上层的图形元素，通过该图形元素对交互操作进行响应。

当图形用户界面复杂时，对图形用户界面中的全部图形元素进行遍历，会导致性能下降，CPU负载上升，画面卡顿。

另外，如果用户频繁对图形用户界面进行交互操作，或者是同时触发多个交互操作，对于每个交互操作，终端设备均需要对图形用户界面上的所有图形元素进行遍历，以确定与每个交互操作的位置相交的图形元素，这会导致性能开销大，增加CPU负载，导致客户端运行流畅性差。

在本申请实施例提供的交互操作响应方法中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作的交互位置相交的图像元素，减少需要检测的图形元素的数量，降低性能开销和CPU负载，改善客户端运行的流畅性。

比如，可以根据交互位置和每个元素集合对应的显示区域的位置，确定交互位置所在的显示区域，该显示区域即为目标显示区域。根据目标显示区域中的图形元素(即与目标显示区域对应的元素集合中的图形元素)的显示位置，和第一交互操作的交互位置，确定目标显示区域中，第一交互操作针对的图形元素，得到目标图形元素，即在一实施例中，步骤“对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素”，具体可以包括：

根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域；

根据交互位置对目标显示区域对应的图形元素进行检测，得到第一交互操作针对的目标图形元素。

比如，可以获取每个显示区域的位置信息，根据交互位置和显示区域的位置关系确定交互位置是否处于显示区域内，如果交互位置位于显示区域内，得到目标显示区域。

对目标显示区域内的图形元素进行检测，得到第一交互操作针对的目标图形元素。

可以同时对至少两个显示区域和交互位置进行匹配，也可以是按照预设的顺序对至少两个显示区域和交互位置进行匹配，直到确定目标显示区域，其中，预设的顺序开发人员预先对至少两个显示区域设置的，也可以根据每个显示区域内容的图形元素数量确定的，比如，可以优先对图形元素数量多的显示区域进行匹配；可选的，还可以根据后台服务器中的埋点数据，确定用户操作的热门显示区域，根据每个显示区域的操作热度，确定匹配顺序，热度越高的显示区域越先匹配。

在交互位置上可以有多个图形元素，可以通过图形元素的层级确定目标图形元素，即在一实施例中，步骤“对目标显示区域内的图形元素进行检测，得到第一交互操作针对的目标图形元素”，具体可以包括：

根据交互位置，对目标显示区域对应的元素集合进行射线投射检测，确定与第一交互操作相交的候选图形元素；

根据候选图形元素的显示层次关系，确定显示在最上层的目标图形元素。

比如，具体可以根据交互位置确定射线，对该射线和目标显示区域中的图形元素进行相交检测，确定与射线相交的候选图形元素，可选的，可以通过GraphicRaycaster组件进行射线投射检测。

然后候选图形元素的显示层次关系，将候选图形元素中显示在最上层的图形元素，得到目标图形元素。

将候选图形元素放入数组中进行排序，根据z轴深度排出候选图形元素中显示在最上层的图形元素，并得到目标图形元素，其中z轴深度用于表示显示层级，z轴深度越小表示候选图形元素显示在越上层，假设有两个候选图形元素A和B，其中候选图形元素A的z轴深度为2，候选图形元素B的z轴深度为3，那么候选图形元素A显示在候选图形元素B上，那么第一交互操作所操作的是是候选图形元素B。。

用户可能在短时间内执行多个交互操作，比如，游戏玩家在游戏过程中，可能在短时间内执行多个交互操作，以释放游戏技能等，对于短时间内执行的多个交互操作，所操作的图形元素可能是相近的，所以在确定交互操作所在的目标图像区域时，可以先对上一个交互操作的目标显示区域进行检测，减少检测出目标显示区域的时间，即在一实施例，步骤“根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域”，具体可以包括：

确定响应处理时序先于第一交互操作的关联交互操作对应的目标显示区域；

将第一交互操作的交互位置，与关联交互操作对应的目标显示区域进行匹配；

若与关联交互操作对应的目标显示区不匹配，则与关联交互操作对应的目标显示区域以外的显示区域进行匹配。

比如，在检测到第一交互操作时，可以确定处理时序先于第一交互操作的交互操作(即关联交互操作)对应的目标显示区域，关联交互操作可以是上一个进行响应处理的交互操作。

将第一交互操作的交互位置，与关联交互操作对应的目标显示区域进行匹配；如果与关联交互操作对应的目标显示区域匹配，则将关联交互操作对应的目标显示区域，作为第一交互操作对应的目标显示区域。去过与关联交互操作对应的目标显示区不匹配，则与关联交互操作对应的目标显示区域以外的显示区域进行匹配，将匹配的显示区域作为第一交互操作对应的目标显示区域。

可选的，还可以是如果预设时间内检测到的交互操作的数量超过预设操作数量阈值，确定响应处理时序先于第一交互操作的关联交互操作对应的目标显示区域。

105、根据目标图形元素对第一交互操作进行响应。

比如，可以是根据目标图形元素对应的响应机制对第一交互操作进行响应。

由上可知，本申请实施例通过显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取作用于图形用户界面的第一交互操作的交互位置；对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；根据目标图形元素对第一交互操作进行响应。

当终端设备显示其他图形用户界面时，同理可以通过步骤101-步骤105对针对该图形用户界面的交互操作进行响应，上述其他图形用户界面可以是与当前显示的图形用户界面不同的用户界面。

在一些场景中，终端设备会不断对显示页面进行刷新，图形用户界面可以是指刷新的每一帧对应显示的图形用户界面，在游戏场景中，图形用户界面可以包括是每帧游戏帧所显示的图形用户界面。

本申请实施例中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，无需对图形用户界面中的全部图形元素进行检测，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

为了便于更好地实施本申请实施例提供的交互操作响应方法，在一实施例中还提供了一种交互操作响应装置。其中名词的含义与上述交互操作响应方法中相同，具体实现细节可以参考方法实施例中的说明。

该交互操作响应装置具体可以集成在计算机设备中，如图5所示，该交互操作响应装置可以包括：显示单元301、区域确定单元302、获取单元303、检测单元304和响应单元305，具体如下：

(1)显示单元301，用于显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合。

(2)区域确定单元302，用于根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域。

在一实施例中，区域确定单元302，包括：

位置获取子单元，用于当获取到作用于图形用户界面的第二交互操作时，获取图形用户界面中每个图形元素的显示位置，第二交互操作为基于图形用户界面中的图像元素进行响应处理的第一个交互操作；

操作响应子单元，用于根据显示位置确定第二交互操作所针对的图形元素，基于第二交互操作所针对的图形元素对交互操作进行响应；

显示区域确定子单元，用于根据显示位置确定每个元素集合在图形用户界面中的显示区域。

在一实施例中，区域确定单元302，包括：

数量子单元，用于获取每个元素集合包含的图形元素的数量；

划分子单元，用于若数量大于预设阈值，则根据元素集合中图形元素的显示位置，对元素集合中的图形元素进行划分，得到至少两个元素子集；

更新子单元，用于基于至少两个元素子集对图形用户界面的元素集合进行更新；

显示区域确定子单元，用于根据图形元素的显示位置，确定更新后的每个元素集合在图形用户界面中的显示区域。

(3)获取单元303，用于获取作用于图形用户界面的第一交互操作的交互位置。

(4)检测单元304，用于对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素。

在一实施例中，检测单元304，包括：

匹配子单元，用于根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域；

元素检测子单元，用于根据交互位置对目标显示区域对应的图形元素进行检测，得到第一交互操作针对的目标图形元素。

在一实施例中，匹配子单元，包括：

关联操作确定模块，用于确定响应处理时序先于第一交互操作的关联交互操作对应的目标显示区域；

第一区域匹配模块，用于将第一交互操作的交互位置，与关联交互操作对应的目标显示区域进行匹配；

第二区域匹配模块，用于若与关联交互操作对应的目标显示区不匹配，则与关联交互操作对应的目标显示区域以外的显示区域进行匹配。

在一实施例中，元素检测子单元，包括：

投射检测模块，用于根据交互位置，对目标显示区域对应的元素集合进行射线投射检测，确定与第一交互操作相交的候选图形元素；

元素确定模块，用于根据候选图形元素的显示层次关系，确定显示在最上层的目标图形元素。

(5)响应单元305，用于根据目标图形元素对第一交互操作进行响应。

在一实施例中，本申请实施例提供的交互操作响应方法还可以包括：

数据获取单元，用于获取图形用户界面的界面数据，界面数据包括图形用户界面上的图形元素的位置信息，位置信息用于指示图形元素的显示位置；

分类单元，用于根据位置信息对图形元素进行分类，得到至少两个元素集合，其中，每个元素集合中图形元素的显示位置相近。

由上可知，本申请实施例交互操作响应装置通过显示单元301显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；区域确定单元302根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取单元303获取作用于图形用户界面的第一交互操作的交互位置；检测单元304对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；响应单元305根据目标图形元素对第一交互操作进行响应。

本申请实施例中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，无需对图形用户界面中的全部图形元素进行检测，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

相应的，本申请实施例还提供一种计算机设备，该计算机设备可以为终端。如图6所示，图6为本申请实施例提供的计算机设备的结构示意图。该计算机设备500包括有一个或者一个以上处理核心的处理器501、有一个或一个以上计算机可读存储介质的存储器502及存储在存储器502上并可在处理器上运行的计算机程序。其中，处理器501与存储器502电性连接。本领域技术人员可以理解，图中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

处理器501是计算机设备500的控制中心，利用各种接口和线路连接整个计算机设备500的各个部分，通过运行或加载存储在存储器502内的软件程序和/或模块，以及调用存储在存储器502内的数据，执行计算机设备500的各种功能和处理数据，从而对计算机设备500进行整体监控。

在本申请实施例中，计算机设备500中的处理器501会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器502中，并由处理器501来运行存储在存储器502中的应用程序，从而实现各种功能：

显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；

根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；

获取作用于图形用户界面的第一交互操作的交互位置；

对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；

根据目标图形元素对第一交互操作进行响应。

在一实施例中，步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，可以包括：

当获取到作用于图形用户界面的第二交互操作时，获取图形用户界面中每个图形元素的显示位置，第二交互操作为基于图形用户界面中的图像元素进行响应处理的第一个交互操作；

根据显示位置确定第二交互操作所针对的图形元素，基于第二交互操作所针对的图形元素对交互操作进行响应；

根据显示位置确定每个元素集合在图形用户界面中的显示区域。

在一实施例中，步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，可以包括：

获取每个元素集合包含的图形元素的数量；

若数量大于预设阈值，则根据元素集合中图形元素的显示位置，对元素集合中的图形元素进行划分，得到至少两个元素子集；

基于至少两个元素子集对图形用户界面的元素集合进行更新；

根据图形元素的显示位置，确定更新后的每个元素集合在图形用户界面中的显示区域。

在一实施例中，步骤“对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素”，可以包括：

根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域；

根据交互位置对目标显示区域对应的图形元素进行检测，得到第一交互操作针对的目标图形元素。

在一实施例中，步骤“根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域”，可以包括：

确定响应处理时序先于第一交互操作的关联交互操作对应的目标显示区域；

将第一交互操作的交互位置，与关联交互操作对应的目标显示区域进行匹配；

若与关联交互操作对应的目标显示区不匹配，则与关联交互操作对应的目标显示区域以外的显示区域进行匹配。

在一实施例中，步骤“对目标显示区域内的图形元素进行检测，得到第一交互操作针对的目标图形元素”，可以包括：

根据交互位置，对目标显示区域对应的元素集合进行射线投射检测，确定与第一交互操作相交的候选图形元素；

根据候选图形元素的显示层次关系，确定显示在最上层的目标图形元素。

在一实施例中，步骤“显示图形用户界面”之前，本申请实施例提供的交互操作响应方法可以包括：

获取图形用户界面的界面数据，界面数据包括图形用户界面上的图形元素的位置信息，位置信息用于指示图形元素的显示位置；

根据位置信息对图形元素进行分类，得到至少两个元素集合，其中，每个元素集合中图形元素的显示位置相近。

由上可知，本申请实施例通过显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取作用于图形用户界面的第一交互操作的交互位置；对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；根据目标图形元素对第一交互操作进行响应。

本申请实施例中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，无需对图形用户界面中的全部图形元素进行检测，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

可选的，如图6所示，计算机设备500还包括：触控显示屏503、射频电路504、音频电路505、输入单元506以及电源507。其中，处理器501分别与触控显示屏503、射频电路504、音频电路505、输入单元506以及电源507电性连接。本领域技术人员可以理解，图6中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

触控显示屏503可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏503可以包括显示面板和触控面板。其中，显示面板可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-EmittingDiode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成相应的操作指令，且操作指令执行对应程序。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器501，并能接收处理器501发来的命令并加以执行。触控面板可覆盖显示面板，当触控面板检测到在其上或附近的触摸操作后，传送给处理器501以确定触摸事件的类型，随后处理器501根据触摸事件的类型在显示面板上提供相应的视觉输出。在本申请实施例中，可以将触控面板与显示面板集成到触控显示屏503而实现输入和输出功能。但是在某些实施例中，触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏503也可以作为输入单元506的一部分实现输入功能。

射频电路504可用于收发射频信号，以通过无线通信与网络设备或其他计算机设备建立无线通讯，与网络设备或其他计算机设备之间收发信号。

音频电路505可以用于通过扬声器、传声器提供用户与计算机设备之间的音频接口。音频电路505可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路505接收后转换为音频数据，再将音频数据输出处理器501处理后，经射频电路504以发送给比如另一计算机设备，或者将音频数据输出至存储器502以便进一步处理。音频电路505还可能包括耳塞插孔，以提供外设耳机与计算机设备的通信。

输入单元506可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

电源507用于给计算机设备500的各个部件供电。可选的，电源507可以通过电源管理***与处理器501逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。电源507还可以包括一个或一个以上的直流或交流电源、再充电***、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管图6中未示出，计算机设备500还可以包括摄像头、传感器、无线保真模块、蓝牙模块等，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条计算机程序，该计算机程序能够被处理器进行加载，以执行本申请实施例所提供的任一种虚拟物品的标记方法中的步骤。例如，该计算机程序可以执行如下步骤：

显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；

根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；

获取作用于图形用户界面的第一交互操作的交互位置；

对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；

根据目标图形元素对第一交互操作进行响应。

在一实施例中，步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，可以包括：

当获取到作用于图形用户界面的第二交互操作时，获取图形用户界面中每个图形元素的显示位置，第二交互操作为基于图形用户界面中的图像元素进行响应处理的第一个交互操作；

根据显示位置确定第二交互操作所针对的图形元素，基于第二交互操作所针对的图形元素对交互操作进行响应；

根据显示位置确定每个元素集合在图形用户界面中的显示区域。

在一实施例中，步骤“根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域”，可以包括：

获取每个元素集合包含的图形元素的数量；

若数量大于预设阈值，则根据元素集合中图形元素的显示位置，对元素集合中的图形元素进行划分，得到至少两个元素子集；

基于至少两个元素子集对图形用户界面的元素集合进行更新；

根据图形元素的显示位置，确定更新后的每个元素集合在图形用户界面中的显示区域。

在一实施例中，步骤“对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素”，可以包括：

根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域；

根据交互位置对目标显示区域对应的图形元素进行检测，得到第一交互操作针对的目标图形元素。

在一实施例中，步骤“根据交互位置和显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域”，可以包括：

确定响应处理时序先于第一交互操作的关联交互操作对应的目标显示区域；

将第一交互操作的交互位置，与关联交互操作对应的目标显示区域进行匹配；

若与关联交互操作对应的目标显示区不匹配，则与关联交互操作对应的目标显示区域以外的显示区域进行匹配。

在一实施例中，步骤“对目标显示区域内的图形元素进行检测，得到第一交互操作针对的目标图形元素”，可以包括：

根据交互位置，对目标显示区域对应的元素集合进行射线投射检测，确定与第一交互操作相交的候选图形元素；

根据候选图形元素的显示层次关系，确定显示在最上层的目标图形元素。在一实施例中，步骤“显示图形用户界面”之前，本申请实施例提供的交互操作响应方法可以包括：

获取图形用户界面的界面数据，界面数据包括图形用户界面上的图形元素的位置信息，位置信息用于指示图形元素的显示位置；

根据位置信息对图形元素进行分类，得到至少两个元素集合，其中，每个元素集合中图形元素的显示位置相近。

由上可知，本申请实施例通过显示图形用户界面，图形用户界面包含至少两个图形元素，图形用户界面中的图形元素被划分为至少两个元素集合；根据图形元素的显示位置，确定每个元素集合在图形用户界面中的显示区域；获取作用于图形用户界面的第一交互操作的交互位置；对交互位置所在的目标显示区域中的元素集合进行检测，得到第一交互操作针对的目标图形元素；根据目标图形元素对第一交互操作进行响应。

本申请实施例中，图形用户界面中的图形元素被划分为至少两个元素集合，且每个元素集合对应的显示区域不同，可以先确定交互操作对应的显示区域，再检测该显示区域中与交互操作针对的图像元素，无需对图形用户界面中的全部图形元素进行检测，减少需要检测的图形元素的数量，从而降低性能开销和CPU负载，提升客户端运行的流畅性。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

以上对本申请实施例所提供的一种交互操作响应方法、装置、计算机设备和计算机存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种交互操作响应方法，其特征在于，包括：

显示图形用户界面，所述图形用户界面包含至少两个图形元素，所述图形用户界面中的图形元素被划分为至少两个元素集合；

根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域；

获取作用于所述图形用户界面的第一交互操作的交互位置；

对所述交互位置所在的目标显示区域中的元素集合进行检测，得到所述第一交互操作针对的目标图形元素；

根据所述目标图形元素对所述第一交互操作进行响应。

2.根据权利要求1所述的方法，其特征在于，所述根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域，包括：

当获取到作用于所述图形用户界面的第二交互操作时，获取所述图形用户界面中每个图形元素的显示位置，所述第二交互操作为基于所述图形用户界面中的图像元素进行响应处理的第一个交互操作；

根据所述显示位置确定所述第二交互操作所针对的图形元素，基于所述第二交互操作所针对的图形元素对所述交互操作进行响应；

根据所述显示位置确定每个元素集合在所述图形用户界面中的显示区域。

3.根据权利要求1所述的方法，其特征在于，所述根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域，包括：

获取每个元素集合包含的图形元素的数量；

若所述数量大于预设阈值，则根据所述元素集合中图形元素的显示位置，对所述元素集合中的图形元素进行划分，得到至少两个元素子集；

基于所述至少两个元素子集对所述图形用户界面的元素集合进行更新；

根据所述图形元素的显示位置，确定更新后的每个元素集合在所述图形用户界面中的显示区域。

4.根据权利要求1所述的方法，其特征在于，所述对所述交互位置所在的目标显示区域中的元素集合进行检测，得到所述第一交互操作针对的目标图形元素，包括：

根据所述交互位置和所述显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域；

根据所述交互位置对所述目标显示区域对应的图形元素进行检测，得到所述第一交互操作针对的目标图形元素。

5.根据权利要求4所述的方法，其特征在于，所述根据所述交互位置和所述显示区域的位置信息进行匹配，得到与交互位置所在的目标显示区域，包括：

确定响应处理时序先于所述第一交互操作的关联交互操作对应的目标显示区域；

将所述第一交互操作的交互位置，与所述关联交互操作对应的目标显示区域进行匹配；

若与所述关联交互操作对应的目标显示区不匹配，则与所述关联交互操作对应的目标显示区域以外的显示区域进行匹配。

6.根据权利要求4所述的方法，其特征在于，所述对目标显示区域内的图形元素进行检测，得到第一交互操作针对的目标图形元素，包括：

根据所述交互位置，对所述目标显示区域对应的元素集合进行射线投射检测，确定与所述第一交互操作相交的候选图形元素；

根据所述候选图形元素的显示层次关系，确定显示在最上层的目标图形元素。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述显示图形用户界面之前，所述方法还包括：

获取所述图形用户界面的界面数据，所述界面数据包括所述图形用户界面上的图形元素的位置信息，所述位置信息用于指示所述图形元素的显示位置；

根据所述位置信息对所述图形元素进行分类，得到至少两个元素集合，其中，每个元素集合中图形元素的显示位置相近。

8.一种交互操作响应装置，其特征在于，包括：

显示单元，用于显示图形用户界面，所述图形用户界面包含至少两个图形元素，所述图形用户界面中的图形元素被划分为至少两个元素集合；

区域确定单元，用于根据所述图形元素的显示位置，确定每个元素集合在所述图形用户界面中的显示区域；

获取单元，用于获取作用于所述图形用户界面的第一交互操作的交互位置；

检测单元，用于对所述交互位置所在的目标显示区域中的元素集合进行检测，得到所述第一交互操作针对的目标图形元素；

响应单元，用于根据所述目标图形元素对所述第一交互操作进行响应。

9.一种计算机设备，其特征在于，包括存储器和处理器；所述存储器存储有计算机程序，所述处理器用于运行所述存储器内的计算机程序，以执行权利要求1至7任一项所述的交互操作响应方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储计算机程序，所述计算机程序被处理器加载，以执行权利要求1至7任一项所述的交互操作响应方法。