界面交互方法、装置、设备和存储介质与流程

1.本技术涉及计算机软件领域，尤其涉及一种界面交互方法、装置、设备和存储介质。


背景技术：

2.手机的设备特性使得它相比于其他终端而言，更能有效的利用碎片化的时间，用户使用手机时的场景也十分多元化，即不受地点等条件的约束。
3.在现有技术中，以地铁、公交等场景而言，用户常常需要一手握住扶手，一手拿着手机(手机界面为横屏)，并点击手机界面的功能按钮，以实现利用碎片化的时间消遣。然而，在这种场景下，用户常常无法操作远离手指的功能按钮，极其不便。


技术实现要素：

4.本技术实施例提供一种界面交互方法、装置、设备和存储介质，用以解决用户无法操作远离手指的功能按钮的问题。
5.第一方面，本技术实施例提供一种界面交互方法，通过执行应用软件以在终端设备的显示屏上提供所述应用软件的图形用户界面，所述图形用户界面包括多个交互控件，所述方法包括：
6.响应于用户的第一操作，启动控件移动模式；
7.当所述终端设备在物理空间中移动时，根据所述终端设备在物理空间的移动方向和移动距离，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动，并根据所述移动距离的大小确定所述反方向移动的移动距离。
8.在第一方面一种可能的设计中，所述交互控件的所述反方向移动的移动距离，包括如下至少一种：
9.所述交互控件的所述反方向移动的移动距离的大小值与所述终端设备在物理空间的移动距离的大小值相等；
10.所述交互控件的所述反方向移动的移动距离的大小值与所述终端设备在物理空间的移动距离的大小值成预设比例关系。
11.在第一方面另一种可能的设计中，所述第一操作还用于指示建立以所述终端设备的中心为原点的坐标系，所述方法还包括：
12.获取所述终端设备移动前在物理空间中的中心位置；
13.以所述中心位置为所述原点，穿过所述原点，以所述终端设备的显示屏的横向方向为横坐标轴，纵向方向为纵坐标轴，建立所述坐标系。
14.在该种可能的设计中，所述方法还包括：
15.在所述终端设备在物理空间中移动时，根据所述坐标系，获取所述终端设备移动前后的横坐标的变化值和纵坐标的变化值；
16.根据所述横坐标的变化值和所述纵坐标的变化值，确定所述终端设备在物理空间
上的所述移动方向和所述移动距离。
17.可选的，所述根据所述终端设备在物理空间的移动方向和移动距离，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动，并根据所述移动距离的大小确定所述反方向移动的移动距离，包括：
18.根据所述横坐标的变化值，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动根据所述横坐标的变化值的大小所确定的移动距离；
19.根据所述纵坐标的变化值，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动根据所述纵坐标的变化值的大小所确定的移动距离。
20.在第一方面再一种可能的设计中，所述方法还包括：响应于用户的第二操作，关闭所述控件移动模式。
21.可选的，所述第二操作包括以下至少一种：摇晃、双击、滑屏。
22.可选的，所述第一操作包括以下至少一种：摇晃、双击、滑屏。
23.在第一方面还一种可能的设计中，所述方法还包括：
24.在所述响应于用户的第一操作之前，响应于用户的第三操作，确定执行所述第一操作；
25.在所述响应于用户的第二操作之前，响应于用户的第四操作，确定执行所述第二操作。
26.可选的，所述移动方向包括如下至少一种：向上、向下、向左、向右。
27.在第一方面又一种可能的设计中，在所述将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动之后，所述方法还包括：
28.响应于用户的第五操作，通过所述交互控件控制所述图形用户界面变化，所述第五操作为用户点击所述交互控件。
29.可选的，在所述响应于用户的第五操作之后，所述图形用户界面在所述显示屏中的显示方式包括：
30.在所述显示屏中全屏显示所述图形用户界面；
31.或
32.在向所述移动方向的反方向移动之后的显示位置上显示所述图形用户界面。
33.在第一方面又一种可能的设计中，在所述响应于用户的第一操作，启动控件移动模式之后，所述方法还包括：
34.向用户推送所述终端设备的移动方向提醒，所述移动方向提醒标示所述终端设备在物理空间中的移动方向。
35.在第一方面又一种可能的设计中，所述将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动，包括：
36.将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动；
37.或
38.将所述图形用户界面在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动。
39.在该种可能的设计中，所述交互控件的所述反方向移动的移动距离小于预设阈
值；
40.或
41.所述图形用户界面的所述反方向移动的移动距离小于所述预设阈值。
42.第二方面，本技术实施例提供一种界面交互装置，通过执行游戏应用并在终端设备的显示器上渲染得到图形显示界面，包括：响应模块和处理模块；
43.所述响应模块，用于响应于用户的第一操作，所述第一操作用于请求开启画幅移动模式；
44.所述处理模块，用于当所述终端设备在物理空间中移动时，根据所述终端设备在物理空间的移动方向和移动距离，将所述显示界面相对所述终端设备的显示屏向所述移动方向的反方向移动所述移动距离。
45.在第二方面一种可能的设计中，所述交互控件的所述反方向移动的移动距离，包括如下至少一种：
46.所述交互控件的所述反方向移动的移动距离的大小值与所述终端设备在物理空间的移动距离的大小值相等；
47.所述交互控件的所述反方向移动的移动距离的大小值与所述终端设备在物理空间的移动距离的大小值成预设比例关系。
48.在第二方面另一种可能的设计中，所述第一操作还用于指示建立以所述终端设备的中心为原点的坐标系，所述处理模块还用于：
49.获取所述终端设备移动前在物理空间中的中心位置；
50.以所述中心位置为所述原点，穿过所述原点，以所述终端设备的显示屏的横向方向为横坐标轴，纵向方向为纵坐标轴，建立所述坐标系。
51.在该种可能的设计中，所述处理模块，还用于：
52.在所述终端设备在物理空间中移动时，根据所述坐标系，获取所述终端设备移动前后的横坐标的变化值和纵坐标的变化值；
53.根据所述横坐标的变化值和所述纵坐标的变化值，确定所述终端设备在物理空间上的所述移动方向和所述移动距离。
54.可选的，所述处理模块，根据所述终端设备在物理空间的移动方向和移动距离，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动，并根据所述移动距离的大小确定所述反方向移动的移动距离，具体用于：
55.根据所述横坐标的变化值，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动根据所述横坐标的变化值的大小所确定的移动距离；
56.根据所述纵坐标的变化值，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动根据所述纵坐标的变化值的大小所确定的移动距离。
57.在第二方面再一种可能的设计中，所述响应模块，还用于：响应于用户的第二操作，关闭所述控件移动模式。
58.可选的，所述第二操作包括以下至少一种：摇晃、双击、滑屏。
59.可选的，所述第一操作包括以下至少一种：摇晃、双击、滑屏。
60.在第二方面还一种可能的设计中，所述响应模块还用于：
61.在所述响应于用户的第一操作之前，响应于用户的第三操作，确定执行所述第一
操作；
62.在所述响应于用户的第二操作之前，响应于用户的第四操作，确定执行所述第二操作。
63.可选的，所述移动方向包括如下至少一种：向上、向下、向左、向右。
64.在第二方面又一种可能的设计中，所述响应模块，在所述将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动之后，还用于：
65.响应于用户的第五操作，通过所述交互控件控制所述图形用户界面变化，所述第五操作为用户点击所述交互控件。
66.可选的，在所述响应于用户的第五操作之后，所述图形用户界面在所述显示屏中的显示方式包括：
67.在所述显示屏中全屏显示所述图形用户界面；
68.或
69.在向所述移动方向的反方向移动之后的显示位置上显示所述图形用户界面。
70.在第二方面又一种可能的设计中，在所述响应于用户的第一操作，启动控件移动模式之后，所述装置还包括：推送模块；
71.所述推送模块，用于向用户推送所述终端设备的移动方向提醒，所述移动方向提醒标示所述终端设备在物理空间中的移动方向。
72.在第二方面又一种可能的设计中，所述处理模块，将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动，具体用于：
73.将所述交互控件在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动；
74.或
75.将所述图形用户界面在所述终端设备的显示屏上的显示位置向所述移动方向的反方向移动。
76.在该种可能的设计中，所述交互控件的所述反方向移动的移动距离小于预设阈值；
77.或
78.所述图形用户界面的所述反方向移动的移动距离小于所述预设阈值。
79.第三方面，本技术实施例提供一种终端设备，包括：处理器、存储器；
80.所述存储器存储计算机执行指令；
81.所述处理器执行所述计算机执行指令，使得所述计算机设备执行如上述第一方面及各种可能的设计中所述的界面交互方法。
82.第四方面，本技术实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上述第一方面及各种可能的设计中所述的界面交互方法。
83.第五方面，本技术实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时用于实现如上述第一方面及各种可能的设计中所述的界面交互方法。
84.本技术实施例提供的界面交互方法、装置、设备和存储介质，该方法通过响应于用户的第一操作，启动控件移动模式，当终端设备在物理空间中移动时，根据终端设备在物理
空间的移动方向和移动距离，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，并根据移动距离的大小确定反方向移动的移动距离。该技术方案中，从终端设备在物理空间的移动方向和移动距离出发，使得显示界面可以处于用户的单手操作的区域内，使得用户在不调整握持方式和肢体动作的同时，可以操作到远离手指位置的界面上的功能按钮，增加便利性。
附图说明
85.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
86.图1a为本技术实施例提供的界面交互方法的应用场景示意图一；
87.图1b为本技术实施例提供的界面交互方法的应用场景示意图二
88.图2为本技术实施例提供的界面交互方法实施例一的流程示意图；
89.图3为本技术实施例提供的坐标系的构建示意图；
90.图4为本技术实施例提供的移动方向和移动距离的确定示意图；
91.图5为本技术实施例提供的界面交互方法实施例二的流程示意图；
92.图6为本技术实施例提供的图形用户界面的移动示意图一；
93.图7为本技术实施例提供的图形用户界面的移动示意图二；
94.图8为本技术实施例提供的界面交互装置的结构示意图；
95.图9为本技术实施例提供的终端设备的结构示意图。
96.通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
97.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
98.在介绍本技术的实施例之前，首先对本技术的背景技术进行解释说明：
99.随着终端设备广泛应用于人们的日常生活中，人们对于终端设备需求的多样性的不断增加，在用户利用终端设备进行操作时，例如，通过手指点击终端设备显示界面上的交互控件，实现对应用程序中软件界面的交互。
100.其中，应用程序可以是基于交互控件的游戏应用、聊天工具、网页等。本技术实施例以游戏的应用场景进行说明，仅作示例。
101.手机游戏的设备特性致使它比其他终端游戏更能有效利用碎片化时间，玩家玩手游的使用场景十分多元，甚至有些时候是“单手操作”。
102.但大多游戏通常采用横版布局，单手横握手机时很难触及屏幕另一侧的功能按钮(例如，玩家在地铁上左手握住扶手，右手持握手机玩游戏(阴阳师)，这时位于屏幕左侧的按钮就很难操作)。在这种情况，玩家通常会将手机改变握持方向(由横屏变为纵屏)，然后
侧着头点击对应位置的按钮，致使用户体验不佳。
103.此外，在一些实现中，手机也可以是屏幕较长的纵屏，游戏也为纵屏游戏，玩家只能点击到手握手机的位置(例如，手在手机的下侧握住，单手无很难点击到手机的上侧交互控件)。
104.在上述现有技术存在的问题基础上，图1a为本技术实施例提供的界面交互方法的应用场景示意图一，图1b为本技术实施例提供的界面交互方法的应用场景示意图二，均可以用以解决上述技术问题。
105.可选的，如图1a所示，该应用场景示意图包括：终端设备11、用户12。
106.其中，终端设备11和下述的终端设备13均可以是手机、平板等具有显示屏的设备。
107.在一种可能的实现中，用户12正在用手指(单手，图1a中以右手为例)操作终端设备11，例如，用户12正在用手指点击终端设备11上的图形用户界面中右侧的功能按钮(即下述的交互控件)，在下一刻，需要点击远离手指的图形用户界面中左侧的功能按钮，以实现对图形用户界面的操作时，仅右手不能轻松地实现该操作，此时，终端设备11通过相应的处理，将左侧的图形用户界面上的功能按钮移动至右侧，以便于用户12点击相应的按键，从而实现对整个图形用户界面的操作，应理解，此场景为横屏下的界面交互。
108.可选的，如图1b所示，该应用场景示意图包括：终端设备13、用户14。
109.在一种可能的实现中，用户14正在用手指(单手，图1b中以右手为例)操作终端设备13，例如，用户14正准备按图形用户界面中的提示“请对本次客户服务打分”进行打分时，在远离手指的有“非常满意”、“比较满意”和“不满意”三种标准，用户14无法轻松的用单手完成评分。此时，终端设备13通过相应的处理，将上侧的图形用户界面上的功能按钮移动至下侧，以便于用户14点击相应的按键，从而实现对整个图形用户界面的操作，应理解，此场景为竖屏下的界面交互。
110.本技术针对上述技术问题，发明人的技术构思过程如下：发明人在对终端设备进行横屏操作(例如，玩游戏、看电影等)时发现，很难通过一只手操作远离手指的图形用户界面上的功能按钮，如果能够将不能够触碰到的功能按钮移动至手指可触碰区域，那么便可以解决上述技术问题，进一步地，可以通过在终端设备中设置一种控件移动模式，当触发了该模式后，根据终端设备的物理空间状态变化，相应的移动功能按钮在终端设备的显示屏上的显示位置便可以解决现有技术存在的问题。
111.下面以图1a(其中，图1b的实现原理和图1a相似)所示的应用场景示意图，通过具体实施例对本技术的技术方案进行详细说明。需要说明的是，下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本技术的实施例进行描述。
112.图2为本技术实施例提供的界面交互方法实施例一的流程示意图。如图2所示，该方法包括如下步骤：
113.步骤21、响应于用户的第一操作，启动控件移动模式。
114.其中，第一操作用于请求开启交互控件在显示器的显示位置的移动。
115.在本方案中，通过执行应用软件并在终端设备的显示器上提供应用软件的图形用户界面(即应用界面)，该图形用户界面包括多个交互控件。
116.示例性的，当终端设备对应的用户以站立的姿势乘坐地铁时，在地铁的加减速过
程中，由于人体的惯性导致站立姿势不稳定，此时，用户一只手抓紧扶手，当用户需要打发无聊的时间，则可以用另一只手打开终端设备内安装的应用，并在终端设备的显示器上显示应用界面后，该应用界面呈现横屏的模式，用户开始操作应用界面的功能按钮(例如，至少一个交互控件)，以消遣娱乐。
117.进一步地，当用户需要操作远离手指的应用界面上的交互控件时，通过对终端设备执行第一操作，该第一操作包括以下至少一种：摇晃、双击、滑屏等，例如，用户对终端设备进行摇晃。
118.具体的，在本步骤中，用户可以通过摇晃终端设备(例如，手机)唤醒手机的控件移动模式，该画幅移动模式即表示用户需要操作手机的应用界面中单手不可触及的区域(也即远离手指的应用界面)。需要注意的是，为了避免误操作，本方案还可以响应于用户的第三操作，确定执行第一操作，即在检测到手机摇晃时，通过在图形用户界面显示一个提醒，提示用户该摇晃操作是否为第一操作，响应于用户对该摇晃操作的确认(授权，即第三操作)之后，手机响应于用户的第一操作。
119.其中，该控件移动模式的方法还可以是双击手机的应用界面、滑动应用界面等。
120.此外，该控件移动模式开启时，终端设备还需要进行下述处理，为画幅移动的实现提供基础，具体的，第一操作还用于指示建立以终端设备的中心为原点的坐标系。
121.示例性的，图3为本技术实施例提供的坐标系的构建示意图，结合图3，该坐标系的建立过程可以包括如下步骤：
122.第1步、获取终端设备的移动前在物理空间中的中心位置。
123.可选的，终端设备响应于用户唤醒开启控件移动模式之后，获取终端设备当前的物理空间中的中心位置，可以是终端设备的中轴线的交点。
124.如图3所示，该交点可以是手机的显示屏的中心点。
125.第2步、以中心位置为原点，穿过原点，以终端设备的显示屏的横向方向为横坐标轴，纵向方向为纵坐标轴，建立坐标系。
126.可选的，以中心位置为坐标轴的原点，并以终端设备的显示屏为二维平面，其中，以穿过原点，在显示屏横向方向为坐标轴的横坐标轴(也可以作为纵坐标轴，横向方向作为横坐标轴)，在显示屏纵向方向为坐标轴的纵坐标轴。
127.在一种可能的实现中，当手机横屏时，穿过手机中心点，平行于手机显示屏的线作为横坐标轴；穿过手机中心点，垂直于手机显示屏的线作为纵坐标轴；且横坐标轴的线与纵坐标轴的线均平行于显示屏。
128.可选的，如图3所示，将从左向右的方向记为横坐标轴的正向；将从下向上的方向记为纵坐标轴的正向。
129.应理解，关于坐标系的建立，以终端设备的中心为原点的坐标系，仅作示例，也可以是以终端设备中任意一个点为原点建立，也可以是终端设备所在物理空间上的任意一个点为原点建立，其横坐标轴和纵坐标轴相应改变。
130.可选的，在该步骤之后，终端设备的图形用户界面还可以向用户推送终端设备的移动方向提醒。
131.其中，移动方向提醒标示终端设备在物理空间中的移动方向，例如，用户触发控件移动模式后，在图形用户界面上显示箭头，用于提示终端设备左晃时，图形用户界面或交互
控件会右移、终端设备右晃时，图形用户界面或交互控件会左移等。
132.步骤22、当终端设备在物理空间中移动时，根据终端设备在物理空间的移动方向和移动距离，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，并根据移动距离的大小确定反方向移动的移动距离。
133.在本步骤中，承接上述用户对手机进行的摇晃操作，终端设备开启控件移动模式，此时，当检测到终端设备在物理空间中移动时，在终端设备的显示屏中，图形用户界面向反方向移动，从用户的角度出发，用户观看到的图形用户界面的物理位置是不改变的，且用户可以通过简单的单手操作实现对不可触及的区域进行操作。
134.可选的，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，可以有以下两种可能：
135.1、仅将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动。
136.在该种可能中，将交互控件，即各个功能按钮的显示位置移动至靠近手指的一侧。
137.2、将包含有交互控件的图形用户界面在终端设备的显示屏上的显示位置向移动方向的反方向移动。
138.在该种可能中，将包含有交互控件的图形用户界面的显示位置移动至靠近手指的一侧。
139.在上述两种可能中，交互控件的反方向移动的移动距离的大小值与终端设备在物理空间的移动距离的大小值相等(详见图4)；
140.或交互控件的反方向移动的移动距离的大小值与交互控件的反方向移动的移动距离的大小值成预设比例关系(为了避免在终端设备在物理空间的移动距离过大或者过小，此时可以设置一个预设比例关系，例如，当移动距离30cm，则预设比例关系6：1，则交互控件的反方向移动的移动距离的大小值为5cm；或者当移动距离2cm，则预设比例关系1：3，则交互控件的反方向移动的移动距离的大小值为6cm)。
141.其中，交互控件在终端设备的显示屏上的显示位置向移动方向可以是向上、向下、向左、向右中的至少一种。
142.应理解：交互控件的反方向移动的移动距离小于预设阈值，即交互控件的反方向移动的移动距离不能超过显示屏的边框，以致用户无法点击交互控件。
143.此外，图像用户界面的反方向移动的移动距离小于所述预设阈值，当移动图像用户界面时，图像用户界面反方向移动的移动距离不能超过显示屏的边框，以失去了操作当前界面的意义。
144.可选的，根据横坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据横坐标的变化值的大小所确定的移动距离；根据纵坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据纵坐标的变化值的大小所确定的移动距离。该步骤的详细过程由下述实施例给出(详见图5)。
145.其中，图4为本技术实施例提供的移动方向和移动距离的确定示意图，结合图4，对该过程的实现进行详细阐述：
146.首先，当终端设备在物理空间中移动时，移动方向和移动距离的确定方法可以包括以下步骤：
147.第1步、根据坐标系，获取终端设备移动前后的横坐标的变化值和纵坐标的变化
值；
148.其中，横坐标轴和纵坐标轴的计量单位可以是毫米mm(图4以mm为例)、厘米cm等，终端设备移动前的横坐标和纵坐标分别为0mm、0mm；终端设备移动后的横坐标和纵坐标分别为
‑
60mm(可选的，手机的应用界面可以是120mm*80mm)0、0mm(此处仅示例横坐标变化，未涉及纵坐标变化，应理解，其原理类似，此处不再赘述)。
149.应理解：上述数字以及数字对应的单位仅作示例。
150.进一步地，可以得出终端设备移动前后的横坐标的变化值为
‑
60mm(应理解，此处的
“‑”
表示终端设备的移动方向为横坐标轴的反方向)，纵坐标的变化值为0mm。
151.第2步、根据横坐标的变化值和纵坐标的变化值，确定终端设备在物理空间上的移动方向和移动距离。
152.可选的，上述已经确定得到横坐标的变化值为
‑
60mm，纵坐标是没有变化的，也即得出终端设备仅沿着横坐标轴向反方向移动了60mm。
153.在该步骤之后，终端设备还响应于用户的第二操作，该第二操作用于关闭控件移动模式。
154.其中，第二操作包括以下至少一种：摇晃、双击、滑屏。
155.可选的，用户在对不可触控区域进行操作之后，需要恢复原来的应用界面，此时可以通过摇晃终端设备、或双击应用界面、或滑动应用界面等方式触发关闭控件移动模式。
156.需要注意的是，为了避免误操作，本方案还可以响应于用户的第四操作，确定执行第二操作，即在检测到手机摇晃时，通过在图形用户界面显示一个提醒，提示用户该摇晃操作是否为第二操作，响应于用户对该摇晃操作的确认(授权，即第四操作)之后，手机响应于用户的第二操作。
157.应理解，在一次控件移动模式中，当用户的第一操作发生后，第二操作才会被响应，其中，第一操作和第二操作的具体实现的上述示例仅作举例。
158.在步骤22之后，即在用户的手指在可以点击得到交互控件的范围之内时，响应于用户对交互控件的第五操作，通过交互控件控制图形用户界面变化，该第五操作为用户点击交互控件。例如，用户点击了交互控件中的“射击”按键，在图形用户界面中，被控制的“英雄”向目标射击。
159.进一步地，此时该图形用户界面在显示屏中的显示方式，可以是在显示屏中全屏显示；也可以是在终端设备的显示屏上的显示位置向移动方向的反方向移动之后的显示位置上显示。
160.本技术实施例提供的界面交互方法，通过响应于用户的第一操作，启动控件移动模式，当终端设备在物理空间中移动时，根据终端设备在物理空间的移动方向和移动距离，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，并根据移动距离的大小确定反方向移动的移动距离。该技术方案中，从终端设备在物理空间的移动方向和移动距离出发，使得显示界面可以处于用户的单手操作的区域内，使得用户在不调整握持方式和肢体动作的同时，可以操作到远离手指位置的界面上的功能按钮，增加便利性，且在移动交互控件之后，不对应用软件的图形用户界面所执行的流程做出改变，保证了图形用户界面的正常显示。
161.在上述实施例的基础上，图5为本技术实施例提供的界面交互方法实施例二的流
程示意图。如图5所示，上述界面交互方法实施例一中的步骤22可以通过如下步骤实现：
162.步骤51、根据横坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据横坐标的变化值的大小所确定的移动距离。
163.在本方案中，图形用户界面相对终端设备的显示屏的移动是根据用户控制终端设备在物理空间的移动确定的，具体的，其移动方向与终端设备在物理空间的移动方向相反，其移动距离与终端设备在物理空间的移动距离相同。
164.可选的，图形用户界面相对终端设备的显示屏的移动距离的大小在本技术中与终端设备在物理空间的移动距离也可以不同，可以是呈现一定的比例关系，例如，终端设备在物理空间的移动距离为120mm，图形用户界面相对终端设备的显示屏的移动距离可以是120mm的一半，为60mm。
165.可选的，该图形用户界面相对终端设备的显示屏的移动距离也可以是一个预设值，例如，60mm(其中，图形用户界面的横轴方向的长度为120mm)，该移动距离使得终端设备的整个图形用户界面中的难以触及的区域位于可触及区域。
166.示例性的，图6为本技术实施例提供的图形用户界面的移动示意图一。结合图6，对该步骤进行详细说明。
167.可选的，终端设备已经实现了物理空间的移动，且如上述实施例中的示例所示，横坐标的变化值为60mm，方向为横坐标轴的反方向，此时，通过控制图形用户界面相对终端设备的显示屏向横坐标轴的反方向的正方向移动60mm。
168.该移动之前，如图4，图形用户界面的显示有整个游戏的界面，在移动之后，如图6，在图形用户界面的右侧展示游戏的左半侧画面，而该画面可以被用户的手指轻松触碰。
169.步骤52、根据纵坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据纵坐标的变化值的大小所确定的移动距离。
170.可选的，上述示例在纵坐标上并没有产生移动，也即图6所示的图形用户界面在横坐标轴上并没有变化。
171.作为一种示例，当终端设备在纵坐标轴上向上移动10mm，该图形用户界面相对终端设备的显示屏向下移动10mm，以使得游戏界面距离下侧的手指更近。
172.此外，图7为本技术实施例提供的图形用户界面的移动示意图二，如图7所示，在该步骤的操作中，图形用户界面不发生改变，仅交互控件(图7中的轮盘)向右移动，使得交互控件可以被用户的手指所能点击到，其交互控件的移动的横坐标值、纵坐标值，与上述示例中类似，此处不再赘述。
173.本技术实施例提供的界面交互方法，该方法通过根据横坐标的变化值，将应用界面相对终端设备的显示屏向移动方向的反方向移动横坐标的变化值的大小，并根据纵坐标的变化值，将应用界面相对终端设备的显示屏向移动方向的反方向移动纵坐标的变化值的大小。该技术方案从横坐标的变化值和纵坐标的变化值出发，为显示界面的移动方向和移动距离提供了基础，使得用户可以操作原本距离用户手指较远的区域。
174.在上述方法实施例的基础上，图8为本技术实施例提供的界面交互装置的结构示意图。通过执行游戏应用并在终端设备的显示器上渲染得到图形显示界面，包括：响应模块81和处理模块82；
175.响应模块81，用于响应于用户的第一操作，第一操作用于请求开启画幅移动模式；
176.处理模块82，用于当终端设备在物理空间中移动时，根据终端设备在物理空间的移动方向和移动距离，将显示界面相对终端设备的显示屏向移动方向的反方向移动移动距离。
177.在本技术实施例一种可能的设计中，交互控件的反方向移动的移动距离，包括如下至少一种：
178.交互控件的反方向移动的移动距离的大小值与终端设备在物理空间的移动距离的大小值相等；
179.交互控件的反方向移动的移动距离的大小值与终端设备在物理空间的移动距离的大小值成预设比例关系。
180.在本技术实施例另一种可能的设计中，第一操作还用于指示建立以终端设备的中心为原点的坐标系，处理模块82还用于：
181.获取终端设备移动前在物理空间中的中心位置；
182.以中心位置为原点，穿过原点，以终端设备的显示屏的横向方向为横坐标轴，纵向方向为纵坐标轴，建立坐标系。
183.在该种可能的设计中，处理模块82，还用于：
184.在终端设备在物理空间中移动时，根据坐标系，获取终端设备移动前后的横坐标的变化值和纵坐标的变化值；
185.根据横坐标的变化值和纵坐标的变化值，确定终端设备在物理空间上的移动方向和移动距离。
186.可选的，处理模块82，根据终端设备在物理空间的移动方向和移动距离，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，并根据移动距离的大小确定反方向移动的移动距离，具体用于：
187.根据横坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据横坐标的变化值的大小所确定的移动距离；
188.根据纵坐标的变化值，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动根据纵坐标的变化值的大小所确定的移动距离。
189.在本技术实施例再一种可能的设计中，响应模块81，还用于：响应于用户的第二操作，关闭控件移动模式。
190.可选的，第二操作包括以下至少一种：摇晃、双击、滑屏。
191.可选的，第一操作包括以下至少一种：摇晃、双击、滑屏。
192.在本技术实施例还一种可能的设计中，响应模块81还用于：
193.在响应于用户的第一操作之前，响应于用户的第三操作，确定执行第一操作；
194.在响应于用户的第二操作之前，响应于用户的第四操作，确定执行第二操作。
195.可选的，移动方向包括如下至少一种：向上、向下、向左、向右。
196.在本技术实施例又一种可能的设计中，响应模块81，在将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动之后，还用于：
197.响应于用户的第五操作，通过交互控件控制图形用户界面变化，第五操作为用户点击交互控件。
198.可选的，在响应于用户的第五操作之后，图形用户界面在显示屏中的显示方式包
括：
199.在显示屏中全屏显示图形用户界面；
200.或
201.在向移动方向的反方向移动之后的显示位置上显示图形用户界面。
202.在本技术实施例又一种可能的设计中，在响应于用户的第一操作，启动控件移动模式之后，装置还包括：推送模块83；
203.推送模块83，用于向用户推送终端设备的移动方向提醒，移动方向提醒标示终端设备在物理空间中的移动方向。
204.在本技术实施例又一种可能的设计中，处理模块82，将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动，具体用于：
205.将交互控件在终端设备的显示屏上的显示位置向移动方向的反方向移动；或
206.将图形用户界面在终端设备的显示屏上的显示位置向移动方向的反方向移动。
207.在该种可能的设计中，交互控件的反方向移动的移动距离小于预设阈值；或
208.图形用户界面的反方向移动的移动距离小于预设阈值。
209.本技术实施例提供的界面交互装置，可用于执行上述实施例中界面交互方法对应的技术方案，其实现原理和技术效果类似，在此不再赘述。
210.需要说明的是，应理解以上装置的各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。此外这些模块全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
211.图9为本技术实施例提供的终端设备的结构示意图。如图9所示，该终端设备可以包括：处理器90、存储器91及存储在该存储器91上并可在处理器90上运行的计算机程序指令。
212.其中，该终端设备可以是手机、电脑、平板等具有显示功能的设备。
213.处理器90执行存储器91存储的计算机执行指令，使得处理器90执行上述实施例中的方案。处理器90可以是通用处理器，包括中央处理器cpu、网络处理器(network processor，np)等；还可以是数字信号处理器dsp、专用集成电路asic、现场可编程门阵列fpga或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
214.可选的，该终端设备还可以包括：收发器92。
215.存储器91和收发器92通过系统总线与处理器90连接并完成相互间的通信，存储器91用于存储计算机程序指令。
216.收发器92用于和其他设备进行通信，该收发器92构成通信接口。
217.可选的，在硬件实现上，上述图8所示实施例中的推送模块83对应于本实施例中的收发器92。
218.在一种可能的实现中，该终端设备还可以包括：显示器，该显示器用于显示终端设备的显示界面，具体为实施例中的示例：图形用户界面。
219.系统总线可以是外设部件互连标准(peripheral component interconnect，pci)总线或扩展工业标准结构(extended industry standard architecture，eisa)总线等。系统总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
220.本技术实施例提供的终端设备，可用于执行上述实施例中界面交互方法对应的技术方案，其实现原理和技术效果类似，在此不再赘述。
221.本技术实施例还提供一种运行指令的芯片，该芯片用于执行上述实施例中界面交互方法的技术方案。
222.本技术实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在计算机设备上运行时，使得计算机设备执行上述实施例中界面交互方法的技术方案。
223.本技术实施例还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时用于执行上述实施例中界面交互方法的技术方案。
224.上述的计算机可读存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。可读存储介质可以是通用或专用计算机设备能够存取的任何可用介质。
225.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。