投屏方法、用户界面及电子设备与流程

本技术涉及终端及通信，尤其涉及投屏方法、用户界面及电子设备。

背景技术：

1、随着多媒体技术的发展，人们可以通过手机、平板、电脑等电子设备观看视频、玩游戏、开展线上会议等等，其中，投屏正在成为人们主流的观看方式之一。

2、投屏是指将一台设备(投屏设备)中的内容投放到另一台设备(被投屏设备)上进行显示。例如，在一个具体的应用场景中，用户可以将手机中的视频投放到电视上进行播放，从而获得更加舒适的视觉体验。

3、这时，被投屏设备仅作为一个显示设备，用户只能通过操作投屏设备来控制被投屏设备中的投屏内容。然而，当投屏设备不在用户身边，或用户不方便操作投屏设备时，用户无法对投屏内容进行控制，导致用户的可操作性较低，影响用户的投屏体验。

技术实现思路

1、本技术提供了投屏方法、用户界面及电子设备，实现了被投屏设备显示投屏设备提供的内容的过程中，被投屏设备可以检测到用户操作，并根据该操作完成用户界面的切换，并显示界面切换过程中的跟手动画，给用户一种在本地操控被投屏设备的感觉，为用户提供无感知的投屏效果。

2、第一方面，本技术提供了一种投屏方法，该方法包括：第一设备与第二设备建立投屏连接；第一设备基于投屏连接将第一内容发送给第二设备；第二设备显示包括第一内容的第一用户界面；第二设备检测到作用于第二设备的第一操作；第二设备将指示第一操作的第一信息发送给第一设备；第一设备将第一动画的动画切换参数发送给第二设备，动画切换参数由第一设备根据第一操作的移动轨迹确定；第二设备显示第一动画，将第一用户界面切换为第二用户界面。

3、在本技术实施例中，第一设备可以是指投屏设备，第二设备可以是指被投屏设备，其中，投屏设备可以与被投屏设备建立投屏连接，将投屏设备的内容投放到被投屏设备的显示屏中显示。

4、实施第一方面提供的方法，在被投屏设备显示投屏设备提供的投屏内容的过程中，被投屏设备可以检测到用户作用在被投屏设备上的用户操作，并将指示该用户操作的信息发送给投屏设备，投屏设备可以根据该用户操作的滑动轨迹解析该用户操作触发的跟手动画，并将该跟手动画的动画切换参数发送给被投屏设备，以供被投屏设备显示该跟手动画，完成用户界面的切换。这样，被投屏设备不再仅仅作为一个显示设备，显示投屏设备提供的内容，被投屏设备可以根据用户操作控制投屏内容，并完成用户界面的切换，弱化了投屏过程中，投屏设备和被投屏设备的关系，为用户提供无感知的投屏体验。

5、结合第一方面，在一些实施方式中，第一操作为作用于第二设备的显示屏的手势操作。

6、在一些实施例中，用户作用在被投屏设备上的用户操作可以是指作用在被投屏设备的显示屏上的手势操作，这时，被投屏设备可以根据用户作用在显示屏上的触摸点，显示用户界面所在的窗口跟随该触摸点移动的跟手动画，为用户提供投屏前和投屏后，无差别的交互体验。

7、进一步地，该第一操作可以是指作用于第二设备显示的第二内容的手势操作。

8、结合第一方面，在一些实施方式中，第二用户界面包括来自第二设备本地的内容。

9、也就是说，在被投屏设备显示的切换后的用户界面中，可以包含被投屏设备提供的内容。这样，即使被投屏设备处于与投屏设备建立投屏连接的过程，被投屏设备还是可以接收到用户操作，切换到本地的内容，使被投屏设备能够在投屏过程中，为用户提供更丰富的内容，以及更加便捷的操作，用户可以根据自己的需求来实现投屏内容和本地内容的快速切换。

10、结合第一方面，在一些实施方式中，第一用户界面和第二用户界面为同一个应用的上下级页面；或者，第一用户界面和第二用户界面为不同应用提供的用户界面，其中，第二用户界面为第二设备中的应用提供的用户界面；或者，第二用户界面为桌面主界面或多任务界面，其中，桌面主界面为第一设备或第二设备提供用户界面，多任务界面包括第二设备中的一个或多个应用的历史浏览窗口。

11、在一些实施例中，该第一操作可以包括back手势、home手势、recents手势、quickswitch手势等等。用户可以通过对被投屏设备的显示使用上述手势来实现：返回上级页面、返回桌面主界面、进入最近任务、快速切换应用等用户界面的切换效果。这样，用户可以在投屏过程中，在被投屏设备上体验到便捷的跨设备系统导航功能。

12、进一步地，当该第一操作用于触发返回桌面主界面时，被投屏设备可以返回到被投屏设备的桌面主界面。当该第一操作用于触发切换应用时，切换后的用户界面可以为被投屏设备中历史浏览过的应用或安装的应用提供的用户界面。当该第一操作用于触发进入最近任务时，多任务界面中可以包括被投屏设备中历史浏览过的应用或安装的应用的浏览记录。这样，被投屏设备可以在投屏过程中，实现投屏内容和本地内容的便捷切换，弱化了投屏过程中，投屏设备与被投屏设备的关系，为用户提供跨设备的手势导航功能。

13、结合第一方面，在一些实施方式中，第一信息包括以下一项或多项：事件类型、坐标、时间、第二设备的标识；其中，事件类型用于确定第一操作对应的手势操作，坐标为第一操作作用在第二设备的显示屏上的位置，时间为第一操作作用在第二设备的显示屏上的时间；动画切换参数包括以下一项或多项：第一用户界面和第二用户界面所在窗口的缩放比例、移动轨迹、移动速度、移动位置。

14、结合第一方面，在一些实施方式中，第一设备与第二设备建立投屏连接之前，该方法还包括：第一设备显示包括第一内容的第三用户界面。

15、也就是说，投屏设备可以在与被投屏设备建立投屏连接后，将当前投屏设备显示的内容通过投屏连接发送给被投屏设备，以供被投屏设备进行显示。

16、结合第一方面，在一些实施方式中，第一设备将第一动画的动画切换参数发送给第二设备之前或之后，该方法还包括：第一设备显示第一动画，将第三用户界面切换为第四用户界面。

17、在本技术实施例中，投屏设备与被投屏设备之间的投屏方式可以包括但不限于以下两种：

18、1)同源投屏

19、同源投屏是指投屏设备展示的显示内容，以“拷贝”的方式，全屏过以局部窗口的形式，完整展示在被投屏设备的显示屏中。也就是说，投屏设备与被投屏设备可以同时显示相同的内容。

20、另外，在本技术实施例中，被投屏设备可以接收到用户操作，并响应于该操作，完成用户界面切换。同时，投屏设备也可以响应于该用户操作，同步完成用户界面的切换。

21、当投屏设备与被投屏设备之间的投屏方式为同源投屏时，投屏设备可以显示与被投屏设备相同的内容，并在被投屏设备跟随用户操作显示跟手动画时，显示该相同的跟手动画，完成用户界面的切换。例如，用户可以将大屏设备的显示内容投屏到手机中同步显示，并在手机上操作，同时更改手机和大屏的显示内容。这样，用户可以通过多个设备展示投屏内容，并在不便操作投屏设备时，通过被投屏设备控制和操作被投屏设备的显示内容，为用户控制设备的显示内容提供更便捷的手段，提高了投屏在应用过程中的可操作性和分享性。

22、2)异源投屏

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、在一些实施例中，该第一操作可以包括back手势、home手势、recents手势、quickswitch手势等等。用户可以通过对被投屏设备的显示使用上述手势来实现：返回上级页面、返回桌面主界面、进入最近任务、快速切换应用等用户界面的切换效果。这样，用户可以在投屏过程中，在被投屏设备上体验到便捷的跨设备系统导航功能。

58、进一步地，当该第一操作用于触发返回桌面主界面时，被投屏设备可以返回到被投屏设备的桌面主界面。当该第一操作用于触发切换应用时，切换后的用户界面可以为被投屏设备中历史浏览过的应用或安装的应用提供的用户界面。当该第一操作用于触发进入最近任务时，多任务界面中可以包括被投屏设备中历史浏览过的应用或安装的应用的浏览记录。这样，被投屏设备可以在投屏过程中，实现投屏内容和本地内容的便捷切换，弱化了投屏过程中，投屏设备与被投屏设备的关系，为用户提供跨设备的手势导航功能。

59、结合第三方面，在一些实施方式中，第一信息包括以下一项或多项：事件类型、坐标、时间、第二设备的标识；其中，事件类型用于确定第一操作对应的手势操作，坐标为第一操作作用在第二设备的显示屏上的位置，时间为第一操作作用在第二设备的显示屏上的时间；动画切换参数包括以下一项或多项：第一用户界面和第二用户界面所在窗口的缩放比例、移动轨迹、移动速度、移动位置。

60、结合第三方面，在一些实施方式中，第二设备与第一设备建立投屏连接之前，该方法还包括：第二设备显示包含第二内容的第五用户界面，第二内容和第一内容为同一内容；第二设备检测到第二操作，第二操作和第一操作为同一操作；第二设备显示第六用户界面，第六用户界面不同于第二用户界面。

61、在一些实施例中，当被投屏设备本身不支持系统导航功能时，被投屏设备在与投屏设备建立投屏连接之前，接收到该第一操作时可能无法触发用户界面的切换，此时该第一操作只能作为应用级的手势指令进行响应。当被投屏设备与投屏设备建立投屏连接之后，投屏设备支持系统导航功能时，投屏设备可以将从被投屏设备接收到的第一操作，作为系统级的手势指令进行响应，并生成该系统级的手势指令触发的跟手动画，被投屏设备再显示该跟手动画，这时，被投屏设备是将该第一操作作为系统级的手势指令进行响应。可以看出，系统级的手势指令的优先级高于应用即的手势指令。也就是说，在投屏过程中，当被投屏设备接收到的用户操作既可以作为应用级手势进行响应，也可以作为系统级手势进行响应时，优先响应于该系统级手势。从而优先满足投屏过程中，用户切换应用间的用户界面的需求。

62、结合第三方面，在一些实施方式中，第二设备与第一设备建立投屏连接之后，该方法还包括：第二设备基于投屏连接接收到第一设备发送的第三内容；第二设备显示包含第三内容的第八用户界面。

63、在投屏过程中，被投屏设备可以在投屏设备更改投屏内容时，同步显示更改后的投屏内容。这样用户可以通过多个设备同步显示相同的内容以及用户触发更改后的内容，提高投屏过程中内容的分享性。

64、结合第三方面，在一些实施方式中，第二设备基于投屏连接接收到第一设备发送的第一内容之前，方法还包括：第二设备显示第一提示信息，第一提示信息用于提示用户是否同意与第一设备建立投屏连接；第二设备检测到第六操作，第六操作用于触发第一设备将第一内容发送给第二设备。

65、第四方面，本技术实施例提供了一种电子设备，包括存储器，一个或多个处理器，以及一个或多个程序；一个或多个处理器在执行一个或多个程序时，使得该电子设备实现如第二方面或第二方面的任意一种实施方式、第三方面或第三方面的任意一种实施方式所描述的方法。

66、第五方面，本技术实施例提供了一种计算机可读存储介质，包括指令，当指令在电子设备上运行时，使得电子设备执行如第二方面或第二方面的任意一种实施方式、第三方面或第三方面的任意一种实施方式所描述的方法。

67、第六方面，本技术实施例提供了一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行如第二方面或第二方面的任意一种实施方式、第三方面或第三方面的任意一种实施方式所描述的方法。