虚拟组件控制方法、装置、电子设备及存储介质与流程

1.本技术涉及计算机技术领域，尤其涉及一种虚拟组件控制方法、装置、电子设备及存储介质。


背景技术：

2.相关技术中，虚拟场景中在对于交互组件的控制时，在拖动交互组件超过一定范围时，会出现断触问题，出现断触问题后需要重新对交互组件进行拖动操作。因此，相关技术中存在着控制虚拟组件会出现断触的问题，以及用户体验较差的问题。


技术实现要素：

3.有鉴于此，本技术的目的在于提出一种虚拟组件控制方法、装置、电子设备及存储介质。
4.基于上述目的，在第一方面，本技术提供了一种虚拟组件控制方法，应用于终端，所述方法包括：
5.显示第一页面，其中，所述第一页面包括：第一交互组件；
6.响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置；
7.根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离；
8.响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识；
9.响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向；
10.控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。
11.在第二方面，本技术提供了一种虚拟组件控制装置，应用于终端，所述装置包括：
12.第一显示模块，被配置为显示第一页面，其中，所述第一页面包括：第一交互组件；
13.第二显示模块，被配置为响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交
互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置；
14.第一确定模块，被配置为根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离；
15.第三显示模块，被配置为响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识；
16.第二确定模块，被配置为响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向；
17.控制模块，被配置为控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。
18.在第三方面，本技术提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如第一方面所述的虚拟组件控制方法。
19.在第四方面，本技术提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使计算机执行如第一方面所述的虚拟组件控制方法。
20.从上面所述可以看出，本技术提供的一种虚拟组件控制方法、装置、电子设备及存储介质，可以显示第一页面，其中第一页面包括第一交互组件，在接收到针对第一交互组件的拖动指令时，可以根据拖动指令确定针对终端的触控点，在第一页面种显示第二交互组件，并在第二交互组件的第二交互中心位置显示与触控点对应的初始映射标识，其中第一交互组件与第二交互组件相对应，第二交互中心对应为第二交互组件的中心位置。进一步地，可以根据拖动指令确定针对触控点的第一拖动距离和以第一交互组件的第一交互中心为基准的第一拖动方向，并基于第一交互组件和第二交互组件之间的映射关系根据第一拖动距离确定针对初始映射标识的第二拖动距离。再进一步地，当确定第二拖动距离大于第二交互组件的边界与第二交互中心之间的距离，可以控制初始映射标识沿与第一拖动方向对应的第二拖动方向移动至第二交互组件的边界以确定当前映射标识，并显示该当前映射标识。在根据拖动指令确定触控点沿着以第一交互中心为基准的第一目标拖动方向移动时，则可以根据拖动指令确定针对触控点的第三拖动距离，并基于第一交互组件和第二交互组件之间的映射关系根据第三拖动距离确定针对当前映射标识的第四拖动距离，其中，第一目标拖动方向可以为靠近第一交互中心的方向。进而可以控制当前映射标识沿与第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示该目标映射标识。即使与触控点对应的映射标识被拖动至超过第二交互组件的边界的位置，也不会出现断触问题，只是将映射标识限制在第二交互组件的边界位置，并且在沿着靠近第一交互中心的方向拖动触控点时，可以绑定触控点位置和映射标识位置，使得在触控点
在第一交互组件的边界外向第一交互中心移动的过程中，对应控制映射标识沿靠近第二交互中心的方向移动，保证无需在触控点移动至第一交互组件的边界内时才能对应控制映射标识的移动，解决触控点移动较长距离而产生的断触问题的同时，提高了用户的体验。
附图说明
21.为了更清楚地说明本技术或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
22.图1示出了本技术实施例所提供的一种虚拟组件控制方法的示例性流程示意图。
23.图2示出了根据本技术实施例的沿第一拖动方向拖动触控点的一种应用场景对应的示意图。
24.图3示出了根据本技术实施例的沿第一拖动方向拖动触控点的另一种应用场景对应的示意图。
25.图4示出了根据本技术实施例的沿第一目标拖动方向拖动触控点的示意图。
26.图5示出了根据本技术实施例的沿目标旋转方向拖动触控点的示意图。
27.图6示出了本技术实施例所提供的一种虚拟组件控制装置的示例性结构示意图。
28.图7示出了本技术实施例所提供的一种电子设备的示例性结构示意图。
具体实施方式
29.为使本技术的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本技术进一步详细说明。
30.需要说明的是，除非另外定义，本技术实施例使用的技术术语或者科学术语应当为本技术所属领域内具有一般技能的人士所理解的通常意义。本技术实施例中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也可能相应地改变。
31.如背景技术部分所述，虚拟场景中在对于交互组件的控制时，在拖动交互组件超过一定范围时，会出现断触问题，出现断触问题后需要重新对交互组件进行拖动操作。
32.通过发明人的研究发现，相关技术中，例如游戏场景中，对于道具的使用多采用轮盘选择的方式进行操作，由于游戏中，人手实际操作没有那么精准，也存在需要快速选择使用道具，快速拖拽而脱离按钮范围，进而出现断触的问题，断触后要想继续选择就需要重新按住按钮进行拖拽；以及部分道具轮盘现有方案中，使用轮盘但但操作为点按，从按钮位置到轮盘选择有一定距离间隔，导致操作感不连贯，影响游戏中使用道具轮盘的体验。因此，相关技术中存在着控制虚拟组件会出现断触的问题，以及用户体验较差的问题。
33.正因如此，本技术提供的一种虚拟组件控制方法、装置、电子设备及存储介质，可
以显示第一页面，其中第一页面包括第一交互组件，在接收到针对第一交互组件的拖动指令时，可以根据拖动指令确定针对终端的触控点，在第一页面种显示第二交互组件，并在第二交互组件的第二交互中心位置显示与触控点对应的初始映射标识，其中第一交互组件与第二交互组件相对应，第二交互中心对应为第二交互组件的中心位置。进一步地，可以根据拖动指令确定针对触控点的第一拖动距离和以第一交互组件的第一交互中心为基准的第一拖动方向，并基于第一交互组件和第二交互组件之间的映射关系根据第一拖动距离确定针对初始映射标识的第二拖动距离。再进一步地，当确定第二拖动距离大于第二交互组件的边界与第二交互中心之间的距离，可以控制初始映射标识沿与第一拖动方向对应的第二拖动方向移动至第二交互组件的边界以确定当前映射标识，并显示该当前映射标识。在根据拖动指令确定触控点沿着以第一交互中心为基准的第一目标拖动方向移动时，则可以根据拖动指令确定针对触控点的第三拖动距离，并基于第一交互组件和第二交互组件之间的映射关系根据第三拖动距离确定针对当前映射标识的第四拖动距离，其中，第一目标拖动方向可以为靠近第一交互中心的方向。进而可以控制当前映射标识沿与第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示该目标映射标识。即使与触控点对应的映射标识被拖动至超过第二交互组件的边界的位置，也不会出现断触问题，只是将映射标识限制在第二交互组件的边界位置，并且在沿着靠近第一交互中心的方向拖动触控点时，可以绑定触控点位置和映射标识位置，使得在触控点在第一交互组件的边界外向第一交互中心移动的过程中，对应控制映射标识沿靠近第二交互中心的方向移动，保证无需在触控点移动至第一交互组件的边界内时才能对应控制映射标识的移动，解决触控点移动较长距离而产生的断触问题的同时，提高了用户的体验。
34.下面通过具体的实施例来对本技术实施例所提供的虚拟组件控制方法进行具体说明。
35.图1示出了本技术实施例所提供的一种虚拟组件控制方法的示例性流程示意图。
36.参考图1，本技术实施例所提供的一种虚拟组件控制方法具体包括以下步骤：
37.s102：显示第一页面，其中，所述第一页面包括：第一交互组件。
38.s104：响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置。
39.s106：根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离。
40.s108：响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识。
41.s110：响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向。
42.s112：控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。
43.在一些实施例中，可以显示有第一页面，例如由终端提供的图形用户界面，其中可以显示有虚拟游戏环境，并且，第一页面中可以包括第一交互组件，例如虚拟按钮，通常可以为圆形按钮，并且该第一交互组件可以包括交互响应范围，可以在该交互响应范围内通过对终端的触控并拖动，实现对该第一交互组件的拖动操作。
44.图2示出了根据本技术实施例的沿第一拖动方向拖动触控点的一种应用场景对应的示意图。
45.进一步地，在接收到针对第一交互组件的拖动指令时，可以根据该拖动指令确定针对终端的触控点。例如，拖动指令可以是根据用于指示针对第一交互组件的按压操作并将触控点从初始位置拖动至目标位置的拖动操作生成的触控指令信号确定的，参考图2，可以通过触控设备或用户手指点触的方式，按压第一交互组件，可以根据终端中被按压的位置确定触控点，并且保持按压操作将该触控点从初始位置(例如图2中的位置a)拖动至目标位置(例如图2中的位置b)，确定对应的拖动操作，进而根据按压操作和拖动操作生成触控指令信号，进而确定拖动指令。
46.需要说明的是，拖动指令，可以包括按压指令，在接收到针对第一交互组件的按压指令时，可以在第一页面中显示第二交互组件，例如与第一交互组件对应的操作轮盘，其中，第一交互组件可以为圆形按钮，则第二交互组件可以为对应形状的操作轮盘。并根据按压指令确定针对终端的触控点，其中由于拖动指令是用于控制第一交互组件的，由于初始状态下触控点与初始触控标识所对应的位置是重叠的，所以可以在第一交互组件的第一交互中心显示与触控点对应的初始触控标识(例如图2中位于第一交互组件中的
“○”
)。进一步地，也可以在第二交互组件的第二交互中心显示与触控点对应的初始映射标识，例如可以高亮显示第二交互中心与触控点对应的位置。其中，第一交互中心为第一交互组件的中心位置，第二交互中心为第二交互组件的中心位置。
47.需要说明的是，第一交互组件与第二交互组件相对应，初始触控标识与初始映射标识相对应。具体地，第一交互组件与第二交互组件存在映射关系，例如当触控点，也即初始触控标识位于第一交互中心时，对应的，初始映射标识位于第二交互中心。可以理解的是，初始触控标识相对于第一交互中心的位置，与初始映射标识相对于第二交互中心的位置是对应的，也就是说当通过比例尺调节第一交互组件和第二交互组件为同一尺寸时，二者可以完全重叠，并且初始触控标识与初始映射标识的位置可以完全重叠。
48.在一些实施例中，可以根据拖动指令确定针对触控点的第一拖动起点坐标、第一拖动终点坐标以及以第一交互中心为基准的第一拖动方向，具体地，拖动指令是用于指示将触控点由第一位置拖动至第二位置的指令，而触控点在第一页面中可以用初始触控标识来表征，第一拖动起点坐标可以为拖动指令开始执行时触控点的初始位置，第一拖动终点坐标可以为第一时刻触控点的对应位置，其中第一时刻可以为拖动指令中止但并未停止按压终端时对应的时刻。由于是对触控点进行拖动，而实现对第一交互组件的拖动指令，所以可以确定以第一交互中心为基准的第一拖动方向，而此时映射在第二交互组件中，则是控制初始映射标识沿着以第二交互中心为基准的第二拖动方向移动，而由于第一交互组件与第二交互组件之间存在映射关系，因此第二拖动方向与第一拖动方向相对应，例如第一拖
动方向为以第一交互中心为中心沿三点钟移动的方向，则第二拖动方向为以第二交互中心为中心沿三点钟移动的方向。
49.图3示出了根据本技术实施例的沿第一拖动方向拖动触控点的另一种应用场景对应的示意图。
50.进一步地，可以根据第一拖动起点坐标和第一拖动终点坐标确定针对触控点的第一拖动距离，也即将触控点从初始位置移动至第一拖动终点坐标对应位置。其中，第一交互组件和第二交互组件分别具有对应的交互响应范围，也即在拖动指令的指示下，触控标识可以在第一交互组件的交互响应范围内移动，映射标识可以在第二交互组件的交互响应范围内移动，但是交互响应范围存在一定的边界。因此，可以确定第一拖动终点坐标是否超过第一交互组件的边界，当确定第一拖动终点坐标超过第一交互组件的边界，则可以根据第一拖动距离和第一预设映射比例确定针对初始触控标识的拖动距离。例如，参考图3，当第一拖动终点坐标超过第一交互组件的边界，到达c位置，但c位置在第一交互组件的边界之外，则可以确定c位置与第一交互中心的连线和第一交互组件的边界的交点(例如图3中的d位置)，将该交点与第一交互中心之间的距离作为针对初始触控标识的拖动距离，初始触控标识在经过该拖动距离的移动后可以确定当前触控标识，并显示该当前触控标识，也即当前触控标识在该交点对应位置。例如，手指对应的触控点向以第一交互中心为中心的三点钟方向移动n个单位距离，到达c位置，但当前触控标识最远只能够到达d位置，d位置与第一交互中心之间的距离是c位置与第一交互中心之间的距离结合第一预设映射比例确定的。
51.再进一步地，可以根据针对初始触控标识的拖动距离和第二预设映射比例确定针对初始映射标识沿第二拖动方向的第二拖动距离，如上所述，第二拖动方向与第一拖动方向相对应。也就是说，由于第一交互组件与第二交互组件存在映射对应关系，所以初始映射标识移动的第二拖动距离可以根据初始触控标识的拖动距离结合第二预设映射比例确定，此时初始映射标识移动至例如图3中的实线
“○”
位置，也即沿第二拖动方向与第二交互组件的边界的交点位置。例如，手指对应的触控点向以第一交互中心为中心的三点钟方向移动n个单位距离，到达c位置，但当前触控标识最远只能够到达d位置，而当前映射标识最远只能够到达实线
“○”
位置，而实线
“○”
位置是根据第一拖动距离、第一预设映射比例和第二预设映射比例共同确定的。
52.在一些实施例中，当确定第一拖动终点坐标不超过第一交互组件的边界时，则证明第一拖动终点坐标对应位置处于第一交互组件对应的交互响应范围内，则不需要根据第一预设映射比例对第一拖动距离进行比例计算，可以将第一拖动距离作为针对初始触控标识的拖动距离。
53.进一步地，可以针对初始触控标识的拖动距离和第二预设映射比例确定针对初始映射标识沿第二拖动方向的第二拖动距离，并在第二拖动距离对应的第二拖动终点坐标对应位置显示拖动后的当前映射标识。
54.在一些实施例中，第二交互组件可以包括功能区域，功能区域可以包括多个子区域，例如图2中的区域1、区域2、区域3和区域4，分别对应四个不同的子功能区域，每个子功能区域之间具有边界。每个功能区域都可以为以第二交互中心为中心的至少部分第一页面，例如图2中操作轮盘的四个功能区域。一般情况下，在第二交互组件中还包括有初始区域，初始区域的半径小于功能区域的半径，初始区域可以为以第二交互中心为圆心的圆形
区域，而功能区域可以为以第二交互中心为圆心的圆环区域，功能区域的内边界与初始区域的外边界相贴合。可以确定针对初始映射标识沿第二拖动方向拖动第二拖动距离后的第二拖动终点坐标是否位于功能区域内，也即第二拖动终点坐标是否落入功能区域对应的圆环区域。当确定第二拖动终点坐标位于功能区域内时，且确定拖动指令终止，也即停止对终端的按压操作和拖动操作，可以看作对功能区域的选定，则触发功能区域对应的功能，并高亮显示该功能区域。例如当拖动指令终止时，第二拖动终点坐标位于区域1，则触发区域1对应的功能，并高亮显示区域1对应的位置。
55.图4示出了根据本技术实施例的沿第一目标拖动方向拖动触控点的示意图。
56.在一些实施例中，在根据拖动指令确定触控点沿靠近第一交互中心的第一目标拖动方向移动时，可以根据拖动指令确定针对触控点的第三拖动起点坐标和第二时刻对应的第三拖动终点坐标，并根据第三拖动起点坐标和第三拖动终点坐标确定针对触控点的第三拖动距离。其中第三拖动起点可以为第一拖动终点，以第三拖动起点在第一交互组件的边界内为例，当第三拖动终点坐标也在第一交互组件的边界内时，则第三拖动距离可以作为针对当前触控标识的拖动距离，也即第三拖动距离小于或等于预设拖动距离阈值，控制当前触控标识由第三拖动起点拖动至第三拖动终点，并且，可以在第三拖动终点处显示移动后的目标触控标识。根据针对当前触控标识的拖动距离和第二预设映射比例确定针对当前映射标识沿第二目标拖动方向的第四拖动距离，由于第一交互组件和第二交互组件存在映射关系，且第二目标拖动方向与第一目标拖动方向相对应，所以可以根据第二映射比例和第三拖动距离计算确定第四拖动距离，进而在第二交互组件的边界内控制当前映射标识从与第三拖动起点对应的第四拖动起点移动至与第三拖动终点对应的第四拖动终点，并且，可以在第四拖动终点处显示移动后的目标映射标识。
57.在一些实施例中，以第三拖动起点在第一交互组件的边界内为例，当第三拖动终点坐标在第一交互组件的边界外时，则第三拖动距离需要结合第一预设映射比例得到针对当前触控标识的拖动距离，也即第三拖动距离大于预设拖动距离阈值，控制当前触控标识由第三拖动起点拖动至第三拖动终点与第一交互中心的连线和第一交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标触控标识。根据针对当前触控标识的拖动距离和第二预设映射比例确定针对当前映射标识沿第二目标拖动方向的第四拖动距离，由于第一交互组件和第二交互组件存在映射关系，且第二目标拖动方向与第一目标拖动方向相对应，所以可以根据第三拖动距离、第一预设映射比例和第二预设映射比例计算确定第四拖动距离，进而在第二交互组件的边界内控制当前映射标识从与第四拖动起点移动至与第四拖动终点与第二交互中心的连线和第二交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标映射标识。
58.在一些实施例中，参考图4，例如拖动前触控点对应位置为f，拖动后触控点对应位置为f’，拖动前触控标识对应位置为g，拖动后的当前触控标识对应位置为g’，拖动前映射在第二交互组件上的与触控点对应的位置为h，拖动前映射在第二交互组件上的与触控点对应的位置为h’，拖动前映射标识对应位置为i，拖动后的当前映射标识对应位置为i’。以第三拖动起点在第一交互组件的边界外为例，当第三拖动终点坐标在第一交互组件的边界内时，则第三拖动距离需要结合第一预设映射比例得到针对当前触控标识的拖动距离，也即第三拖动距离大于预设拖动距离阈值，控制当前触控标识由第三拖动起点与第一交互中
心的连线和第一交互组件的边界的交点处拖动至第三拖动终点，并且，可以在第三拖动终点处显示移动后的目标触控标识。根据针对当前触控标识的拖动距离和第二预设映射比例确定针对当前映射标识沿第二目标拖动方向的第四拖动距离，由于第一交互组件和第二交互组件存在映射关系，且第二目标拖动方向与第一目标拖动方向相对应，所以可以根据第三拖动距离、第一预设映射比例和第二预设映射比例计算确定第四拖动距离，进而在第二交互组件的边界内控制当前映射标识从第四拖动起点与第二交互中心的连线和第二交互组件的边界的交点处移动至第四拖动终点，并且，可以在第四拖动终点处显示移动后的目标映射标识。
59.在一些实施例中，以第三拖动起点在第一交互组件的边界外为例，当第三拖动终点坐标也在第一交互组件的边界外时，则第三拖动距离需要结合第一预设映射比例得到针对当前触控标识的拖动距离，也即第三拖动距离大于预设拖动距离阈值，控制当前触控标识由第三拖动起点与第一交互中心的连线和第一交互组件的边界的交点处拖动至第三拖动终点与第一交互中心的连线和第一交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标触控标识。根据针对当前触控标识的拖动距离和第二预设映射比例确定针对当前映射标识沿第二目标拖动方向的第四拖动距离，由于第一交互组件和第二交互组件存在映射关系，且第二目标拖动方向与第一目标拖动方向相对应，所以可以根据第三拖动距离、第一预设映射比例和第二预设映射比例计算确定第四拖动距离，进而在第二交互组件的边界内控制当前映射标识从第四拖动起点与第二交互中心的连线和第二交互组件的边界的交点处移动至第四拖动终点与第一交互中心的连线和第一交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标映射标识。
60.图5示出了根据本技术实施例的沿目标旋转方向拖动触控点的示意图。
61.在一些实施例中，可以在根据拖动指令确定触控点沿以第一交互中心为圆心的目标旋转方向移动时，根据拖动指令确定针对触控点的第五拖动起点坐标和第三时刻对应的第五拖动终点坐标，进而根据第五拖动起点坐标和第五拖动终点坐标确定针对触控点的第一旋转角度。其中第五拖动起点可以为第一拖动终点，以第五拖动起点在第一交互组件的边界内为例，当第五拖动终点坐标也在第一交互组件的边界内时，则可以控制当前触控标识由第五拖动起点拖动至第五拖动终点，并且，可以在第五拖动终点处显示移动后的目标触控标识。由于第一交互组件和第二交互组件存在映射关系，且针对二者的目标旋转方向相同，所以可以根据第一旋转角度可以确定针对当前映射标识的第二旋转角度，其中第二旋转角度是以第二交互中心为圆心的旋转角度，进而在第二交互组件的边界内控制当前映射标识从第六拖动起点移动至与第六拖动终点，其中第六拖动起点与第五拖动起点相对应，第六拖动终点与第五拖动终点相对应，并且，可以在第六拖动终点处显示移动后的目标映射标识。
62.在一些实施例中，以第五拖动起点在第一交互组件的边界内为例，当第五拖动终点坐标在第一交互组件的边界外时，则可以控制当前触控标识由第五拖动起点拖动至第五拖动终点与第一交互中心的连线和第一交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标触控标识。由于第一交互组件和第二交互组件存在映射关系，且针对二者的目标旋转方向相同，所以可以根据第一旋转角度可以确定针对当前映射标识的第二旋转角度，其中第二旋转角度是以第二交互中心为圆心的旋转角度，进而在第二交互组件的
边界内控制当前映射标识从与第六拖动起点移动至与第六拖动终点与第二交互中心的连线和第二交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标映射标识。
63.在一些实施例中，以第五拖动起点在第一交互组件的边界外为例，当第五拖动终点坐标在第一交互组件的边界内时，则可以控制当前触控标识由第五拖动起点与第一交互中心的连线和第一交互组件的边界的交点处拖动至第五拖动终点，并且，可以在第五拖动终点处显示移动后的目标触控标识。由于第一交互组件和第二交互组件存在映射关系，且针对二者的目标旋转方向相同，所以可以根据第一旋转角度可以确定针对当前映射标识的第二旋转角度，其中第二旋转角度是以第二交互中心为圆心的旋转角度，进而在第二交互组件的边界内控制当前映射标识从第六拖动起点与第二交互中心的连线和第二交互组件的边界的交点处移动至第六拖动终点，并且，可以在第六拖动终点处显示移动后的目标映射标识。
64.在一些实施例中，参考图5，例如拖动前触控点对应位置为f，拖动后触控点对应位置为f’，拖动前触控标识对应位置为g，拖动后的当前触控标识对应位置为g’，拖动前映射在第二交互组件上的与触控点对应的位置为h，拖动前映射在第二交互组件上的与触控点对应的位置为h’，拖动前映射标识对应位置为i，拖动后的当前映射标识对应位置为i’。以第五拖动起点在第一交互组件的边界外为例，当第五拖动终点坐标也在第一交互组件的边界外时，则可以控制当前触控标识由第五拖动起点与第一交互中心的连线和第一交互组件的边界的交点处拖动至第五拖动终点与第一交互中心的连线和第一交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标触控标识。由于第一交互组件和第二交互组件存在映射关系，且针对二者的目标旋转方向相同，所以可以根据第一旋转角度可以确定针对当前映射标识的第二旋转角度，其中第二旋转角度是以第二交互中心为圆心的旋转角度，进而在第二交互组件的边界内控制当前映射标识从第六拖动起点与第二交互中心的连线和第二交互组件的边界的交点处移动至第六拖动终点与第二交互中心的连线和第二交互组件的边界的交点处，并且，可以在该交点处显示移动后的目标映射标识。
65.从上面所述可以看出，本技术提供的一种虚拟组件控制方法、装置、电子设备及存储介质，可以显示第一页面，其中第一页面包括第一交互组件，在接收到针对第一交互组件的拖动指令时，可以根据拖动指令确定针对终端的触控点，在第一页面种显示第二交互组件，并在第二交互组件的第二交互中心位置显示与触控点对应的初始映射标识，其中第一交互组件与第二交互组件相对应，第二交互中心对应为第二交互组件的中心位置。进一步地，可以根据拖动指令确定针对触控点的第一拖动距离和以第一交互组件的第一交互中心为基准的第一拖动方向，并基于第一交互组件和第二交互组件之间的映射关系根据第一拖动距离确定针对初始映射标识的第二拖动距离。再进一步地，当确定第二拖动距离大于第二交互组件的边界与第二交互中心之间的距离，可以控制初始映射标识沿与第一拖动方向对应的第二拖动方向移动至第二交互组件的边界以确定当前映射标识，并显示该当前映射标识。在根据拖动指令确定触控点沿着以第一交互中心为基准的第一目标拖动方向移动时，则可以根据拖动指令确定针对触控点的第三拖动距离，并基于第一交互组件和第二交互组件之间的映射关系根据第三拖动距离确定针对当前映射标识的第四拖动距离，其中，第一目标拖动方向可以为靠近第一交互中心的方向。进而可以控制当前映射标识沿与第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示该
目标映射标识。即使与触控点对应的映射标识被拖动至超过第二交互组件的边界的位置，也不会出现断触问题，只是将映射标识限制在第二交互组件的边界位置，并且在沿着靠近第一交互中心的方向拖动触控点时，可以绑定触控点位置和映射标识位置，使得在触控点在第一交互组件的边界外向第一交互中心移动的过程中，对应控制映射标识沿靠近第二交互中心的方向移动，保证无需在触控点移动至第一交互组件的边界内时才能对应控制映射标识的移动，解决触控点移动较长距离而产生的断触问题的同时，提高了用户的体验。
66.需要说明的是，本技术实施例的方法可以由单个设备执行，例如一台计算机或服务器等。本实施例的方法也可以应用于分布式场景下，由多台设备相互配合来完成。在这种分布式场景的情况下，这多台设备中的一台设备可以只执行本技术实施例的方法中的某一个或多个步骤，这多台设备相互之间会进行交互以完成所述的方法。
67.需要说明的是，上述对本技术的一些实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于上述实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
68.图6示出了本技术实施例所提供的一种虚拟组件控制装置的示例性结构示意图。
69.基于同一发明构思，与上述任意实施例方法相对应的，本技术还提供了一种虚拟组件控制装置。
70.参考图6，所述虚拟组件控制装置，所述装置包括：第一显示模块、第二显示模块、第一确定模块、第三显示模块、第二确定模块以及控制模块；其中，
71.第一显示模块，被配置为显示第一页面，其中，所述第一页面包括：第一交互组件；
72.第二显示模块，被配置为响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置；
73.第一确定模块，被配置为根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离；
74.第三显示模块，被配置为响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识；
75.第二确定模块，被配置为响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向；
76.控制模块，被配置为控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。
77.在一种可能的实现方式中，所述拖动指令是根据用于指示针对所述第一交互组件的按压操作并将所述触控点从初始位置拖动至目标位置的拖动操作生成的触控指令信号确定的。
78.在一种可能的实现方式中，所述拖动指令，包括：按压指令；
79.所述第二显示模块进一步被配置为：
80.响应于接收到针对所述第一交互组件的按压指令，在所述第一页面显示第二交互组件，根据所述按压指令确定针对所述终端的触控点；
81.在所述第一交互组件的中心位置显示与所述触控点对应的初始触控标识，并在所述第二交互组件的交互中心显示与所述触控点对应的所述初始映射标识；其中，所述初始触控标识与所述初始映射标识相对应。
82.在一种可能的实现方式中，所述第一确定模块进一步还被配置为：
83.根据所述拖动指令确定针对所述触控点的第一拖动起点坐标、第一拖动终点坐标和以所述第一交互组件的第一交互中心为基准的所述第一拖动方向，并根据所述第一拖动起点坐标和第一拖动终点坐标确定所述第一拖动距离；
84.确定所述第一拖动终点坐标是否超过所述第一交互组件的边界；
85.响应于确定所述第一拖动终点坐标超过所述第一交互组件的边界，根据所述第一拖动距离和第一预设映射比例确定针对所述初始触控标识的拖动距离；
86.根据针对所述初始触控标识的拖动距离和第二预设映射比例确定针对所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向的第二拖动距离；其中，所述第二拖动方向以所述第二交互中心为基准。
87.在一种可能的实现方式中，所述第一确定模块进一步还被配置为：
88.响应于确定所述第一拖动终点坐标不超过所述第一交互组件的边界，根据所述第一拖动距离确定针对所述初始触控标识的拖动距离；
89.根据针对所述初始触控标识的拖动距离和第二预设映射比例确定针对所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向的第二拖动距离；其中，所述第二拖动方向以所述第二交互中心为基准。
90.在一种可能的实现方式中，所述第二交互组件，包括：功能区域，所述功能区域为以所述第二交互中心为中心的至少部分第一页面；
91.所述装置，还包括：第四显示模块；
92.所述第四显示模块被配置为：
93.确定针对所述初始映射标识沿所述第二拖动方向拖动第二拖动距离后的第二拖动终点坐标是否位于所述功能区域内；
94.响应于确定所述第二拖动终点坐标位于所述功能区域内，且确定所述拖动指令终止，触发所述功能区域对应的功能，并高亮显示所述功能区域。
95.在一种可能的实现方式中，所述第二确定模块进一步被配置为：
96.响应于根据所述拖动指令确定所述触控点沿靠近所述第一交互组件的第一交互中心的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动起点坐标和第三拖动终点坐标，并根据所述第三拖动起点坐标和第三拖动终点坐标确定所述第三拖动距离；
97.确定所述第三拖动距离是否大于预设拖动距离阈值；
98.响应于所述第三拖动距离大于预设拖动距离阈值，根据所述第三拖动距离和第一预设映射比例确定针对当前触控标识的拖动距离；其中，所述当前触控标识显示于所述第一交互组件，且与所述当前映射标识对应；
99.根据所述第三拖动距离和第二预设映射比例确定针对所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向的第四拖动距离；其中，所述第二目标拖动方向以所述第二交互中心为基准，且为靠近所述第二交互中心的方向。
100.在一种可能的实现方式中，所述第二确定模块进一步还被配置为：
101.响应于所述第三拖动距离小于或等于预设拖动距离阈值，根据所述第三拖动距离确定针对当前触控标识的拖动距离；其中，所述当前触控标识显示于所述第一交互组件，且与所述当前映射标识对应；
102.根据所述第三拖动距离和第二预设映射比例确定针对所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向的第四拖动距离；其中，所述第二目标拖动方向以所述第二交互中心为基准，且为靠近所述第二交互中心的方向。
103.在一种可能的实现方式中，所述控制模块进一步还被配置为：
104.控制所述当前触控标识沿所述第一拖动方向移动至所述第一交互组件的边界以确定与所述触控点对应的目标触控标识，并显示所述目标触控标识；
105.控制所述当前映射标识沿所述第二拖动方向移动至所述第二交互组件的边界以确定与所述触控点对应的目标映射标识，并显示所述目标映射标识。
106.在一种可能的实现方式中，所述控制模块进一步还被配置为：
107.确定针对所述当前映射标识沿所述第二目标拖动方向拖动第四拖动距离后的第四拖动终点坐标，并根据所述第四拖动终点坐标确定所述目标映射标识；
108.在所述第三拖动终点坐标对应位置显示与所述触控点对应的目标触控标识，并在所述第四拖动终点对应位置显示与所述触控点对应的目标映射标识。
109.在一种可能的实现方式中，所述控制模块进一步还被配置为：
110.响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为圆心的目标旋转方向移动，根据所述拖动指令确定针对所述触控点的第五拖动起点坐标和第五拖动终点坐标，并根据所述第五拖动起点坐标和所述第五拖动终点坐标确定针对所述触控点的第一旋转角度；
111.根据所述第一旋转角度确定针对所述当前映射标识的以所述第二交互中心为圆心的第二旋转角度；
112.确定所述第五拖动终点坐标是否超过所述第一交互组件的边界；
113.响应于所述第五拖动终点坐标不超过所述第一交互组件的边界，根据所述第五拖动终点坐标确定针对所述当前映射标识沿所述第二旋转角度旋转后的第六拖动终点坐标，并在所述第五拖动终点坐标对应位置显示与所述触控点对应的目标触控标识，在所述第六拖动终点坐标对应位置显示与所述触控点对应的目标映射标识。
114.在一种可能的实现方式中，所述控制模块进一步还被配置为：
115.响应于所述第五拖动终点坐标超过所述第一交互组件的边界，确定所述第五拖动终点坐标和所述第一交互中心连线与所述第一交互组件的边界的第一交点坐标；
116.根据所述第五拖动终点坐标确定针对所述当前映射标识沿所述第二旋转角度旋转后的第六拖动终点坐标，并确定所述第六拖动终点坐标和所述第二交互中心连线与所述第二交互组件的边界的第二交点坐标；
117.在所述第一交点坐标对应位置显示与所述触控点对应的目标触控标识，在所述第二交点坐标对应位置显示与所述触控点对应的目标映射标识。
118.为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本技术时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
119.上述实施例的装置用于实现前述任一实施例中相应的虚拟组件控制方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
120.图7示出了本技术实施例所提供的一种电子设备的示例性结构示意图。
121.基于同一发明构思，与上述任意实施例方法相对应的，本技术还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上任意一实施例所述的虚拟组件控制方法。图7示出了本实施例所提供的一种更为具体的电子设备硬件结构示意图，该设备可以包括：处理器710、存储器720、输入/输出接口730、通信接口740和总线750。其中处理器710、存储器720、输入/输出接口730和通信接口740通过总线750实现彼此之间在设备内部的通信连接。
122.处理器710可以采用通用的cpu(central processing unit，中央处理器)、微处理器、应用专用集成电路(application specific integrated circuit，asic)、或者一个或多个集成电路等方式实现，用于执行相关程序，以实现本说明书实施例所提供的技术方案。
123.存储器720可以采用rom(read only memory，只读存储器)、ram(random access memory，随机存取存储器)、静态存储设备，动态存储设备等形式实现。存储器720可以存储操作系统和其他应用程序，在通过软件或者固件来实现本说明书实施例所提供的技术方案时，相关的程序代码保存在存储器720中，并由处理器710来调用执行。
124.输入/输出接口730用于连接输入/输出模块，以实现信息输入及输出。输入/输出模块可以作为组件配置在设备中(图中未示出)，也可以外接于设备以提供相应功能。其中输入设备可以包括键盘、鼠标、触摸屏、麦克风、各类传感器等，输出设备可以包括显示器、扬声器、振动器、指示灯等。
125.通信接口740用于连接通信模块(图中未示出)，以实现本设备与其他设备的通信交互。其中通信模块可以通过有线方式(例如usb、网线等)实现通信，也可以通过无线方式(例如移动网络、wifi、蓝牙等)实现通信。
126.总线750包括一通路，在设备的各个组件(例如处理器710、存储器720、输入/输出接口730和通信接口740)之间传输信息。
127.需要说明的是，尽管上述设备仅示出了处理器710、存储器720、输入/输出接口730、通信接口740以及总线750，但是在具体实施过程中，该设备还可以包括实现正常运行所必需的其他组件。此外，本领域的技术人员可以理解的是，上述设备中也可以仅包含实现本说明书实施例方案所必需的组件，而不必包含图中所示的全部组件。
128.上述实施例的电子设备用于实现前述任一实施例中相应的虚拟组件控制方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
129.基于同一发明构思，与上述任意实施例方法相对应的，本技术还提供了一种非暂
态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上任一实施例所述的虚拟组件控制方法。
130.本实施例的计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。
131.上述实施例的存储介质存储的计算机指令用于使所述计算机执行如上任一实施例所述的虚拟组件控制方法，并且具有相应的方法实施例的有益效果，在此不再赘述。
132.所属领域的普通技术人员应当理解：以上任何实施例的讨论仅为示例性的，并非旨在暗示本技术的范围(包括权利要求)被限于这些例子；在本技术的思路下，以上实施例或者不同实施例中的技术特征之间也可以进行组合，步骤可以以任意顺序实现，并存在如上所述的本技术实施例的不同方面的许多其它变化，为了简明它们没有在细节中提供。
133.另外，为简化说明和讨论，并且为了不会使本技术实施例难以理解，在所提供的附图中可以示出或可以不示出与集成电路(ic)芯片和其它部件的公知的电源/接地连接。此外，可以以框图的形式示出装置，以便避免使本技术实施例难以理解，并且这也考虑了以下事实，即关于这些框图装置的实施方式的细节是高度取决于将要实施本技术实施例的平台的(即，这些细节应当完全处于本领域技术人员的理解范围内)。在阐述了具体细节(例如，电路)以描述本技术的示例性实施例的情况下，对本领域技术人员来说显而易见的是，可以在没有这些具体细节的情况下或者这些具体细节有变化的情况下实施本技术实施例。因此，这些描述应被认为是说明性的而不是限制性的。
134.尽管已经结合了本技术的具体实施例对本技术进行了描述，但是根据前面的描述，这些实施例的很多替换、修改和变型对本领域普通技术人员来说将是显而易见的。例如，其它存储器架构(例如，动态ram(dram))可以使用所讨论的实施例。
135.本技术实施例旨在涵盖落入所附权利要求的宽泛范围之内的所有这样的替换、修改和变型。因此，凡在本技术实施例的精神和原则之内，所做的任何省略、修改、等同替换、改进等，均应包含在本技术的保护范围之内。

技术特征：
1.一种虚拟组件控制方法，其特征在于，应用于终端，所述方法包括：显示第一页面，其中，所述第一页面包括：第一交互组件；响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置；根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离；响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识；响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向；控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。2.根据权利要求1所述的方法，其特征在于，所述拖动指令是根据用于指示针对所述第一交互组件的按压操作并将所述触控点从初始位置拖动至目标位置的拖动操作生成的触控指令信号确定的。3.根据权利要求1所述的方法，其特征在于，所述拖动指令，包括：按压指令；所述响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的交互中心显示与所述触控点对应的初始映射标识，包括：响应于接收到针对所述第一交互组件的按压指令，在所述第一页面显示第二交互组件，根据所述按压指令确定针对所述终端的触控点；在所述第一交互组件的第一交互中心显示与所述触控点对应的初始触控标识，并在所述第二交互组件的第二交互中心显示与所述触控点对应的所述初始映射标识；其中，所述初始触控标识与所述初始映射标识相对应。4.根据权利要求3所述的方法，其特征在于，所述根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始触控标识的第二拖动距离，包括：根据所述拖动指令确定针对所述触控点的第一拖动起点坐标、第一时刻对应的第一拖动终点坐标和以所述第一交互组件的第一交互中心为基准的所述第一拖动方向，并根据所述第一拖动起点坐标和第一拖动终点坐标确定所述第一拖动距离；确定所述第一拖动终点坐标是否超过所述第一交互组件的边界；响应于确定所述第一拖动终点坐标超过所述第一交互组件的边界，根据所述第一拖动距离和第一预设映射比例确定针对所述初始触控标识的拖动距离；
根据针对所述初始触控标识的拖动距离和第二预设映射比例确定针对所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向的第二拖动距离；其中，所述第二拖动方向以所述第二交互中心为基准。5.根据权利要求4所述的方法，其特征在于，所述确定所述第一拖动终点坐标是否超过所述第一交互组件的边界之后，还包括：响应于确定所述第一拖动终点坐标不超过所述第一交互组件的边界，根据所述第一拖动距离确定针对所述初始触控标识的拖动距离；根据针对所述初始触控标识的拖动距离和第二预设映射比例确定针对所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向的第二拖动距离；其中，所述第二拖动方向以所述第二交互中心为基准。6.根据权利要求4或5所述的方法，其特征在于，所述第二交互组件，包括：功能区域，所述功能区域为以所述第二交互中心为中心的至少部分第一页面；所述根据针对所述初始触控标识的拖动距离和第二预设映射比例确定针对所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向的第二拖动距离之后，还包括：确定针对所述初始映射标识沿所述第二拖动方向拖动第二拖动距离后的第二拖动终点坐标是否位于所述功能区域内；响应于确定所述第二拖动终点坐标位于所述功能区域内，且确定所述拖动指令终止，触发所述功能区域对应的功能，并高亮显示所述功能区域。7.根据权利要求1所述的方法，其特征在于，所述响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离，包括：响应于根据所述拖动指令确定所述触控点沿靠近所述第一交互组件的第一交互中心的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动起点坐标和第二时刻对应的第三拖动终点坐标，并根据所述第三拖动起点坐标和第三拖动终点坐标确定所述第三拖动距离；确定所述第三拖动距离是否大于预设拖动距离阈值；响应于所述第三拖动距离大于预设拖动距离阈值，根据所述第三拖动距离和第一预设映射比例确定针对当前触控标识的拖动距离；其中，所述当前触控标识显示于所述第一交互组件，且与所述当前映射标识对应；根据针对当前触控标识的拖动距离和第二预设映射比例确定针对所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向的第四拖动距离；其中，所述第二目标拖动方向以所述第二交互中心为基准，且为靠近所述第二交互中心的方向。8.根据权利要求1所述的方法，其特征在于，所述确定所述第三拖动距离是否大于预设拖动距离阈值之后，还包括：响应于所述第三拖动距离小于或等于预设拖动距离阈值，根据所述第三拖动距离确定针对当前触控标识的拖动距离；其中，所述当前触控标识显示于所述第一交互组件，且与所述当前映射标识对应；根据所述第三拖动距离和第二预设映射比例确定针对所述当前映射标识沿与所述第
一目标拖动方向对应的第二目标拖动方向的第四拖动距离；其中，所述第二目标拖动方向以所述第二交互中心为基准，且为靠近所述第二交互中心的方向。9.根据权利要求7所述的方法，其特征在于，所述控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识，包括：控制所述当前触控标识沿所述第一目标拖动方向移动至所述第一交互组件的边界以确定与所述触控点对应的目标触控标识，并显示所述目标触控标识；控制所述当前映射标识沿所述第二目标拖动方向移动至所述第二交互组件的边界以确定与所述触控点对应的目标映射标识，并显示所述目标映射标识。10.根据权利要求8所述的方法，其特征在于，所述控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识，包括：确定针对所述当前映射标识沿所述第二目标拖动方向拖动第四拖动距离后的第四拖动终点坐标，并根据所述第四拖动终点坐标确定所述目标映射标识；在所述第三拖动终点坐标对应位置显示与所述触控点对应的目标触控标识，并在所述第四拖动终点对应位置显示与所述触控点对应的目标映射标识。11.根据权利要求1所述的方法，其特征在于，所述方法，还包括：响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为圆心的目标旋转方向移动，根据所述拖动指令确定针对所述触控点的第五拖动起点坐标和第三时刻对应的第五拖动终点坐标，并根据所述第五拖动起点坐标和所述第五拖动终点坐标确定针对所述触控点的第一旋转角度；根据所述第一旋转角度确定针对所述当前映射标识的以所述第二交互中心为圆心的第二旋转角度；确定所述第五拖动终点坐标是否超过所述第一交互组件的边界；响应于所述第五拖动终点坐标不超过所述第一交互组件的边界，根据所述第五拖动终点坐标确定针对所述当前映射标识沿所述第二旋转角度旋转后的第六拖动终点坐标，并在所述第五拖动终点坐标对应位置显示与所述触控点对应的目标触控标识，在所述第六拖动终点坐标对应位置显示与所述触控点对应的目标映射标识。12.根据权利要求11所述的方法，其特征在于，所述确定所述第五拖动终点坐标是否超过所述第一交互组件的边界之后，还包括：响应于所述第五拖动终点坐标超过所述第一交互组件的边界，确定所述第五拖动终点坐标和所述第一交互中心连线与所述第一交互组件的边界的第一交点坐标；根据所述第五拖动终点坐标确定针对所述当前映射标识沿所述第二旋转角度旋转后的第六拖动终点坐标，并确定所述第六拖动终点坐标和所述第二交互中心连线与所述第二交互组件的边界的第二交点坐标；在所述第一交点坐标对应位置显示与所述触控点对应的目标触控标识，在所述第二交点坐标对应位置显示与所述触控点对应的目标映射标识。13.一种虚拟组件控制装置，其特征在于，应用于终端，所述装置包括：第一显示模块，被配置为显示第一页面，其中，所述第一页面包括：第一交互组件；
第二显示模块，被配置为响应于接收到针对所述第一交互组件的拖动指令，根据所述拖动指令确定针对所述终端的触控点，在所述第一页面显示第二交互组件，并在所述第二交互组件的第二交互中心显示与所述触控点对应的初始映射标识；其中，所述第一交互组件与所述第二交互组件相对应，所述第二交互中心对应所述第二交互组件的中心位置；第一确定模块，被配置为根据所述拖动指令确定针对所述触控点的第一拖动距离和以所述第一交互组件的第一交互中心为基准的第一拖动方向，并根据所述第一拖动距离确定针对所述初始映射标识的第二拖动距离；第三显示模块，被配置为响应于所述第二拖动距离大于所述第二交互组件的边界与所述第二交互中心之间的距离，控制所述初始映射标识沿与所述第一拖动方向对应的第二拖动方向移动至所述第二交互组件的边界以确定当前映射标识，并显示所述当前映射标识；第二确定模块，被配置为响应于根据所述拖动指令确定所述触控点沿以所述第一交互中心为基准的第一目标拖动方向移动，根据所述拖动指令确定针对所述触控点的第三拖动距离，并根据所述第三拖动距离确定针对所述当前映射标识的第四拖动距离；其中，所述第一目标拖动方向为靠近所述第一交互中心的方向；控制模块，被配置为控制所述当前映射标识沿与所述第一目标拖动方向对应的第二目标拖动方向移动第四拖动距离以确定目标映射标识，并显示所述目标映射标识。14.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至12任意一项所述的方法。15.一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，其特征在于，所述计算机指令用于使所述计算机实现权利要求1至12任一项所述的方法。

技术总结
本申请提供一种虚拟组件控制方法、装置、电子设备及存储介质。该方法包括：响应于接收到拖动指令，在第二交互组件的第二交互中心显示初始映射标识；根据拖动指令确定触控点的第一拖动距离和第一拖动方向，并根据第一拖动距离确定初始映射标识的第二拖动距离；响应于第二拖动距离大于第二交互组件的边界与第二交互中心之间的距离，控制初始映射标识沿第二拖动方向移动至第二交互组件的边界，显示当前映射标识；响应于根据拖动指令确定触控点沿第一目标拖动方向移动，根据拖动指令确定触控点的第三拖动距离，并根据第三拖动距离确定当前映射标识的第四拖动距离；控制当前映射标识沿第二目标拖动方向移动第四拖动距离显示目标映射标识。射标识。射标识。


技术研发人员：柳清 刘勇成 胡志鹏 袁思思 程龙
受保护的技术使用者：网易（杭州）网络有限公司
技术研发日：2023.03.14
技术公布日：2023/8/4