用于移动组件的方法及装置、电子设备、存储介质与流程

1.本技术涉及界面交互技术领域，例如涉及一种用于移动组件的方法及装置、电子设备、存储介质。


背景技术：

2.目前，随着信息化技术的不断发展，企业用户对信息化系统，尤其是与自身业务更贴近的个性化软件系统的需求也不仅仅局限于功能功能的实现，更多的是希望在功能实现的同时能够与机器进行良好的交互体验，拥有良好的使用感受。不同用户有不同的使用习惯，用户需要灵活的设置不同的系统界面，在信息化系统进行界面布局时，需要移动界面中的组件。
3.在实现本公开实施例的过程中，发现相关技术中至少存在如下问题：现有技术只能通过触控或通过鼠标等传统方式移动界面中的组件来进行界面布局，导致用户的交互体验不好。


技术实现要素：

4.为了对披露的实施例的一些方面有基本的理解，下面给出了简单的概括。所述概括不是泛泛评述，也不是要确定关键/重要组成元素或描绘这些实施例的保护范围，而是作为后面的详细说明的序言。
5.本公开实施例提供了一种用于移动组件的方法及装置、电子设备、存储介质，提高了用户在进行移动组件时的交互体验。
6.在一些实施例中，所述方法包括：确定界面中的待移动组件；通过摄像装置获取用户的第一手势；在所述第一手势为预设的移动手势的情况下，获取所述第一手势的第一位置信息；所述第一手势的第一位置信息为所述第一手势在所述界面中的绝对位置；根据所述第一位置信息移动所述待移动组件。
7.在一些实施例中，所述装置包括：确定模块，被配置为确定界面中的待移动组件；第一获取模块，被配置为通过摄像装置获取用户的第一手势；第二获取模块，被配置为在所述第一手势为预设的移动手势的情况下，获取所述第一手势的第一位置信息；所述第一手势的第一位置信息为所述第一手势在所述界面中的绝对位置；移动模块，被配置为根据所述第一位置信息移动所述待移动组件。
8.在一些实施例中，所述电子设备包括：处理器和存储有程序指令的存储器，所述处理器被配置为在运行所述程序指令时，执行上述的用于移动组件的方法。
9.在一些实施例中，所述存储介质，存储有程序指令，该程序指令在运行时，执行上述的用于移动组件的方法。
10.本公开实施例提供的用于移动组件的方法及装置、电子设备、存储介质，可以实现以下技术效果：通过摄像装置获取用户的第一手势，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息，该第一位置信息为第一手势在界面中的绝对位置，通过
根据第一位置信息能够实现对待移动组件进行移动。相较于现有技术中通过触控或通过鼠标等传统方式来移动界面中的组件，本技术通过用户的手势控制界面中的组件进行移动，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
11.以上的总体描述和下文中的描述仅是示例性和解释性的，不用于限制本技术。
附图说明
12.一个或多个实施例通过与之对应的附图进行示例性说明，这些示例性说明和附图并不构成对实施例的限定，附图中具有相同参考数字标号的元件示为类似的元件，附图不构成比例限制，并且其中：
13.图1是本公开实施例提供的一个用于移动组件的方法的示意图；
14.图2是本公开实施例提供的另一个用于移动组件的方法的示意图；
15.图3是本公开实施例提供的一个用于移动组件的装置的示意图；
16.图4是本公开实施例提供的一个电子设备的示意图。
具体实施方式
17.为了能够更加详尽地了解本公开实施例的特点与技术内容，下面结合附图对本公开实施例的实现进行详细阐述，所附附图仅供参考说明之用，并非用来限定本公开实施例。在以下的技术描述中，为方便解释起见，通过多个细节以提供对所披露实施例的充分理解。然而，在没有这些细节的情况下，一个或多个实施例仍然可以实施。在其它情况下，为简化附图，熟知的结构和装置可以简化展示。
18.本公开实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开实施例的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含。
19.除非另有说明，术语“多个”表示两个或两个以上。
20.本公开实施例中，字符“/”表示前后对象是一种“或”的关系。例如，a/b表示：a或b。
21.术语“和/或”是一种描述对象的关联关系，表示可以存在三种关系。例如，a和/或b，表示：a或b，或，a和b这三种关系。
22.术语“对应”可以指的是一种关联关系或绑定关系，a与b相对应指的是a与b之间是一种关联关系或绑定关系。
23.结合图1所示，本公开实施例提供一种用于移动组件的方法，包括：
24.步骤s101，确定界面中的待移动组件。
25.步骤s102，通过摄像装置获取用户的第一手势。
26.步骤s103，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息；第一手势的第一位置信息为第一手势在界面中的绝对位置。
27.步骤s104，根据第一位置信息移动待移动组件。
28.采用本公开实施例提供的用于移动组件的方法，能够通过摄像装置获取用户的第一手势，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息，该第一位置信息为第一手势在界面中的绝对位置，通过根据第一位置信息能够实现对待移动组件进
行移动。相较于现有技术中通过触控或通过鼠标等传统方式来移动界面中的组件，本技术通过用户的手势控制界面中的组件进行移动，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
29.可选地，第一手势为隔空手势。
30.可选地，摄像装置为3d体感摄像机。可选地，3d体感摄像机包括红外摄像头。可选地，3d体感摄像机通过发射红外线对预设空间的物体进行立体定位。摄像装置通过红外线来识别人体的运动，并根据采集到的运动数据来建立对应的人体骨架，从而能够对人体的各个部位进行追踪，获得第一手势。
31.可选地，在获取第一手势的第一位置信息之前，包括：在界面中建立笛卡尔坐标系；以界面任一角的顶点为原点，将相交于原点的两条边界线分别作为x轴和y轴。可选地，第一手势在界面中的绝对位置为第一手势在界面上的垂点的坐标。
32.可选地，确定待移动组件，包括：获取用户的第二手势；在第二手势为预设的选择手势的情况下，获取第二手势的第二位置信息；第二手势的第二位置信息为第二手势在界面中的绝对位置；根据第二位置信息确定待移动组件。这样，通过在获取的第二手势为预设的选择手势的情况下，获取第二手势的第二位置信息，并根据第二位置信息确定待移动组件，实现了根据第二手势确定待移动组件，实现了对组件的选择，提高了用户在进行选择组件时的交互体验，增加了用户的使用满意度。同时，在通过第二手势确定待移动组件后便于通过第一手势移动该待移动组件，从而能够实现对界面的布局。
33.可选地，第二手势为隔空手势。可选地，第二手势在界面中的绝对位置为第二手势在界面上的垂点的坐标。
34.可选地，界面包括组件容器；根据第二位置信息确定待移动组件，包括：确定第二位置信息是否位于组件容器中；在第二位置信息位于组件容器中的情况下，确定第二位置信息是否对应有待选择组件；在第二位置信息对应有待选择组件的情况下，将第二位置信息对应的待选择组件确定为待移动组件。这样，通过确定第二位置信息是否位于组件容器中，实现了对第二位置信息的初步判断，然后在第二位置信息位于组件容器中的情况下，确定第二位置信息是否对应有待选择组件，实现了对第二位置信息的第二次判断，从而能够将第二位置信息对应的待选择组件确定为待移动组件，便于在确定待移动组件后通过第一手势移动该待移动组件，从而能够实现对界面的布局。
35.在一些实施例中，组件容器中存放有多个待选择组件，通过以下方式确定第二位置信息是否对应有待选择组件：根据第二位置信息获取第二手势在界面上的垂点的坐标；获取组件容器在界面上的坐标范围；在第二手势在界面上的垂点的坐标处于组件容器在界面上的坐标范围内的情况下，确定第二位置信息对应有待选择组件；在第二手势在界面上的垂点的坐标不处于组件容器在界面上的坐标范围内的情况下，确定第二位置信息没有对应待选择组件。
36.可选地，根据第一位置信息移动待移动组件，包括：待移动组件跟随第一位置信息的移动而移动。
37.可选地，根据第一位置信息移动待移动组件后，还包括：每隔预设时间段获取第一手势与摄像装置的距离；在第一手势与摄像装置的距离大于设定阈值的情况下，获取第一手势的第三位置信息；将第三位置信息对应的位置确定为目标位置；在待移动组件移动到
目标位置的情况下，停止移动该待移动组件；第一手势的第三位置信息为第一手势在界面中的绝对位置。这样，在第一手势与摄像装置的距离大于设定阈值的情况下，通过获取第一手势的第三位置信息，然后将第三位置信息对应的位置确定为目标位置，并在待移动组件移动到目标位置的情况下，停止移动待移动组件，从而实现了通过第一手势完成对待移动组件的移动，相较于现有技术中通过检测用户手指离开界面或检测鼠标被松开等传统方式来完成移动组件的方法，本方案通过手势完成移动组件，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
38.可选地，通过红外摄像头、红外测距装置或雷达测距装置获取第一手势与摄像装置的距离。
39.在一些实施例中，每隔1秒获取第一手势与摄像装置的距离；在第一手势与摄像装置的距离大于设定阈值的情况下，则确定用户的第一手势远离摄像装置，获取第一手势的第三位置信息；将第三位置信息对应的位置确定为目标位置；在待移动组件移动到目标位置的情况下，停止移动待移动组件。
40.在一些实施例中，界面包括界面容器，目标位置处于界面容器内。通过第二手势的第二位置信息确定待移动组件，然后通过第一手势的第一位置信息将待移动组件移动到界面容器中的目标位置，完成对待移动组件的移动，从而便于在界面容器中实现对界面的布局。
41.结合图2所示，本公开实施例提供另一种用于移动组件的方法，包括：
42.步骤s201，确定界面中的待移动组件。
43.步骤s202，通过摄像装置获取用户的第一手势。
44.步骤s203，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息；第一手势的第一位置信息为第一手势在界面中的绝对位置。
45.步骤s204，根据第一位置信息移动待移动组件。
46.步骤s205，每隔预设时间段获取第一手势与摄像装置的距离。
47.步骤s206，在第一手势与摄像装置的距离大于设定阈值的情况下，获取第一手势的第三位置信息。
48.步骤s207，将第三位置信息对应的位置确定为目标位置。
49.步骤s208，在待移动组件移动到目标位置的情况下，停止移动待移动组件。
50.采用本公开实施例提供的用于移动组件的方法，通过确定待移动组件，然后通过摄像装置获取用户的第一手势，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息，该第一位置信息为第一手势在界面中的绝对位置，并根据所述第一位置信息移动待移动组件，并每隔预设时间段获取第一手势与摄像装置的距离，在该距离大于设定阈值的情况下，获取第一手势的第三位置信息，将第三位置信息对应的位置确定为目标位置，并在待移动组件移动到目标位置的情况下，停止移动待移动组件，实现了通过手势控制界面中的待移动组件完成移动，提高了用户在完成移动组件过程中的交互体验，增加了用户的使用满意度。同时，使得用户能够通过手势控制界面中的待移动组件，并将待移动组件移动到界面中的任意位置，并能通过同样的方法移动界面中的多个组件，从而实现了对界面的灵活布局。
51.结合图3所示，本公开实施例提供一种用于移动组件的装置，包括：确定模块1、第
一获取模块2、第二获取模块3和移动模块4。确定模块1被配置为确定界面中的待移动组件；第一获取模块2被配置为通过摄像装置获取用户的第一手势；第二获取模块3被配置为在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息；第一手势的第一位置信息为第一手势在界面中的绝对位置；移动模块4被配置为根据第一位置信息移动待移动组件。
52.采用本公开实施例提供的用于移动组件的装置，能通过摄像装置获取用户的第一手势，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息，该第一位置信息为第一手势在界面中的绝对位置，通过根据第一位置信息能够实现对待移动组件进行移动。相较于现有技术中通过触控或通过鼠标等传统方式来移动界面中的组件，本技术通过用户的手势控制界面中的组件进行移动，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
53.可选地，确定模块被配置为通过以下方式确定待移动组件：获取用户的第二手势；在第二手势为预设的选择手势的情况下，获取第二手势的第二位置信息；第二手势的第二位置信息为第二手势在界面中的绝对位置；根据第二位置信息确定待移动组件。这样，通过在获取的第二手势为预设的选择手势的情况下，获取第二手势的第二位置信息，并根据第二位置信息确定待移动组件，实现了根据第二手势确定待移动组件，实现了对待移动组件的选择，提高了用户在进行选择组件时的交互体验，增加了用户的使用满意度。同时，在通过第二手势确定待移动组件后便于通过第一手势移动该待移动组件，从而能够实现对界面的布局。
54.可选地，确定模块被配置为通过以下方式根据第二位置信息确定待移动组件：确定第二位置信息是否位于组件容器中；在第二位置信息位于组件容器中的情况下，确定第二位置信息是否对应有待选择组件；在第二位置信息对应有待选择组件的情况下，将第二位置信息对应的待选择组件确定为待移动组件。这样，通过确定第二位置信息是否位于组件容器中，实现了对第二位置信息的初步判断，然后在第二位置信息位于组件容器中的情况下，确定第二位置信息是否对应有待选择组件，实现了对第二位置信息的第二次判断，从而能够将第二位置信息对应的待选择组件确定为待移动组件，便于在确定待移动组件后通过第一手势移动该待移动组件，从而能够实现对界面的布局。
55.可选地，该用于移动组件的装置还包括停止移动模块。停止移动模块被配置为每隔预设时间段获取第一手势与摄像装置的距离；在第一手势与摄像装置的距离大于设定阈值的情况下，获取第一手势的第三位置信息；将第三位置信息对应的位置确定为移动的目标位置；在待移动组件到达目标位置的情况下，停止移动。这样，在第一手势与摄像装置的距离大于设定阈值的情况下，通过获取第一手势的第三位置信息，然后将第三位置信息对应的位置确定为目标位置，并在待移动组件移动到目标位置的情况下，停止移动待移动组件，从而实现了通过第一手势完成对待移动组件的移动，相较于现有技术中通过检测用户手指离开界面或检测鼠标被松开等传统方式来完成移动组件的方法，本方案通过手势完成移动组件，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
56.结合图4所示，本公开实施例提供一种电子设备，包括处理器(processor)100和存储器(memory)101。可选地，该电子设备还可以包括通信接口(communication interface)102和总线103。其中，处理器100、通信接口102、存储器101可以通过总线103完成相互间的
通信。通信接口102可以用于信息传输。处理器100可以调用存储器101中的逻辑指令，以执行上述实施例的用于移动组件的方法。
57.该电子设备通过摄像装置获取用户的第一手势，在第一手势为预设的移动手势的情况下，获取第一手势的第一位置信息，该第一位置信息为第一手势在界面中的绝对位置，通过根据第一位置信息能够实现对待移动组件进行移动。相较于现有技术中通过触控或通过鼠标等传统方式来移动界面中的组件，本技术通过用户的手势控制界面中的组件进行移动，提高了用户在进行移动组件时的交互体验，增加了用户的使用满意度。
58.此外，上述的存储器101中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。
59.存储器101作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序，如本公开实施例中的方法对应的程序指令/模块。处理器100通过运行存储在存储器101中的程序指令/模块，从而执行功能应用以及数据处理，即实现上述实施例中用于移动组件的方法。
60.存储器101可包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端设备的使用所创建的数据等。此外，存储器101可以包括高速随机存取存储器，还可以包括非易失性存储器。
61.可选地，电子设备包括服务器，包含上述的用于移动组件的装置。
62.可选地，服务器通过摄像装置获取第一手势、第二手势、第一手势的第一位置信息、第一手势的第三位置信息和第二手势的第二位置信息。可选地，服务器通过红外摄像头、红外测距装置或雷达测距装置获取第一手势与摄像装置的距离。
63.本公开实施例提供了一种存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为执行上述用于移动组件的方法。
64.本公开实施例提供了一种计算机程序产品，所述计算机程序产品包括存储在计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行上述用于移动组件的方法。
65.上述的计算机可读存储介质可以是暂态计算机可读存储介质，也可以是非暂态计算机可读存储介质。
66.本公开实施例的技术方案可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括一个或多个指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开实施例所述方法的全部或部分步骤。而前述的存储介质可以是非暂态存储介质，包括：u盘、移动硬盘、只读存储器(rom，read
‑
only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等多种可以存储程序代码的介质，也可以是暂态存储介质。
67.以上描述和附图充分地示出了本公开的实施例，以使本领域的技术人员能够实践它们。其他实施例可以包括结构的、逻辑的、电气的、过程的以及其他的改变。实施例仅代表可能的变化。除非明确要求，否则单独的部件和功能是可选的，并且操作的顺序可以变化。一些实施例的部分和特征可以被包括在或替换其他实施例的部分和特征。而且，本技术中使用的用词仅用于描述实施例并且不用于限制权利要求。如在实施例以及权利要求的描述中使用的，除非上下文清楚地表明，否则单数形式的“一个”(a)、“一个”(an)和“所述”(the)
旨在同样包括复数形式。类似地，如在本技术中所使用的术语“和/或”是指包含一个或一个以上相关联的列出的任何以及所有可能的组合。另外，当用于本技术中时，术语“包括”(comprise)及其变型“包括”(comprises)和/或包括(comprising)等指陈述的特征、整体、步骤、操作、元素，和/或组件的存在，但不排除一个或一个以上其它特征、整体、步骤、操作、元素、组件和/或这些的分组的存在或添加。在没有更多限制的情况下，由语句“包括一个
…”
限定的要素，并不排除在包括所述要素的过程、方法或者设备中还存在另外的相同要素。本文中，每个实施例重点说明的可以是与其他实施例的不同之处，各个实施例之间相同相似部分可以互相参见。对于实施例公开的方法、产品等而言，如果其与实施例公开的方法部分相对应，那么相关之处可以参见方法部分的描述。
68.本领域技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，可以取决于技术方案的特定应用和设计约束条件。所述技术人员可以对每个特定的应用来使用不同方法以实现所描述的功能，但是这种实现不应认为超出本公开实施例的范围。所述技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
69.本文所披露的实施例中，所揭露的方法、产品(包括但不限于装置、设备等)，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，可以仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例。另外，在本公开实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
70.附图中的流程图和框图显示了根据本公开实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这可以依所涉及的功能而定。在附图中的流程图和框图所对应的描述中，不同的方框所对应的操作或步骤也可以以不同于描述中所披露的顺序发生，有时不同的操作或步骤之间不存在特定的顺序。例如，两个连续的操作或步骤实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这可以依所涉及的功能而定。框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。