应用组件交互方法及相关设备与流程

本技术涉及终端，尤其涉及一种应用组件交互方法及相关设备。

背景技术：

1、随着智能电子设备的普及和互联网技术的发展，智能手机、笔记本电脑、平板电脑等电子设备已经成为人们日常生活中不可或缺的产品。为满足用户日益增长的使用需求，这些电子设备上安装的应用程序(application,app)的种类和数量也日益增多。通常，这些应用程序的入口均以桌面图标的形式显示在电子设备的桌面上。除了桌面图标，当前一些电子设备生产厂商还提供了桌面应用组件功能，这些桌面应用组件不仅可以作为应用程序的入口，而且它相比于传统的应用程序来说，具备更清晰的视觉，更自由的布局，更灵活的尺寸，更丰富的内容、支持个性化定制等特征，可以将应用程序的内容轻量、快速、高效呈现，支持用户快捷操作，实现服务一步直达。

2、然而，目前应用组件的应用场景较为受限，用户体验差。

技术实现思路

1、本技术实施例提供了一种应用组件交互方法及相关设备，可以实现应用组件跨设备的体验，简化用户操作，提高用户体验。

2、第一方面，本技术实施例提供了一种应用组件交互方法，应用于第一电子设备，该方法包括：所述第一电子设备显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备与第二电子设备建立第一连接；所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第一消息，所述第一消息中包括第一数据，所述第一数据是所述第二电子设备运行第二应用组件生成的；所述第一电子设备基于所述第一数据生成第一内容，并在所述第一应用组件上显示所述第一内容；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接。

3、通过实施第一方面提供的方法，在本端设备与远端设备建立通信连接的情况下，可以将远端设备上的应用组件的运行数据同步并到本端设备，本端设备可以基于该运行数据刷新显示本端设备的应用组件。

4、在一种可能的实现方式中，第一应用组件与第二应用组件是提供同一功能的应用组件。

5、这样，第一电子设备则可以基于第二应用组件在第二电子设备上的运行数据刷新显示第一应用组件。

6、在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之后，该方法还包括：所述第一电子设备在所述第一应用组件上显示第一标识，所述第一标识用于指示所述第一连接的状态；其中，所述第一标识在所述第一连接处于连接状态和断开状态下的显示方式不同。

7、这样，可以便于用户基于第一标识的不同显示方式来获知第一连接是处于连接状态还是断开状态。

8、在一种可能的实现方式中，在所述第一电子设备在所述第一应用组件上显示第一标识之后，该方法还包括：所述第一电子设备检测到用户针对所述第一标识的第一操作；响应于所述第一操作，所述第一电子设备显示第一窗口，所述第一窗口中包括第一选项；所述第一电子设备检测到用户针对所述第一选项的第二操作；响应于所述第二操作，所述第一电子设备删除所述第一连接。

9、这样，用户可以主动删除第一连接，删除之后，第一连接断开。

10、在一种可能的实现方式中，在所述第一连接处于所述断开状态下，所述第一窗口中还包括第二选项，在所述第一电子设备检测到用户针对所述第一选项的第二操作之前，该方法还包括：所述第一电子设备检测到用户针对所述第二选项的第三操作；响应于所述第三操作，所述第一电子设备与所述第二电子设备重新建立所述第一连接。

11、这样，在第一连接断开的情况下，用户可以主动重新建立第一连接。

12、在一种可能的实现方式中，所述第一标识上显示有所述第二电子设备的设备信息。

13、这样，可以便于用户获知第一连接是第一电子设备与哪个电子设备建立的。

14、在一种可能的实现方式中，在所述第一电子设备在所述第一应用组件上显示第一内容之后，该方法还包括：所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第二消息，所述第二消息中包括第二数据，所述第二数据是所述第二电子设备在生成所述第一数据之后运行所述第二应用组件生成的，所述第二数据与所述第一数据不同；所述第一电子设备基于所述第二数据生成第二内容，并在所述第一应用组件上显示所述第二内容。

15、这样，在第二应用组件的运行数据发生变化时，第二电子设备可以重新向第一电子设备同步第二应用组件的运行数据，第一电子设备可以基于该运行数据重新刷新显示第一应用组件。

16、在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之前，该方法还包括：所述第一电子设备检测到用户的第四操作；响应于所述第四操作，所述第一电子设备显示第二窗口，所述第二窗口中包括一个或多个选项，所述一个或多个选项包括所述第二电子设备的设备信息对应的选项；所述第一电子设备检测到用户针对所述第二电子设备的设备信息对应的选项的第五操作；响应于所述第五操作，所述第一电子设备向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立所述第一连接。

17、这样，用户可以主动选择与第一电子设备建立第一连接的电子设备。

18、在第一方面中，第一电子设备可以是电子设备100，第二电子设备可以是电子设备200，第一用户界面可以是桌面，第一连接可以是图6所示的应用组件业务连接1，第一应用组件可以是图6所示的应用组件1，第二应用组件可以是图6所示的应用组件2，第一消息可以是图6所示的消息1，第一数据可以是图6所示的运行数据1(即应用组件2在电子设备200上的运行数据)，第一内容可以是基于第一数据生成的(例如图4f所示应用组件上显示的课程任务对应的相关内容)，第一标识可以是标识451，第一操作可以是长按操作，第一窗口可以是图4j所示的窗口460，第一选项可以是选项462，第二操作可以是点击操作，第二选项可以是选项461，第三操作可以是点击操作，第二消息可以是第二应用组件运行数据变化的消息，第二数据可以是第二应用组件变化后的运行数据，第二内容可以是基于第二数据生成的(例如图4h所示应用组件上显示的课程任务对应的相关内容)，第四操作可以是用户触发显示期望同步的设备信息列表的操作，第二窗口可以是图4d所示的窗口440，第五操作可以是点击操作，第一请求可以是建立第一连接的请求。

19、第二方面，本技术实施例提供了一种应用组件交互方法，应用于第二电子设备，该方法包括：所述第二电子设备接收第一电子设备发送的第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立第一连接；所述第二电子设备与所述第一电子设备建立所述第一连接；所述第二电子设备基于所述第一连接向所述第一电子设备发送第一消息，所述第一消息中包括第一数据，所述第一数据用于所述第一电子设备在第一应用组件上显示第一内容，所述第一应用组件是所述第一电子设备的一个应用组件，所述第一数据是所述第二电子设备运行第二应用组件生成的；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接。

20、在一种可能的实现方式中，所述第一请求中包括所述第一电子设备的设备信息、所述第一应用组件的信息，在所述第二电子设备与第一电子设备建立所述第一连接之前，该方法还包括：所述第二电子设备基于所述第一电子设备的设备信息、所述第一应用组件的信息进行验证，在验证成功的情况下，所述第二电子设备与第一电子设备建立所述第一连接。

21、这样，在验证成功情况下建立第一连接，可以提高安全性。

22、在一种可能的实现方式中，在所述第二电子设备基于所述第一连接向所述第一电子设备发送第一消息之后，该方法还包括：所述第二电子设备基于所述第一连接向所述第一电子设备发送第二消息，所述第二消息中包括第二数据，所述第二数据是所述第二电子设备在生成所述第一数据之后运行所述第二应用组件生成的，所述第二数据与所述第一数据不同，所述第二数据用于所述第一电子设备在第一应用组件上显示第二内容。

23、在第二方面中，第一电子设备可以是电子设备100，第二电子设备可以是电子设备200，第一连接可以是图6所示的应用组件业务连接1，第一应用组件可以是图6所示的应用组件1，第二应用组件可以是图6所示的应用组件2，第一消息可以是图6所示的消息1，第一数据可以是图6所示的运行数据1(即应用组件2在电子设备200上的运行数据)，第一内容可以是基于第一数据生成的(例如图4f所示应用组件上显示的课程任务对应的相关内容)，第二消息可以是第二应用组件运行数据变化的消息，第二数据可以是第二应用组件变化后的运行数据，第二内容可以是基于第二数据生成的(例如图4h所示应用组件上显示的课程任务对应的相关内容)，第一请求可以是建立第一连接的请求。

24、第三方面，本技术实施例提供了一种应用组件交互方法，应用于第一电子设备，该方法包括：所述第一电子设备显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备与第二电子设备建立第一连接；所述第一电子设备检测到用户针对所述第一应用组件的第一操作；响应于所述第一操作，所述第一电子设备基于所述第一连接向所述第二电子设备发送第一消息，所述第一消息中包括第一控制命令，所述第一控制命令用于指示所述第二电子设备响应所述第一控制命令。

25、通过实施第三方面提供的方法，在本端设备与远端设备建立通信连接的情况下，本端设备可以将用户针对本端设备上的应用组件的控制命令同步到远端设备，以使得远端设备执行该控制命令对应的任务。这样，用户可以便捷地通过操作本端设备上的应用组件来控制远端设备执行相应任务，从而实现应用组件跨设备进行控制命令同步的目的，用户在本端设备的控制行为可以直达远端设备，使得远端设备呈现用户在本端设备的控制行为所达到的控制效果，简化用户操作，提高用户体验。

26、在一种可能的实现方式中，所述第一连接为所述第一应用组件与第二应用组件之间的连接，所述第二应用组件为所述第二电子设备的一个应用组件。

27、这样，后续可以基于该连接进行第一应用组件与第二应用组件之间的控制命令的传输。

28、在一种可能的实现方式中，所述第一电子设备基于所述第一连接向所述第二电子设备发送第一消息，具体包括：所述第一电子设备基于所述第一连接向所述第二应用组件发送所述第一消息；所述第一控制命令用于指示所述第二应用组件响应所述第一控制命令。

29、在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之后，该方法还包括：所述第一电子设备在所述第一应用组件上显示第一标识，所述第一标识用于指示所述第一连接的状态；其中，所述第一标识在所述第一连接处于连接状态和断开状态下的显示方式不同。

30、这样，可以便于用户基于第一标识的不同显示方式来获知第一连接是处于连接状态还是断开状态。

31、在一种可能的实现方式中，在所述第一电子设备在所述第一应用组件上显示第一标识之后，该方法还包括：所述第一电子设备检测到用户针对所述第一标识的第二操作；响应于所述第二操作，所述第一电子设备显示第一窗口，所述第一窗口中包括第一选项；所述第一电子设备检测到用户针对所述第一选项的第三操作；响应于所述第三操作，所述第一电子设备删除所述第一连接。

32、这样，用户可以主动删除第一连接，删除之后，第一连接断开。

33、在一种可能的实现方式中，在所述第一连接处于所述断开状态下，所述第一窗口中还包括第二选项，在所述第一电子设备检测到用户针对所述第一选项的第三操作之前，该方法还包括：所述第一电子设备检测到用户针对所述第二选项的第四操作；响应于所述第四操作，所述第一电子设备与所述第二电子设备重新建立所述第一连接。

34、这样，在第一连接断开的情况下，用户可以主动重新建立第一连接。

35、在一种可能的实现方式中，所述第一标识上显示有所述第二电子设备的设备信息。

36、这样，可以便于用户获知第一连接是第一电子设备与哪个电子设备建立的。

37、在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之前，该方法还包括：所述第一电子设备检测到用户的第五操作；响应于所述第五操作，所述第一电子设备显示第二窗口，所述第二窗口中包括一个或多个选项，所述一个或多个选项包括所述第二电子设备的设备信息对应的选项；所述第一电子设备检测到用户针对所述第二电子设备的设备信息对应的选项的第六操作；响应于所述第六操作，所述第一电子设备向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立所述第一连接。

38、这样，用户可以主动选择与第一电子设备建立第一连接的电子设备。

39、在一种可能的实现方式中，所述第一应用组件上显示有一个或多个拍摄选项，所述一个或多个拍摄选项包括拍照选项，所述第一操作为用户针对所述拍照选项的点击操作，所述第一控制命令用于指示所述第二电子设备启动相机应用程序进入拍照模式，在所述第一电子设备检测到用户针对所述第一应用组件的第一操作之后，该方法还包括：响应于所述第一操作，所述第一电子设备在所述第一应用组件上显示第三窗口，所述第三窗口中包括快门选项；所述第一电子设备检测到用户针对所述快门选项的第七操作；响应于所述第七操作，所述第一电子设备基于所述第一连接向所述第二电子设备发送第二消息，所述第二消息中包括第二控制命令，所述第二控制命令用于指示所述第二电子设备执行拍照操作；所述第一电子设备基于所述第一连接接收并显示所述第二电子设备发送的第一图像，所述第一图像是所述第二电子设备执行所述拍照操作之后生成的。

40、这样，在第一应用组件为具备拍照功能的应用组件的情况下，可以控制第二电子设备来启动相机应用程序进入拍照模式，并执行拍照操作。

41、在第三方面中，第一电子设备可以是电子设备100，第二电子设备可以是电子设备200，第一用户界面可以是桌面，第一连接可以是图9所示的应用组件业务连接1’，第一应用组件可以是图9所示的应用组件1’，第二应用组件可以是与应用组件1’提供同一功能的应用组件，第一操作可以是图9所示的操作1，第一消息可以是图9所示的消息1’，第一控制命令可以是图9所示的控制命令1，第一标识可以是标识541，第二操作可以是长按操作，第一窗口可以是图5j所示的窗口580，第一选项可以是选项582，第三操作可以是点击操作，第二选项可以是选项581，第四操作可以是点击操作，第五操作可以是用户触发显示期望同步的设备信息列表的操作，第二窗口可以是图5c所示的窗口530，第六操作可以是点击操作，第一请求可以是建立第一连接的请求，第三窗口可以是图5g所示的窗口570，第七操作可以是点击操作，第二消息可以是控制第二电子设备执行拍照操作的消息，第二控制命令可以是指示第二电子设备执行拍照操作的命令，第一图像可以是第二电子设备执行拍照操作之后生成的图像(例如图5h所示的图像)。

42、第四方面，本技术实施例提供了一种应用组件交互方法，应用于第二电子设备，该方法包括：所述第二电子设备接收第一电子设备发送的第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立第一连接；所述第二电子设备与所述第一电子设备建立所述第一连接；所述第二电子设备基于所述第一连接接收所述第一电子设备发送的第一控制命令，所述第一控制命令是所述第一电子设备在检测到用户针对第一应用组件的第一操作之后生成的，所述第一应用组件是所述第一电子设备的一个应用组件；所述第二电子设备响应所述第一控制命令。

43、在一种可能的实现方式中，所述第一连接为所述第一应用组件与第二应用组件之间的连接，所述第二应用组件为所述第二电子设备的一个应用组件。

44、这样，后续可以基于该连接进行第一应用组件与第二应用组件之间的控制命令的传输。

45、在一种可能的实现方式中，所述第二电子设备基于所述第一连接接收所述第一电子设备发送的第一控制命令，具体包括：所述第二应用组件基于所述第一连接接收所述第一电子设备发送的第一控制命令；所述第二电子设备响应所述第一控制命令，具体包括：所述第二应用组件响应所述第一控制命令。

46、在一种可能的实现方式中，所述第一请求中包括所述第一电子设备的设备信息、所述第一应用组件的信息，在所述第二电子设备与第一电子设备建立所述第一连接之前，该方法还包括：所述第二电子设备基于所述第一电子设备的设备信息、所述第一应用组件的信息进行验证，在验证成功的情况下，所述第二电子设备与第一电子设备建立所述第一连接。

47、这样，在验证成功情况下建立第一连接，可以提高安全性。

48、在一种可能的实现方式中，所述第一应用组件上显示有一个或多个拍摄选项，所述一个或多个拍摄选项包括拍照选项，所述第一操作为用户针对所述拍照选项的点击操作，所述第一控制命令用于指示所述第二电子设备启动相机应用程序进入拍照模式，所述第二电子设备响应所述第一控制命令，具体包括：所述第二电子设备通过所述第二应用组件启动所述相机应用程序，并显示第一用户界面，所述第一用户界面为所述相机应用程序的一个用户界面，所述第一用户界面中包括第一预览框，所述第一预览框中包括第一图像；或，所述第二电子设备在第二应用组件上显示第一窗口，所述第一窗口中包括第二预览框，所述第二预览框中包括第一图像；在所述第二电子设备响应所述第一控制命令之后，该方法还包括：所述第二电子设备基于所述第一连接接收所述第一电子设备发送的第二控制命令，所述第二控制命令用于指示所述第二电子设备执行拍照操作；响应于所述第二控制命令，所述第二电子设备执行所述拍照操作，并向所述第一电子设备发送所述第一图像。

49、这样，在第一应用组件为具备拍照功能的应用组件的情况下，可以控制第二电子设备来启动相机应用程序进入拍照模式，并执行拍照操作。

50、在第四方面中，第一电子设备可以是电子设备100，第二电子设备可以是电子设备200，第一请求可以是建立第一连接的请求，第一连接可以是图9所示的应用组件业务连接1’，第一控制命令可以是图9所示的控制命令1，第一应用组件可以是图9所示的应用组件1’，第二应用组件可以是与应用组件1’提供同一功能的应用组件，第一操作可以是图9所示的操作1，第一用户界面可以是图5e所示的用户界面，第一预览框可以是图5e所示的预览框551，第一图像可以是第一预览框中的图像，第一窗口可以是图5f所示的窗口562，第二预览框可以是预览框563，第一图像可以是第二预览框中的图像，第二控制命令可以是指示第二电子设备执行拍照操作的命令。

51、第五方面，本技术实施例提供了一种通信系统，该通信系统包括：第一电子设备和第二电子设备；所述第一电子设备用于显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备还用于向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立第一连接；所述第二电子设备用于接收所述第一请求，并与所述第一电子设备建立所述第一连接；所述第二电子设备还用于基于所述第一连接向所述第一电子设备发送第一消息，所述第一消息中包括第一数据，所述第一数据是所述第二电子设备运行第二应用组件生成的；所述第一电子设备还用于基于所述第一数据生成第一内容，并在所述第一应用组件上显示所述第一内容；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接。

52、第六方面，本技术实施例提供了一种通信系统，该通信系统包括：第一电子设备和第二电子设备；所述第一电子设备用于显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备还用于向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立第一连接；所述第二电子设备用于接收所述第一请求，并与所述第一电子设备建立所述第一连接；所述第一电子设备还用于检测用户针对所述第一应用组件的第一操作；所述第一电子设备还用于基于所述第一连接向所述第二电子设备发送第一消息，所述第一消息中包括第一控制命令；所述第二电子设备还用于响应所述第一控制命令。

53、第七方面，本技术实施例提供了一种电子设备，该电子设备包括一个或多个处理器和一个或多个存储器；其中，一个或多个存储器与一个或多个处理器耦合，一个或多个存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，使得电子设备执行上述第一方面或第二方面或第三方面或第四方面任一项可能的实现方式中的方法。

54、第八方面，本技术实施例提供了一种计算机存储介质，该计算机存储介质存储有计算机程序，计算机程序包括程序指令，当程序指令在电子设备上运行时，使得电子设备执行上述第一方面或第二方面或第三方面或第四方面任一项可能的实现方式中的方法。

55、第九方面，本技术实施例提供了一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行上述第一方面或第二方面或第三方面或第四方面任一项可能的实现方式中的方法。