一种多设备交互的方法及系统技术方案

一种多设备交互的方法及系统。在该方法中，第一设备中安装有第一应用程序，第二设备中可不安装第一应用程序。第一设备显示第一应用程序的用户界面，并向第二设备发送第一应用程序的用户界面的UI描述信息。该UI描述信息可用于描述第一应用程序的用户界面中的组件的属性。第二设备结合第二设备的屏幕形状和尺寸，根据该UI描述信息显示第一应用程序的用户界面。第二设备还可以检测该用户界面上的用户操作，并向第一设备反馈该用户操作。第一设备可以处理该用户操作指示的任务。实施本方案，第二设备不必安装第一应用程序，而通过与第一设备交互为用户提供第一应用程序中的服务，从而有效减少开发成本。

【技术实现步骤摘要】
一种多设备交互的方法及系统
本申请涉及终端
，尤其涉及一种多设备交互的方法及系统。
技术介绍
随着信息设备数量的增长，多设备交互的应用场景越来越多。其中，在多设备交互的过程中，多个设备都可以显示对应于同一项服务的用户界面。当其中任意一个设备检测到用户操作，这多个设备都可以根据该用户操作进行相关处理。这样，多个不同的设备就可以相互通知、交换信息、相互控制，从而共同完成一个应用场景。例如，手机将来电通知或即时消息推送到智能手表的屏幕并辅助以震动提醒，智能手表控制手机上播放的音乐等。目前，多个设备分别安装可以实现同一项服务的应用程序。这多个设备可以运行各自安装的应用程序来实现上述交互的过程。但这种方式需要在多侧安装应用程序，开发成本较高。
技术实现思路
本申请提供了一种多设备交互的方法及系统。第一设备中安装有第一应用程序。第二设备可以通过接收来自第一设备中第一应用程序的用户界面UI描述信息，来显示第一应用程序的用户界面并相应作用在该用户界面上的用户操作。这样，第二设备可以在不安装该第一应用程序的情况下，为用户提供第一应用程序的服务，从而减少开发人员在第二设备开发该第一应用程序的开发成本。第一方面，本申请实施例提供了一种多设备交互方法，该方法包括：第二设备接收来自第一设备的第一UI描述信息；该第一UI描述信息用于描述第一应用程序的第一UI组件，该第一UI组件是根据该第一应用程序的第一用户界面确定的；该第一UI组件在该第一用户界面上以第一组件属性显示；该第一应用程序为安装在该第一设备上的应用程序；第二设备可以根据第二组件属性以及该第一UI组件的可执行的底层代码实例化该第一UI组件；该第二组件属性是根据该第一UI描述信息确定的，该第一UI组件的可执行的底层代码是根据该第一UI组件的组件类型从组件库中确定出的，该组件库包含用于绘制不同类型的组件的可执行的底层代码；第二设备可以显示第二用户界面，第二用户界面可以包括该第一UI组件。该第一UI组件在第二用户界面中可以以上述第二组件属性显示；其中，该第一组件属性、该第二组件属性均包括组件类型，以及以下一项或多项参数：组件尺寸、组件位置、组件外观。在本申请中，第一设备和第二设备均可以为手机、电脑、智能手表、智能电视、智能汽车等设备。在不同的应用场景中，第一设备和第二设备可以不同。在一些可能的实现方式中，第一设备可以为智能汽车，第二设备可以为智能手表。其中，智能汽车中可安装有疲劳驾驶检测系统。当检测到用户疲劳驾驶时，智能汽车可以向智能手表发送包含有警告信息的UI描述信息。智能手表可以在屏幕上显示警告信息并辅助以震动提醒。在另一些可能的实施例中，第一设备可以为手机，第二设备可以为智能手表。当手机收到来电通知或即时消息等，手机可以向智能手表发送与来电通知界面或即时消息等用户界面对应UI描述信息。智能手表可以在屏幕上显示来电通知或即时消息等。在本申请实施例中，第一设备与第二设备建立有通信连接。其中，连接的方式可以包括：经典蓝牙、低功耗蓝牙、近场通信。在本申请实施例中，第二设备中包含有组件库。第二设备可以通过以下一种或多种方式获取组件库：第二设备从第一设备中获取组件库、第二设备从云端(如内容服务器)中获取组件库、第二设备通过预置的方式存储有组件库。在一些实施例中，第二设备包含的组件库中包含用于绘制部分或全部类型的组件的可执行的底层代码。在本申请实施例中，UI描述信息，如第一UI描述信息，是对用户界面中各组件的描述。其中的数据量比较小。这样第一设备向第二设备传输UI描述信息可以不需要高带宽，从而降低了对数据传输带宽的要求。另外UI描述信息不是处理器直接可执行的程序，可以减少第二设备直接下载可执行的程序带来的不可控的安全隐患。结合第一方面，上述第一用户界面可以显示在第一设备上。例如，第一设备为手机，第二设备为智能手表。当手机接收到来电通知，该来电通知界面可以显示在手机上。并且智能手表可以接收到来自手机的该来电通知界面的UI描述信息。进而，智能手表可以根据该UI描述信息在用户界面上显示该来电通知界面中的组件。例如，接听组件、挂断组件。并且这些组件可以响应用户操作。这样，手机和手表均可显示来电通知界面以提醒用户接听电话。结合第一方面，当在第二用户界面中检测到作用于第一UI组件的第一用户操作，第二设备可以改变第一UI组件在第二用户界面中的组件尺寸和/或组件外观。上述组件外观可以包括以下一项或多项：颜色、前景、背景。具体的，上述第一UI组件可以关联有监听器。该监听器可用于监听作用在第一UI组件的用户操作，例如单击、长按、拖拽。当监听器监听到第一UI组件上作用有用户操作，第二设备可以改变第一UI组件的组件尺寸和/或组件外观。即第一UI组件本身的显示状态发生变化。其中，第一UI组件本申请的显示状态可以发生以下一项或多项变化：第一UI组件的大小发生变化、第一UI组件的前景图标发生变化、第一UI组件以及第一UI组件的子组件的大小均发生变化。示例性的，当UI描述信息包含对手机主界面上应用程序图标的描述，智能手表可以根据该UI描述信息显示第一设备主界面上的应用程序图标。例如拨号图标、微信图标、GoogleMaps图标和设置图标等。当检测到作用在GoogleMaps图标上的单击操作，GoogleMaps图标可以变大。即GoogleMaps图标可以通过变大来指示GoogleMaps图标处于被选中的状态。也即是说，上述第二用户界面的第一UI组件可以响应用户操作，不同于静态图片。结合第一方面，响应于在第二用户界面中检测到的作用在第一UI组件上的用户操作，第二设备可以向第一设备发送第一事件。其中，该第一事件可用于指示该第一用户操作的发生。该第二设备接收来自该第一设备的第二UI描述信息；该第二UI描述信息用于描述该第一应用程序的第二UI组件，该第二UI组件是根据该第一应用程序的第三用户界面确定的；该第二UI组件在该第三用户界面上以第三组件属性显示；第二设备可以根据第四组件属性以及该第二UI组件的可执行的底层代码实例化该第二UI组件。该第四组件属性是根据该第二UI描述信息确定的，该第二UI组件的可执行的底层代码是根据该第二UI组件的组件类型从该组件库中确定出的。第二设备可以显示第四用户界面，该第四用户界面可包括该第二UI组件。该第二UI组件在该第四用户界面可以以上述第四组件属性显示。也即是说，响应于在第二用户界面中检测到的作用在第一UI组件上的用户操作，第二设备可以跳转至下一个用户界面或者刷新第二用户界面，显示第四用户界面。示例性的，当接收到来自手机来电通知界面的UI描述信息，智能手表可以根据该UI描述信息显示该来电通知界面中的组件。例如接听组件和挂断组件。当检测到作用在智能手表用户界面中挂断组件的用户操作，智能手表可以将指示挂断组件上作用有用户操作的事件发送给手机。进一步，智能手表可以接收到来自手机挂断电话界面的UI描述信息。智能手表可以根据该挂断电话界面的UI描述信息显示挂断电话界面的组件。其中，本文档来自技高网...

【技术保护点】
1.一种多设备交互方法，其特征在于，所述方法包括：/n第二设备接收来自第一设备的第一用户界面UI描述信息；所述第一UI描述信息用于描述第一应用程序的第一UI组件，所述第一UI组件是根据所述第一应用程序的第一用户界面确定的；所述第一UI组件在所述第一用户界面上以第一组件属性显示；所述第一应用程序为安装在所述第一设备上的应用程序；/n所述第二设备根据第二组件属性以及所述第一UI组件的可执行的底层代码实例化所述第一UI组件；所述第二组件属性是根据所述第一UI描述信息确定的，所述第一UI组件的可执行的底层代码是根据所述第一UI组件的组件类型从组件库中确定出的，所述组件库包含用于绘制不同类型的组件的可执行的底层代码；/n所述第二设备显示第二用户界面，所述第二用户界面包括所述第一UI组件，所述第一UI组件在所述第二用户界面中以所述第二组件属性显示；/n其中，所述第一组件属性、所述第二组件属性均包括组件类型，以及以下一项或多项参数：组件尺寸、组件位置、组件外观。/n

【技术特征摘要】
1.一种多设备交互方法，其特征在于，所述方法包括：
第二设备接收来自第一设备的第一用户界面UI描述信息；所述第一UI描述信息用于描述第一应用程序的第一UI组件，所述第一UI组件是根据所述第一应用程序的第一用户界面确定的；所述第一UI组件在所述第一用户界面上以第一组件属性显示；所述第一应用程序为安装在所述第一设备上的应用程序；
所述第二设备根据第二组件属性以及所述第一UI组件的可执行的底层代码实例化所述第一UI组件；所述第二组件属性是根据所述第一UI描述信息确定的，所述第一UI组件的可执行的底层代码是根据所述第一UI组件的组件类型从组件库中确定出的，所述组件库包含用于绘制不同类型的组件的可执行的底层代码；
所述第二设备显示第二用户界面，所述第二用户界面包括所述第一UI组件，所述第一UI组件在所述第二用户界面中以所述第二组件属性显示；
其中，所述第一组件属性、所述第二组件属性均包括组件类型，以及以下一项或多项参数：组件尺寸、组件位置、组件外观。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
所述第二设备在所述第二用户界面中检测到作用于所述第一UI组件的第一用户操作；
所述第二设备改变所述第一UI组件在所述第二用户界面中的组件尺寸和/或组件外观；所述组件外观包括以下一项或多项：颜色、前景、背景。


3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
在所述第二用户界面中检测到作用于所述第一UI组件的第一用户操作之后，所述第二设备向所述第一设备发送第一事件；其中，所述第一事件用于指示所述第一用户操作的发生；
所述第二设备接收来自所述第一设备的第二UI描述信息；所述第二UI描述信息用于描述所述第一应用程序的第二UI组件，所述第二UI组件是根据所述第一应用程序的第三用户界面确定的；所述第二UI组件在所述第三用户界面上以第三组件属性显示；
所述第二设备根据第四组件属性以及所述第二UI组件的可执行的底层代码实例化所述第二UI组件；所述第四组件属性是根据所述第二UI描述信息确定的，所述第二UI组件的可执行的底层代码是根据所述第二UI组件的组件类型从所述组件库中确定出的
所述第二设备显示第四用户界面，所述第四用户界面包括所述第二UI组件，所述第二UI组件在所述第四用户界面中以所述第四组件属性显示；
其中，所述第三组件属性、所述第四组件属性均包括组件类型，以及以下一项或多项参数：组件尺寸、组件位置、组件外观。


4.根据权利要求1-3中任一项所述的方法，其特征在于，所述方法还包括：
所述第二设备根据所述第一UI组件的组件类型从所述组件库中查找出所述第一UI组件的可执行的底层代码；
所述第二设备利用所述第一UI组件的可执行的底层代码得到所述第一UI组件的组件类型的组件对象；
所述第二设备利用所述第二组件属性设置所述第一UI组件的组件类型的组件对象在所述第二用户界面中的以下一项或多项参数：组件尺寸、组件位置、组件外观，得到所述实例化的所述第一UI组件。


5.根据权利要求1-4中任一项所述的方法，其特征在于，所述第一UI组件内部包括至少一个子组件；所述方法还包括：
所述第二设备根据所述第一UI组件的组件类型从所述组件库中查找出所述第一UI组件的可执行的底层代码，以及根据所述子组件的组件类型从所述组件库中查找出所述子组件的可执行的底层代码；
所述第二设备利用所述第一UI组件的可执行的底层代码得到所述第一UI组件的组件类型的组件对象，以及利用所述子组件的可执行的底层代码得到所述子组件的组件类型的组件对象；
所述第二设备利用所述第二组件属性设置所述第一UI组件的组件类型的组件对象在所述第二用户界面中的以下一项或多项参数：组件尺寸、组件位置、组件外观，得到所述实例化的所述第一UI组件，以及利用所述子组件的组件属性设置所述子组件的组件类型的组件对象在所述第二用户界面中的以下一项或多项参数：组件尺寸、组件位置、组件外观，得到所述实例化的所述子组件。


6.根据权利要求1-5中任一项所述的方法，其特征在于，所述第一UI描述信息包括所述第一组件属性；所述方法包括：
所述第二设备根据所述第一组件属性以及所述第二设备的屏幕信息确定所述第二组件属性；所述屏幕信息包括以下一项或多项：屏幕尺寸、屏幕形状、屏幕分辨率。


7.根据权利要求1-5中任一项所述的方法，其特征在于，所述第一UI描述信息包括所述第二组件属性；所述方法包括：
所述第二设备向所述第一设备发送所述第二设备的屏幕信息；所述屏幕信息包括以下一项或多项：屏幕尺寸、屏幕形状、屏幕分辨率；
所述第二组件属性是所述第一设备根据所述第一组件属性以及所述第二设备的屏幕信息确定的。


8.根据权利要求1-7中任一项所述的方法，其特征在于，所述第一UI组件根据所述第一用户界面中的部分或全部组件确定。


9.根据权利要求1-8中任一项所述的方法，其特征在于，所述第二设备显示第二用户界面之前，所述方法还包括：...

【专利技术属性】
技术研发人员：代海涛，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东;44