应用组件交互方法及相关设备技术

本申请公开了一种应用组件交互方法及相关设备，在本端设备与远端设备建立通信连接的情况下，可以通过分布式技术将远端设备上的应用组件的运行数据同步并到本端设备，本端设备可以基于该运行数据刷新显示本端设备的应用组件，还可以将用户针对本端设备上的应用组件的控制命令同步到远端设备，以使得远端设备执行该控制命令对应的任务，这样，可以实现应用组件跨设备的体验，简化用户操作，提高用户体验

【技术实现步骤摘要】
应用组件交互方法及相关设备
[0001]本申请要求于
2022
年
06
月
09
日提交中国专利局
、
申请号为
202210653945.8、
申请名称为“实现跨设备共用数据类应用组件交互的方法
、
装置和系统”的中国专利申请的优先权，其全部内容通过引用结合在本申请中
。


[0002]本申请涉及终端
，尤其涉及一种应用组件交互方法及相关设备
。

技术介绍

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

技术实现思路

[0005]本申请实施例提供了一种应用组件交互方法及相关设备，可以实现应用组件跨设备的体验，简化用户操作，提高用户体验
。
[0006]第一方面，本申请实施例提供了一种应用组件交互方法，应用于第一电子设备，该方法包括：所述第一电子设备显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备与第二电子设备建立第一连接；所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第一消息，所述第一消息中包括第一数据，所述第一数据是所述第二电子设备运行第二应用组件生成的；所述第一电子设备基于所述第一数据生成第一内容，并在所述第一应用组件上显示所述第一内容；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接
。
[0007]通过实施第一方面提供的方法，在本端设备与远端设备建立通信连接的情况下，可以将远端设备上的应用组件的运行数据同步并到本端设备，本端设备可以基于该运行数据刷新显示本端设备的应用组件
。
[0008]在一种可能的实现方式中，第一应用组件与第二应用组件是提供同一功能的应用组件
。
[0009]这样，第一电子设备则可以基于第二应用组件在第二电子设备上的运行数据刷新显示第一应用组件
。
[0010]在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之后，该方法还包括：所述第一电子设备在所述第一应用组件上显示第一标识，所述第一标识用于指示所述第一连接的状态；其中，所述第一标识在所述第一连接处于连接状态和断开状态下的显示方式不同
。
[0011]这样，可以便于用户基于第一标识的不同显示方式来获知第一连接是处于连接状态还是断开状态
。
[0012]在一种可能的实现方式中，在所述第一电子设备在所述第一应用组件上显示第一标识之后，该方法还包括：所述第一电子设备检测到用户针对所述第一标识的第一操作；响应于所述第一操作，所述第一电子设备显示第一窗口，所述第一窗口中包括第一选项；所述第一电子设备检测到用户针对所述第一选项的第二操作；响应于所述第二操作，所述第一电子设备删除所述第一连接
。
[0013]这样，用户可以主动删除第一连接，删除之后，第一连接断开
。
[0014]在一种可能的实现方式中，在所述第一连接处于所述断开状态下，所述第一窗口中还包括第二选项，在所述第一电子设备检测到用户针对所述第一选项的第二操作之前，该方法还包括：所述第一电子设备检测到用户针对所述第二选项的第三操作；响应于所述第三操作，所述第一电子设备与所述第二电子设备重新建立所述第一连接
。
[0015]这样，在第一连接断开的情况下，用户可以主动重新建立第一连接
。
[0016]在一种可能的实现方式中，所述第一标识上显示有所述第二电子设备的设备信息
。
[0017]这样，可以便于用户获知第一连接是第一电子设备与哪个电子设备建立的
。
[0018]在一种可能的实现方式中，在所述第一电子设备在所述第一应用组件上显示第一内容之后，该方法还包括：所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第二消息，所述第二消息中包括第二数据，所述第二数据是所述第二电子设备在生成所述第一数据之后运行所述第二应用组件生成的，所述第二数据与所述第一数据不同；所述第一电子设备基于所述第二数据生成第二内容，并在所述第一应用组件上显示所述第二内容
。
[0019]这样，在第二应用组件的运行数据发生变化时，第二电子设备可以重新向第一电子设备同步第二应用组件的运行数据，第一电子设备可以基于该运行数据重新刷新显示第一应用组件
。
[0020]在一种可能的实现方式中，在所述第一电子设备与第二电子设备建立第一连接之前，该方法还包括：所述第一电子设备检测到用户的第四操作；响应于所述第四操作，所述第一电子设备显示第二窗口，所述第二窗口中包括一个或多个选项，所述一个或多个选项包括所述第二电子设备的设备信息对应的选项；所述第一电子设备检测到用户针对所述第二电子设备的设备信息对应的选项的第五操作；响应于所述第五操作，所述第一电子设备向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立所述第一连接
。
[0021]这样，用户可以主动选择与第一电子设备建立第一连接的电子设备
。
[0022]在第一方面中，第一电子设备可以是电子设备
100
，第二电子设备可以是电子设备
200
，第一用户界面可以是桌面，第一连接可以是图6所示的应用组件业务连接1，第一应用
组件可以是图6所示的应用组件1，第二应用组件可以是图6所示的应用组件2，第一消息可以是图6所示的消息1，第一数据可以是图6所示的运行数据
1(
即应用组件2在电子设备
200
上的运行数据
)
，第一内容可以是基于第一数据生成的
(
例如图
4F
所示应用组件上显示的课程任务对应的相关内容
)
，第一标识可以是标识
451
，第一操作可以是长按操作，第一窗口可以是图...

【技术保护点】

【技术特征摘要】
1.
一种应用组件交互方法，应用于第一电子设备，其特征在于，所述方法包括：所述第一电子设备显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备与第二电子设备建立第一连接；所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第一消息，所述第一消息中包括第一数据，所述第一数据是所述第二电子设备运行第二应用组件生成的；所述第一电子设备基于所述第一数据生成第一内容，并在所述第一应用组件上显示所述第一内容；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接
。2.
根据权利要求1所述的方法，其特征在于，在所述第一电子设备与第二电子设备建立第一连接之后，所述方法还包括：所述第一电子设备在所述第一应用组件上显示第一标识，所述第一标识用于指示所述第一连接的状态；其中，所述第一标识在所述第一连接处于连接状态和断开状态下的显示方式不同
。3.
根据权利要求2所述的方法，其特征在于，在所述第一电子设备在所述第一应用组件上显示第一标识之后，所述方法还包括：所述第一电子设备检测到用户针对所述第一标识的第一操作；响应于所述第一操作，所述第一电子设备显示第一窗口，所述第一窗口中包括第一选项；所述第一电子设备检测到用户针对所述第一选项的第二操作；响应于所述第二操作，所述第一电子设备删除所述第一连接
。4.
根据权利要求3所述的方法，其特征在于，在所述第一连接处于所述断开状态下，所述第一窗口中还包括第二选项，在所述第一电子设备检测到用户针对所述第一选项的第二操作之前，所述方法还包括：所述第一电子设备检测到用户针对所述第二选项的第三操作；响应于所述第三操作，所述第一电子设备与所述第二电子设备重新建立所述第一连接
。5.
根据权利要求2‑4任一项所述的方法，其特征在于，所述第一标识上显示有所述第二电子设备的设备信息
。6.
根据权利要求1‑5任一项所述的方法，其特征在于，在所述第一电子设备在所述第一应用组件上显示第一内容之后，所述方法还包括：所述第一电子设备基于所述第一连接接收所述第二电子设备发送的第二消息，所述第二消息中包括第二数据，所述第二数据是所述第二电子设备在生成所述第一数据之后运行所述第二应用组件生成的，所述第二数据与所述第一数据不同；所述第一电子设备基于所述第二数据生成第二内容，并在所述第一应用组件上显示所述第二内容
。7.
根据权利要求1‑6任一项所述的方法，其特征在于，在所述第一电子设备与第二电子设备建立第一连接之前，所述方法还包括：所述第一电子设备检测到用户的第四操作；
响应于所述第四操作，所述第一电子设备显示第二窗口，所述第二窗口中包括一个或多个选项，所述一个或多个选项包括所述第二电子设备的设备信息对应的选项；所述第一电子设备检测到用户针对所述第二电子设备的设备信息对应的选项的第五操作；响应于所述第五操作，所述第一电子设备向所述第二电子设备第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立所述第一连接
。8.
一种应用组件交互方法，应用于第二电子设备，其特征在于，所述方法包括：所述第二电子设备接收第一电子设备发送的第一请求，所述第一请求用于请求所述第二电子设备与所述第一电子设备建立第一连接；所述第二电子设备与所述第一电子设备建立所述第一连接；所述第二电子设备基于所述第一连接向所述第一电子设备发送第一消息，所述第一消息中包括第一数据，所述第一数据用于所述第一电子设备在第一应用组件上显示第一内容，所述第一应用组件是所述第一电子设备的一个应用组件，所述第一数据是所述第二电子设备运行第二应用组件生成的；其中，所述第一连接为所述第一应用组件与所述第二应用组件之间的连接
。9.
根据权利要求8所述的方法，其特征在于，所述第一请求中包括所述第一电子设备的设备信息
、
所述第一应用组件的信息，在所述第二电子设备与第一电子设备建立所述第一连接之前，所述方法还包括：所述第二电子设备基于所述第一电子设备的设备信息
、
所述第一应用组件的信息进行验证，在验证成功的情况下，所述第二电子设备与第一电子设备建立所述第一连接
。10.
根据权利要求8或9所述的方法，其特征在于，在所述第二电子设备基于所述第一连接向所述第一电子设备发送第一消息之后，所述方法还包括：所述第二电子设备基于所述第一连接向所述第一电子设备发送第二消息，所述第二消息中包括第二数据，所述第二数据是所述第二电子设备在生成所述第一数据之后运行所述第二应用组件生成的，所述第二数据与所述第一数据不同，所述第二数据用于所述第一电子设备在第一应用组件上显示第二内容
。11.
一种应用组件交互方法，应用于第一电子设备，其特征在于，所述方法包括：所述第一电子设备显示第一用户界面，所述第一用户界面中包括第一应用组件，所述第一应用组件是所述第一电子设备的一个应用组件；所述第一电子设备与第二电子设备建立第一连接；所述第一电子设备检测到用户针对所述第一应用组件的第一操作；响应于所述第一操作，所述第一电子设备基于所述第一连接向所述第二电子设备发送第一消息，所述第一消息中包括第一控制命令，所述第一控制命令用于指示所述第二电子设备响应所述第一控制命令
。12.
根据权利要求
11
所述的方法，其特征在于，所述第一连接为所述第一应用组件与第二应用组件之间的连接，所述第二应用组件为所述第二电子设备的一个应用组件
。13.
根据权利要求
12
所述的方法，其特征在于，所述第一电子设备基于所述第一连接向所述第二电子设备发送第一消息，具体包括：所述第一电子设备基于所述第一连接向所述第二应用组件发送所述第一消息；
所述第一控制命令用于指示所述第二应用组件响应所述第一控制命令
。14.
根据权利要求
11
‑
13
任一项所述的方法，其特征在于，在所述第一电子设备与第二电子设备建立第一连接之后，所述方法还包括：所述第一电子设备在所述第一应用组件上显示第一标识，所述第一标识用于指示所述第一连接的状态；其中，所述第一标识在所述第一连接处于连接状态和断开状态下的显示方式不同
。15.
根据权利要求
14
所述的方法，其特征在于，在所述第一电子设备在所述第一应用组件上显示第一标识之后，所述方法还包括：所述第一电子设备检测到用户针对所述第一标识的第二操作；响应于所述第二操作，所述第一电子设备显示第一窗口，所述第一窗口中包括第一选项；所述第一电子设备检测到用户针对所述第一选项的第三操作；响应于所述第三操作，所述第一电子设备删除所述第一连接
。16.
根据权利要求
15
所述的方法，其特征在于，在所述第一连接处于所述断开状态下，所述第一窗口中还包括第二选项，在所述第一电子设备检测到用户针对所述第一选项的第三操作之前，所述方法还包括：所述第一电子设备检测到用户针对所述第二选项的第四操作；响应于所述第四操作，所述第一电子设备与所述第二电子设备重新建立所述第一连接
。17.
根据权利要求
14
‑
16...

【专利技术属性】
技术研发人员：陈晓晓，顾兵，丁雅玲，周送乐，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：