CN116414329A - 一种投屏显示方法、系统及电子设备 - Google Patents

一种投屏显示方法、系统及电子设备 Download PDF

Info

Publication number
CN116414329A
CN116414329A CN202210467613.0A CN202210467613A CN116414329A CN 116414329 A CN116414329 A CN 116414329A CN 202210467613 A CN202210467613 A CN 202210467613A CN 116414329 A CN116414329 A CN 116414329A
Authority
CN
China
Prior art keywords
content
electronic device
display area
display
selection frame
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210467613.0A
Other languages
English (en)
Inventor
王玥琪
邰彦坤
郑美洙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Device Co Ltd
Original Assignee
Huawei Device Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Huawei Device Co Ltd filed Critical Huawei Device Co Ltd
Priority to PCT/CN2022/143623 priority Critical patent/WO2023125864A1/zh
Publication of CN116414329A publication Critical patent/CN116414329A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1454Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种投屏显示方法、系统及电子设备。该投屏显示方法通过在第一显示区域显示第一内容,响应于用户的投屏操作,在第一显示区域显示选择框,并将该选择框中的第一内容的第一部分内容投屏在第二显示区域中显示。其中,可以通过用户操作控制选择框的位置、尺寸、数目,控制选择框中选中的内容,进而控制第二显示区域中的投屏内容、投屏内容的大小以及投屏内容的数目。这样,可以实现在第一显示区域中显示第一内容的全局部分,在第二显示区域上显示第一内容的细节部分,即第一部分内容。可以同时兼顾查看第一内容的全局部分和细节部分。

Description

一种投屏显示方法、系统及电子设备
技术领域
本申请涉及计算机技术领域,尤其涉及应用于电子设备的投屏显示方法、系统及电子设 备。
背景技术
随着各类带有显示屏的设备的不断发展,用户利用设备的显示屏查看想要观看的内容的 方式也变得多种多样。为实现针对同一内容的不同观看需求,一般来说,用户可以在不同显 示区域中查看同一个内容的不同视图。例如,可以将显示区域1中显示的内容1投屏至显示 区域2中显示,这样,显示区域2可以显示显示区域1中显示的内容1。用户可以在显示区 域1的显示屏中查看内容1,也可以在显示区域2的显示屏中查看该内容1。
但是在日常使用场景中,用户常常会有想要查看概览窗口或文档的全局效果的同时查看 其细节的诉求。即使在分屏显示同一个内容的两个视图,无法满足该内容的全局及细节同步 查看的需求。或者,用户可以在显示区域1的显示屏中查看内容1,也可以在显示区域2的 显示屏中查看该内容1,即用户通过多个显示区域查看该内容1,但是无法兼顾查看该内容 1的全局以及细节部分。即无法兼顾概览窗口或文档的全局效果的同时查看其细节的诉求。 因此,如何利用电子设备对同一个内容进行高效、便捷、多样化的显示,是目前亟待解决的 技术问题。
发明内容
本申请提供了一种投屏显示方法、系统及电子设备,通过投屏显示方法,可以兼顾同时 查看细节和纵览全局的观看需求,提升用户体验。
第一方面,提供了一种投屏显示方法,该投屏显示方法通过电子设备在第一显示区域中 显示第一内容;电子设备检测到第一操作,在第一显示区域中显示第一选择框;第一选择框 中的内容为第一内容中的第一部分内容;电子设备在第二显示区域中以第二显示区域的尺寸 显示第一部分内容;电子设备将在第一显示区域中显示的第一内容更新为第二内容;第一选 择框中的内容更新为第二内容中的第二部分内容;电子设备在第二显示区域中以第二显示区 域的尺寸显示第二部分内容。
可以理解的是第一方面提供的电子设备可以是下述实施例中的电子设备300,也可以是 下述实施例中的电子设备700。
这样,通过第一操作在第一显示区域中显示第一选择框,控制第一选择框的第一内容的 第一部分内容在第二显示区域中显示,第二显示区域的尺寸与第一选择框的尺寸不同,因此 第二显示区域显示的第一部分内容与第一选择框中选中的第一部分内容大小不同。这样,可 以实现第一显示区域上显示第一内容的全局部分,在第二显示区域上显示第一内容的细节部 分,即第一内容的第一部分内容。也就是说,可以同时兼顾查看第一内容的全局部分和细节 部分。操作简单,比较便捷,可以提高用户体验。
结合第一方面的内容,在一些实现方式中,第一选择框的尺寸比例与第二显示区域的尺 寸比例相同。
结合第一方面的内容,在一些实现方式中,第一选择框的长宽比例与第二显示区域的长 宽尺寸比例相同。
结合第一方面的内容,在一些实现方式中,第一内容和第二内容有部分相同。
结合第一方面的内容,在一些实现方式中,该方法还包括:电子设备检测到第二操作, 在第一显示区域中显示第二选择框;第二选择框中的内容为第二内容的第三部分内容;
电子设备将第二显示区域划分为第四显示区域和第五显示区域,在第四显示区域中以第 四显示区域的尺寸显示第二部分内容,在第五显示区域中以第五显示区域的尺寸显示第三部 分内容。
这样,在用户需要查看第一显示区域中显示的第一内容的其他部分内容的情况下,无需 退出当前投屏模式,无需重新开启投屏,只需要移动第一选择框的位置即可在投屏接收设备 中查看第一内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体验。
结合第一方面的内容,在一些实现方式中,电子设备检测到第二操作,在第一显示区域 中显示第三选择框,电子设备将第二显示区域划分为第四显示区域和第五显示区域;第三选 择框的尺寸与第五显示区域的尺寸比例相同,第三选择框中的内容为第二内容的第四部分内 容;
将第一选择框的尺寸调整为第一尺寸;第一选择框的尺寸比例与第四显示区域的尺寸比 例相同;响应于所述第一选择框的尺寸调整,第一选择框中的内容由第二部分内容更新为第 二内容的第五部分内容;
电子设备在第四显示区域中以第四显示区域的尺寸显示第五部分内容,在第五显示区域 中以第五显示区域的尺寸显示第四部分内容。
这样,在用户需要查看第一显示区域中显示的第一内容的其他部分内容的情况下,无需 退出当前投屏模式,无需重新开启投屏,只需要移动第一选择框的位置即可在投屏接收设备 中查看第一内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体验。
结合第一方面的内容,在一些实现方式中,电子设备检测到第二操作,在第一显示区域 中显示第四选择框,第四选择框的尺寸比例与第二电子设备的尺寸比例相同;第四选择框中 的内容为第六部分内容;
电子设备将第六部分内容发送至第二电子设备,以指示第二电子设备显示第六部分内容。
可以理解的是,第二电子设备的尺寸比例是第二电子设备的显示屏的尺寸比例,或者是 第二电子设备中用于显示第四选择框中的内容的显示区域的尺寸比例。
可以理解的是,第二电子设备是第一方面所述电子设备以外的其他电子设备。该其他电 子设备可以是下述实施例中的电子设备800。
结合第一方面的内容,在一些实现方式中,电子设备检测到第三操作,将第一选择框的 位置移动到第一位置;第一选择框中的内容更新为第二内容的第七部分内容,第三操作为拖 动第一选择框的操作;
所电子设备在第二显示区域中以第二显示区域的尺寸显示第七部分内容。
这样,在用户需要查看第一显示区域中显示的第一内容的其他部分内容的情况下,无需 退出当前投屏模式,无需重新开启投屏,只需要新增选择框即可在投屏接收设备中查看第一 内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体验。
结合第一方面的内容,在一些实现方式中,电子设备检测到第四操作,将第一选择框的 尺寸调整为第二尺寸;第一选择框中的内容更新为第二内容的第八部分内容;
电子设备在第二显示区域中以第二显示区域的尺寸显示第八部分内容。
结合第一方面的内容,在一些实现方式中,电子设备检测到第四操作,将第一选择框的 尺寸调整为第三尺寸;第一选择框中的内容更新为第二内容的第九部分内容;
电子设备在第二显示区域中以第四尺寸显示第九部分内容;第四尺寸小于第二显示区域 的尺寸,第四尺寸是基于第三尺寸与第二显示区域的尺寸比例确定的。
这样,在用户需要查看第一显示区域中显示的第一内容的其他部分内容的情况下,无需 退出当前投屏模式,无需重新开启投屏,只需要调整第一选择框的大小即可在投屏接收设备 中查看第一内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体验。
结合第一方面的内容,在一些实现方式中,电子设备检测到第一操作,在第一显示区域 中显示第一选择框,包括:
电子设备检测到第一操作,将第一显示区域划分为第三显示区域和第二显示区域;
电子设备将第一显示区域中显示的第一内容以第三显示区域的尺寸在第三显示区域中显 示,并在第三显示区域中显示第一选择框。
第二方面,提供一种投屏显示方法,该方法通过第一电子设备在第一显示区域中显示第 一内容;第一电子设备检测到第一操作,在第一显示区域中显示第一选择框;第一选择框中 的内容为第一内容的第一部分内容;
第一电子设备将第一投屏数据发送至第二电子设备,指示第二电子设备在第二显示区域 中以第二显示区域的尺寸显示第一部分内容,第一投屏数据是基于第一内容的显示数据和第 一选择框的位置信息得到的;第一电子设备将在第一显示区域显示的第一内容更新为第二内 容;第一选择框中的内容更新为第二内容的第二部分内容;第一电子设备将第二投屏数据送 至第二电子设备,以指示第二电子设备在第二显示区域中以第二显示区域的尺寸显示第二部 分内容;第二投屏数据是基于第一选择框的位置信息和第二内容的显示数据得到的。
这样,第一电子设备中第一显示区域的尺寸与第一选择框的尺寸不同,因此第一显示区 域中显示的投屏内容与第一选择框中选中的第一部分内容大小不同。这样,可以实现在第一 电子设备的第一显示区域上显示第一内容的全局部分,第二电子设备的第二显示区域上显示 第一内容的细节部分,即第一内容的第一部分内容。也就是说,可以同时兼顾查看第一内容 的全局部分和细节部分。
结合第二方面的内容,在一些实现方式中,第一内容和第二内容有部分相同。
结合第二方面的内容,在一些实现方式中,第一投屏数据为第一部分内容的显示数据, 和/或,第二投屏数据为第二部分内容的显示数据。
结合第二方面的内容,在一些实现方式中,第一投屏数据包括第一内容的显示数据和第 一选择框的位置信息;和/或,第二投屏数据包括第二内容的显示数据和第一选择框的位置 信息。
结合第二方面的内容,在一些实现方式中,该方法还包括:
第一电子设备检测到第二操作,在第一显示区域上显示第二选择框;第二选择框中的内 容为第二内容的第三部分内容;
第一电子设备将第三投屏数据发送至第二电子设备;第三投屏数据是基于第二选择框的 位置信息和第一内容的显示数据得到的;
第二电子设备接收第三投屏数据,并将第二显示区域的显示区域划分为第四显示区域和 第五显示区域;
第二电子设备在第四显示区域中显示第二部分内容,在第五显示区域中显示第三部分内 容。
结合第二方面的内容,在一些实现方式中,该方法还包括:
第一电子设备检测到第二操作,在第一显示屏中显示第三选择框并将第一选择框的尺寸 调整为第一尺寸;第一选择框的长宽尺寸和第三选择框的长宽尺寸比例均为第二显示区域的 长宽比例尺寸的二分之一,第一选择框中的内容更新为第二内容的第五部分内容,第三选择 框中的内容为第二内容的第四部分内容;
第一电子设备将第四投屏数据和第五投屏数据发送至第二电子设备,第四投屏数据是基 于第一选择框的位置信息和第二内容的显示数据得到的,第五投屏数据是基于第三选择框的 位置信息和第二内容的显示数据得到的;
第二电子设备接收第四投屏数据和第五投屏数据,并第二电子设备将第二显示区域划分 为第四显示区域和第五显示区域,在第四显示区域中以第四显示区域的尺寸显示第五部分内 容,在第五显示区域中以第五显示区域的尺寸显示第四部分内容。
结合第二方面的内容,在一些实现方式中,该方法还包括:
第一电子设备检测到第二操作,第一电子设备显示第四选择框,第四选择框中的内容为 第二内容的第六部分内容;
第一电子设备将第六投屏数据发送至第三电子设备,以指示第三电子设备在在第三电子 设备的显示屏中显示第六部分内容,第六投屏数据是基于第四选择框和第二内容的显示数据 得到的。
可以理解的是,第三电子设备的尺寸比例是第三电子设备的显示屏的尺寸比例,或者是 第三电子设备中用于显示第四选择框中的内容的显示区域的尺寸比例。第三电子设备可以是 下述实施例中的电子设备800。
结合第二方面的内容,在一些实现方式中,该方法包括:
第一电子设备检测到第三操作,第一电子设备将第一选择框移动到第一位置;第一选择 框中的内容更新为第二内容的第七部分内容;
第一电子设备将第七投屏数据发送给第二电子设备,第七投屏数据是基于第一选择框的 位置信息和第二内容的显示数据得到的;
所第二电子设备接收第四投屏数据,并在第二显示区域中以第二显示区域的尺寸显示第 七部分内容。
结合第二方面的内容,在一些实现方式中,该方法还包括:第一电子设备检测到第四操 作,第一电子设备将第一选择框的尺寸调整为第二尺寸;第一选择框中的内容更新为第一内 容的第八部分内容;
第一电子设备将八投屏数据发送至第二电子设备,第八投屏数据是基于第一选择框的位 置信息和第二内容的显示数据得到的;
第二电子设备接收第八投屏数据,并在第二显示区域中以第二显示区域的尺寸显示第八 部分内容。
结合第二方面的内容,在一些实现方式中,该方法还包括:第一电子设备检测到第四操 作,第一电子设备将第一选择框的尺寸调整为第三尺寸;第一选择框中的内容更新为第二内 容的第九部分内容;
第一电子设备将第九投屏数据发送至第二电子设备,第九投屏数据是基于第一选择框的 位置信息和第二内容的显示数据得到的;
第二电子设备接收第九投屏数据,并在第二显示屏中以第四尺寸显示第九部分内容;第 四尺寸小于第二显示区域的尺寸,第四尺寸是基于第二显示区域的尺寸和第三尺寸确定的。
第三方面,提供一种投屏系统,该投屏系统可以包括第一电子设备和第二电子设备,其 中,第一电子设备用于执行上述第三方面中任一种可能的实现方式中的一种投屏方法;第二 电子设备用于执行上述第二方面中任一种可能的实现方式中的一种投屏方法。
第四方面,提供一种电子设备,该电子设备可以包括:一个或多个处理器、一个或多个 存储器;一个或多个存储器分别与一个或多个处理器耦合;一个或多个存储器用于存储计算 机程序代码,计算机程序代码包括计算机指令;当计算机指令在处理器上运行时,使得电子 设备执行上述第一方面中任一种可能的实现方式中的一种投屏方法。
第五方面,提供了一种包含指令的计算机程序产品,当所述计算机程序产品在电子设备 上运行时,使得所述电子设备执行上述任一方面任一项可能的实现方式中的投屏方法。
第六方面,提供了一种计算机存储介质,包括计算机指令,当计算机指令在电子设备上 运行时,使得电子设备执行上述任一方面任一项可能的实现方式中的投屏方法。
附图说明
图1是本申请实施例提供的投屏系统1000的示意图;
图2本申请实施例提供的电子设备300的示意图;
图3-图4是本申请实施例提供的第一显示区域中的内容投屏至第二显示区域中显示的示 意图;
图5是本申请实施例提供的通过移动电子设备100中的选择框,改变电子设备200投屏 内容的示意图;
图6-图7是本申请实施例提供的缩放电子设备100中的选择框,改变电子设备200投屏 内容的示意图;
图8-图11是本申请实施例提供的调整电子设备100中的选择框大小,改变电子设备 200投屏内容的示意图;
图12-图13是本申请实施例提供的调整电子设备200中投屏内容的显示区域大小示意图;
图14-图17是本申请实施例提供的电子设备100中增加选择框,电子设备200中增加投 屏内容的示意图;
图18-图19是本申请实施例提供的电子设备200中悬浮显示投屏内容的示意图;
图20是本申请实施例提供的锁定模式的示意图;
图21是本申请实施例提供的另一种投屏显示方法示意图;
图22是本申请实施例提供的调整显示区域701和显示区域702所占用显示屏中显示区 域大小;
图23是本申请实施例提供的新增选择框的示意图;
图24是本申请实施例提供的悬浮显示投屏内容的示意图;
图25是本申请实施例提供的遮挡选择框中部分内容的示意图;
图26是本申请实施例提供的另一种新增选择框的示意图;
图27是本申请实施例提供的一种投屏显示方法流程图;
图28是本申请实施例提供的另一种投屏显示方法流程图;
图29是本申请实施例提供的另一种投屏显示方法的流程图;
图30是本申请实施例提供的电子设备的硬件架构示意图。
具体实施方式
本申请以下实施例中所使用的术语只是为了描述特定实施例的目的,而并非旨在作为对 本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样,单数表达形式“一 个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括复数表达形式,除非其上下文 中明确地有相反指示。还应当理解,本申请中使用的术语“和/或”是指并包含一个或多个 所列出项目的任何或所有可能组合。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者 隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含 地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是 两个或两个以上。
在一些实现方式中,用户可以通过电子设备的扩展显示屏或者其他电子设备的显示屏, 实现对电子设备上的同一个内容的不同视图显示。例如,可以将电子设备A上的显示内容 投屏到电子设备B上。但是用户如果需要同时查看同一内容的全局部分和细节部分,电子设 备需要通过一些应用程序(例如Photoshop等应用),或者特定的复杂交互方式才能实现同 时针对同一内容的全局部分和细节部分进行多视图显示。例如,用户需要先在电子设备A 上打开一个应用,显示内容的全局部分,然后需要通过用户操作,开启投屏模式,在电子设 备B上显示该内容的细节部分。另外,当用户需要修改投屏内容的情况下,电子设备需要先 退出当前的投屏模式,再重新开启投屏。这样,对用户的使用带来极大限制,且用户操作复 杂,用户体验差。
因此,本申请实施例提供一种投屏显示方法及电子设备。该投屏显示方法通过在第一显 示区域显示第一内容,响应于用户的投屏操作,在第一显示区域显示选择框,并将该选择框 中选中的第一内容的第一部分内容投屏在第二显示区域中显示。其中,可以通过用户操作控 制选择框的位置、尺寸、数目,控制选择框中选中的内容,进而控制第二显示区域中的投屏 内容、投屏内容的大小以及投屏内容的数目。
具体地,在一些实现方式中,第一显示区域和第二显示区域为不同电子设备上的显示区 域。第一显示区域可以是电子设备A的显示区域,第二显示区域可以是电子设备B的显示 区域。具体地,电子设备A可以显示第一内容,响应于用户的投屏操作,在电子设备A显示屏中显示选择框,并将选择框中选中的第一内容的第一部分内容传输至电子设备B进行同 步显示。其中,可以通过用户操作控制电子设备A中的选择框的缩放、移动、增减,控制选择框中选中的内容,进而控制电子设备B备中显示的投屏内容以及显示形式。
这样,电子设备A显示屏的尺寸与选择框的尺寸不同,因此电子设备A显示屏显示的 投屏内容与选择框中选中的第一部分内容大小不同。这样,可以实现在电子设备A上显示 第一内容的全局部分,在电子设备B上显示第一内容的细节部分,即第一内容的第一部分内 容。也就是说,可以同时兼顾查看第一内容的全局部分和细节部分。另外,在用户需要查看 电子设备A显示屏中显示的第一内容的其他部分内容的情况下,无需退出当前投屏模式, 无需重新开启投屏,只需要新增选择框或者调整选择框的位置、尺寸大小等,即可在投屏接 收设备中查看第一内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体验。
在另一些实现方式中,第一显示区域和第二显示区域还可以是同一个电子设备上的不同 显示屏上的显示区域。例如,第一显示区域为电子设备100上的显示区域,第二显示区域可 以是电子设备A的扩展显示屏上的显示区域。
或者,第一显示区域和第二显示区域还可以是同一电子设备的同一个显示屏上的显示区 域。第二显示区域为第一显示区域的一部分。具体地,电子设备在第一显示区域显示第一内 容,检测到用户的投屏操作,电子设备将第一显示区域划分为第二显示区域和第三显示区域。 在第三显示区域中显示第一内容以及选择框,在第二显示区域中显示选择框中选中的第一内 容的第一部分内容。第一显示区域和第二显示区域还可以是同一个电子设备上的不同显示区 域。
这样,第二显示区域的尺寸与选择框的尺寸不同,因此第三显示区域显示的第一部分内 容与选择框中选中的第一部分内容大小不同。这样,可以实现在第三显示区域上显示第一内 容的全局部分,在第二显示区域上显示第一内容的细节部分,即第一内容的第一部分内容。 也就是说,可以同时兼顾查看第一内容的全局部分和细节部分。另外,在用户需要查看第三 显示区域中显示的第一内容的其他部分内容的情况下,无需退出当前投屏模式,无需重新开 启投屏,只需要在第一显示区域新增选择框或者调整选择框的位置、尺寸大小等,即可在第 二显示区域中查看第一内容的其他部分内容,这样,操作简单,比较便捷,可以提高用户体 验。
下面介绍本申请实施例提供的一种投屏系统。
参见图1,图1是本申请实施例提出的一种投屏系统的示意图,该投屏系统可以至少包 括两个电子设备。如图1所示,投屏系统1000可以包括电子设备100、电子设备200。电子 设备100可以是投屏发送端,电子设备200可以是投屏接收端。电子设备100包括显示屏10, 电子设备200包括显示屏20。电子设备100显示屏10中显示的内容可以投屏到电子设备200显示屏20中。电子设备100投屏到电子设备200中的内容可以称为投屏内容。为了方便描述,在以下实施例中,投屏发送端的电子设备(电子设备100)可以称为投屏发送设备。 投屏接收端的电子设备(电子设备200)可以称为投屏接收设备。本申请实施例中,电子设 备100可以称为第一电子设备,电子设备200可以称为第二电子设备。显示屏10可以称为 第一显示区域,显示屏20可以称为第二显示区域。
其中,投屏发送设备和投屏接收设备之间可建立无线或有线通信连接。例如,有线通信 连接可以是高清多媒体接口(high definition multimedia interface,HDMI),并通过HDMI传 输线传输投屏数据;无线通信连接可以是高保真无线通信(wireless fidelity,Wi-Fi)连接、 蓝牙连接、红外线连接、NFC连接、ZigBee连接等近距离连接,也可以是远距离连接,远 距离连接包括但不限于基于2G,3G,4G,5G以及后续标准协议的移动网络的远距离连接。 例如,电子设备100和电子设备200可以登录同一用户账号(例如华为账号),然后通过服 务器进行远距离连接,并通过该无线连接传输投屏数据。本申请对此不作限定。在进行投屏 之前,需要在投屏发送设备和投屏接收设备建立通信连接,在将投屏发送设备和投屏发送设 备建立通信连接后,用户可以在投屏发送设备触发启动投屏功能,即可将投屏发送设备的显 示屏当前显示的全部内容或部分内容发送到投屏发送设备的显示屏进行显示,实现投屏。
可以理解的是,本申请所涉及的投屏是指控制第一显示区域中的全部内容或者部分内容 (如音频播放内容、视频播放内容、即时通讯软件聊天内容等)在第二显示区域中呈现,以 实现第一显示区域中显示的内容在第二显示区域中显示的效果。
第一显示区域和第二显示区域可以是不同电子设备上的显示区域。例如,电子设备100 的显示屏10中显示的内容或者部分显示内容可以传输到电子设备200的显示屏20中进行显 示。
在一些实施例中,第一显示区域和第二显示区域可以位于同一个电子设备上,即投屏接 收设备和投屏发送设备可以是同一个电子设备。也就是说,第一显示区域和第二显示区域可 以是电子设备上的不同显示屏。例如,如图2所示,第一显示区域可以是电子设备300的显 示屏30,第二显示区域可以是电子设备300的显示屏31。其中,投屏可以是指电子设备 300控制显示屏30中显示的内容在显示屏31中显示。
或者第一显示区域和第二显示区域可以位于同一个电子设备的同一个显示屏上。具体可 以参见下述图21实施例,此处先不赘述。
可以理解的是,第一显示区域中显示的内容可以是图片、word文件、演示文稿、绘图 界面、视频文件等等,本申请对此不作限制。
示例性地,如图3所示,第一显示区域显示的内容为内容A1,检测到用户的投屏操作, 在第一显示区域中显示第一选择匡,其中,第一选择框中包括的内容为内容A1中的一部分 A2。将第一选择框中的内容A2在第二显示区域中以第二显示区域的尺寸显示,即在第二显 示区域中显示内容A2,
在一些示例中,用户可以更新第一显示区域中显示的内容,因而第一选择框中的内容发 生改变,从而控制第二显示区域中显示的投屏内容发生改变。示例性地,如图3中(a)和 图3中(b)所示,可以将第一显示区域中显示的内容A1更新为内容A3时,第一选择框中 的内容由内容A2更新为内容A4。如图3中(c)和图3中(d)所示,第二显示区域中显示 的内容由内容A2更新为内容A4。
可以理解的是,上述实施例中内容A1和更新后的内容A3有部分内容相同,上述将内 容A1更新为内容A3仅为举例。不限于此,在实际实现中,内容A1和内容A3还可以是完 全不同的两个内容。例如,内容A1可以在时刻T1显示小猫的图片,内容A3在时刻T2显 示小狗的图片等,本申请对此不作限定。
第一显示区域中显示的内容还可以是WORD文档等。示例性地,如图4中(a)所示,第一显示区域中显示的内容还可以内容A5,即“文件1-WORD”,第一选择框中包括的内容 为A6,即“CCCCCCCC DDDDDDDD”。如图4中(b)所示,第二显示区域中以第二显示 区域的尺寸显示内容A6。如图4中(a)和图4中(c)所示,可以将第一显示区域中显示 的内容由A5更新为A7,则第一选择框中的内容由内容A6更新为内容A8。如图4中(c) 和图4中(d)所示,第二显示区域中显示的投屏内容由内容A6更新为内容A8,即 “CCCCCCCC DDDDDDDD”更新为“EEEEEE FFFFFF”。可以看出,内容A6为内容A5 中的一部分内容,第二显示区域中显示的内容A6和第一选择框中显示内容A6位同一个内 容,由于第一选择和第二显示区域的尺寸不同,因此,第二显示区域中显示的内容A6和第 一选择框中的内容A6显示大小不同,第一选择框中的内容A6可以是第二显示区域中显示 的内容A6的放大或缩小版。
需要说明的是,本申请所涉及的电子设备可以是任意带有显示屏的设备。例如可以是手 机、可折叠电子设备、平板电脑、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、 超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、蜂窝电话、个人数 字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)设备、虚拟现 实(virtual reality,VR)设备、人工智能(artificial intelligence,AI)设备、可穿戴式设备、车 载设备、智能家居设备、或智慧城市设备中的至少一种。本申请实施例对电子设备的具体类 型不作特殊限制。
下面结合附图详细介绍本申请实施例提供的一种投屏显示方法。
下面结合图1所示的通信系统1000中的电子设备100和电子设备200,以第一显示区域 为电子设备100上的显示屏10,第二显示区域为电子设备200上的显示屏20为例进行说明。
如图1所示,电子设备100包括显示屏10,显示屏10可以显示用户界面110,该用户界面110中可以显示内容A1,即包括“蝴蝶”和“小猫”的图片。电子设备100中可以有 触控区域102。可选地,电子设备100可以连接有鼠标103。
如图1所示,电子设备200包括显示屏20,显示屏20显示有用户界面210,该用户界面210中显示有一些应用程序的图标。例如,设置201的图标、运动健康202的图标、备忘 录203的图标等等。
可以理解的是,电子设备100的用户界面110中显示的内容仅为举例说明,电子设备 100的用户界面110中显示的内容可以不限于图1中示出的小猫的图片,还可以是其他内容, 例如,可以办公软件的用户界面等,本申请对此不作限定。电子设备200的而用户界面210 中显示的内容可以不限于图1中示出的内容。
用户可以在显示屏10上开启电子设备100的投屏功能。例如,用户可以在显示屏10中 进行投屏操作,在显示屏10中可以选择需要投屏的内容,并将需要投屏的内容传输至电子 设备200中显示。
如图5所示,电子设备100可以检测到用户的双击操作,响应于该双击操作,电子设备 100显示用户界面120,用户界面120可以显示有选择窗口121。该窗口121用于选择投屏接 收设备。示例性地,该窗口121中可以显示有一个或多个投屏接收设备。例如,电子设备400、电子设备500、电子设备600以及电子设备200。
其中,用户可以通过控件1211来选择电子设备200作为投屏接收设备。用户还可以通 过点击控件1212来选择电子设备500作为投屏接收设备。用户还可以通过点击控件1213来 选择电子设备600作为投屏接收设备。用户还可以通过点击控件1214来选择电子设备800 作为投屏接收设备。下文以用户选择电子设备200作为投屏接收设备为例进行阐述。
可以理解的是,图5中示出的用于选定投屏接收设备的窗口121仅为示例。本申请实施 例对用于选定投屏接收设备的窗口的形状和窗口中包含的内容(例如,控件、文字、图标等 等)不作限定。
可以理解的是,用户可以通过鼠标103开启投屏功能和选择投屏设备。用户也可以通过 触控区域102开启投屏功能和选择投屏设备。不限于此,在电子设备100的显示屏为触摸屏 的情况下,用户还可以通过手势开启投屏功能和选择投屏设备。本申请对此不做任何限定。 下面以显示屏10和显示屏20位触摸屏为例进行说明。
当用户选择电子设备200作为投屏接收设备之后,电子设备100可以获取电子设备200 的显示屏20屏幕尺寸,根据该屏幕尺寸确定选择框的尺寸,并在显示屏10上显示该选择框。 并将选择框中的待投屏内容作为投屏内容传输至电子设备200,电子设备200接收该投屏内 容后,在显示屏20中进行显示。
如图6所示,电子设备100检测到作用于控件1211的点击操作,响应于该点击操作,电子设备100可以在用户界面120中显示选择框122。其中,选择框122的长宽尺寸比例与 显示屏20的长宽尺寸比例相同。电子设备100在显示选择框122之前,可以获取显示屏20 的长宽尺寸比例,根据显示屏20长宽尺寸比例确定选择框122的长宽尺寸比例。例如,当 显示屏20的长宽尺寸比例为1:2,则选择框122的长宽尺寸比例为1:2。
如图6所示,响应于该点击操作,电子设备100将选择框122选中的内容传输至电子设 备200,电子设备200接收该选择框122中的内容之后,显示用户界面220a。该用户界面220a显示有内容A2。如图6所示,电子设备200接收选择框122选中的内容后,可以根据 电子设备200显示屏20的寸尺进行自适应适配显示。显示屏20中显示的内容A2与显示屏 10中的选择框122中内容为同一个内容,由于显示屏20的大小和选择框122的大小不同, 显示屏20中显示的内容A2与选择框122中选中的内容的大小不同。内容A2可以是选择框 122中的内容的放大版或缩小版。
这样,用户可以在投屏发送设备中查看小猫图片的全局部分,在投屏接收设备即电子设 备200中查看小猫图片的细节部分。
在一些示例性中,选择框122的面积大小、位置可以是电子设备100在出厂时的默认设 置的,选择框122的面积大小可以比图6中示出的更大或者更小。选择框122的位置可以位 于显示屏10显示区域中的任意区域。例如,显示屏10显示区域的左侧区域、显示屏10显 示区域右侧区域、显示屏10显示区域中心区域等。选择框口122的面积大小、位置还可以是用户选择或者自定义的。例如,用户可以预先从多个可设置位置、大小的设置菜单中选择选择框122的位置和大小。或者,用户可以预先从接收用户自定义位置、大小的设置页面中自定义选择框122的大小、位置。本申请对选择框122的大小、选择框122的位置、选择框 122的内容不作限定。
在一些可选的实施例中,电子设备可以预先存储有备选投屏接收设备,该备选投屏接收 设备可以是用户在一个时间段内使用频率最高的电子设备,还可以用户在一个时间段内使用 总时长最长的电子设备,还可以是用户最近一次使用的电子设备。
示例性地,备选投屏接收设备为电子设备200。电子设备100检测用户的投屏操作,响 应于该投屏操作,电子设备100显示选择框122,电子设备100将选择框122中选中的内容直接传输至电子设备200中进行显示。
在一些实施例中,用户可以通过移动选择框122的位置修改想要投屏的内容。也就是说, 用户可以通过移动电子设备100中的选择框122的位置,修改选择框122中的内容,进而控 制电子设备200中显示的投屏内容。例如,可以通过按压拖动选择框122的边缘,例如选择 框122的顶部边缘或左侧边缘或者右侧边缘,并拖动选择框122至目标位置。相应地,在电 子设备200显示屏20中显示的投屏的内容相应改变。换言之,用户可以通过按压拖动等操 作改变电子设备100选择框122选中的内容,进而改变电子设备200显示屏20中显示的投 屏内容。
示例性地,如图7所示,电子设备100检测到作用于选择框122的拖动操作,响应于该 拖动操作,电子设备100将选择框122从位置P1拖到位置P2,选择框122选中的内容由内容A4更新为内容A9。即选择框122中的内容从猫的脚部改变为猫的头部。电子设备100将 位置为P2的选择框122中选中的内容A9传输至电子设备200。
相应地,如图7所示,电子设备200接收位置为P2的选择框122中选中的内容后,电子设备200显示用户界面220c。该用户界面220c显示有内容A9。其中,内容A9与位置为 P2的选择框122的内容为同一个内容。
从图7中可以看出,当用户将选择框122从位置P1拖到位置P2,其选择框122选中的内容从猫的脚部区域更新为猫的头部区域,显示屏20中的显示内容由内容A4更新为内容A9。即显示屏20中的显示内容从猫的脚部区域变为猫的头部区域。这样,用户可以通过移动选择框的位置,进而改变投屏的内容。用户在使用投屏功能进行投屏,当用户发现需要修改投屏的内容时,无需要用户退出当前的投屏模式,再重新开启投屏,提高用户体验。
可以理解的,上述拖动操作可以是用户的手指在显示屏上的滑动,滑动的起点在显示屏 10上的位置P1,滑动的终点在位置P2,电子设备100获取到位置P1和位置P2,将选择框 122从位置P1移动到位置P2。如图7中所示,在选择框122的移动过程中,用户的手指与选择框122的相对位置不变。
不限于用户的手指在显示屏10上滑动,以拖动选择框122从位置P1到位置P2,在一些实施例中,用户还可以通过其他身体部位或工具在显示屏10上滑动,以移动选择框122。例如,用户可以通过指尖、指肚、手肘、触控笔、鼠标103等拖动选择框122,这里不做限 制。例如,用户可以通过鼠标103点击选择框122的右侧边缘选中选择框122,通过移动鼠 标103,进而拖动选择框122至目标位置。
可以理解的是,不限于上述将选择框122从位置P1移动到位置P2,在实际应用中,用 户可以将选择框122移动至显示屏10显示区域的任意区域。例如,可以移动至显示屏10显 示区域的中心区域等。
在一些实施例中,可以通过用户操作修改选择框122的大小,调整选择框122中内容, 进而控制电子设备200中显示屏20中显示的投屏内容。例如,用户可以对选择框121进行 等比例缩小或者放大,进而控制显示屏20中显示的投屏内容相应地增加或减少。
示例性地,如图8中(a)和图8中(c)所示,电子设备100检测到作用于选择框122 的双指收拢操作,响应于该双指收拢操作,电子设备100将选择框122从尺寸S1调整为尺 寸S2,尺寸S1大于尺寸S2。尺寸S1的选择框122的各个边的比例与尺寸S2的选择框122 的各个边的比例一致。例如,尺寸S1的选择框122的各个边的比例为1:1:2:2,则尺寸S2的 选择框122的各个边的比例也为1:1:2:2。也就是说,响应于该双指收拢操作,电子设备100 对尺寸为S1的选择框122的各个边进行等比例缩小,得到尺寸S2的选择框122。
电子设备100将选择框122从尺寸S1调整为尺寸S2之后,将选择框122选中的内容A10传输至电子设备200。
如图8中(d)所示,电子设备200接收选择框122选中的内容A10之后,电子设备 200显示用户界面220d。该用于界面220d中显示有内容A10。内容A10与选择框122选中 的内容为同一个内容,为了适应显示屏20的显示尺寸,对选择框122中选中的内容进行等 比例缩小或者放大,显示于显示屏20中。
可以理解的是,如图8中(a)和图8中(c)所示,图8中(c)中选择框122中的内容 为于图8中(a)中选择框122中的内容的一部分。如图8中(b)和图8中(d)所示,内 容A10相当于是对内容A9中的一部分进行等比例放大。也就是说,图8中(c)中选择框 122中的内容相对于图8中(a)中选择框122中的内容更少,对于同样的显示屏,显示内容 的不一样,其内容中包括的元素的尺寸不一样。换言之,用户对选择框122进行等比例缩小, 相当于将投屏的内容A9的部分进一步放大,得到内容A10。
这样,当用户想要查看内容A3中小猫图片中更细节的内容,用户可以调整选择框的大 小,进而放大电子设备200中显示内容。
相应地,用户可以对选择框122进行等比例缩小,也可以对选择框122进行等比例对放 大。
示例性地,如图9中(a)和图9中(c)所示,电子设备100检测到作用于选择框122 的双指扩展操作,响应于该双指扩展操作,电子设备100将选择框122从尺寸S2调整为尺 寸S3,尺寸S2小于尺寸S3,尺寸S2的选择框122的各个边的比例与尺寸S3的选择框122 的各个边的比例一致。也就是说,响应于该双指收拢操作,电子设备100对选择框122的各 个边进行了等比例放大。
电子设备100将选择框122从尺寸S2调整为尺寸S3之后,将尺寸为S3的选择框122选的内容传输至电子设备200。
如图9中(b)和图9中(d)所示,电子设备200接收尺寸为S3的选择框122中的内 容之后,电子设备200显示用户界面220e。该用户界面220e显示有内容A12。内容A12与 选择框122中的内容为同一个内容,为了适应显示屏20的显示尺寸,对选择框122中选中 的内容进行等比例缩小或者放大,显示于显示屏20中。
可以理解的是,用户对选择框122进行等比例放大,在显示屏20中可以显示更多的内 容。这样,当用户想要查看内容A3的更多的内容时,可以放大选择框的尺寸,在显示屏20中显示更多的投屏内容。
在一些可选的实施例中,用户可以通过手动调整选择框122各个边的比例来调整选择框 122的大小。例如,用户可以手动调整选择框122四个边中一个边的大小,其他边的大小保 持不变,这样可以调整选择框122各个边的比例。
示例性地,如图10所示,用户可以通过按压选中选择框122的右侧边缘向左拖动,对 选择框122的上下边进行缩小,通过按压选中选择框122的下侧边缘向上拖动,对选择框122的左右边进行缩小。其中,选择框122的左右边和上下边的调整尺度可以不一样。也就是说,选择框122的左右边和上下边的缩小或放大的尺度可以不一样。如图10所示,电子 设备100检测到用户对选择框122的右侧边缘和下侧边缘的拖动操作,响应于该拖动操作, 电子设备100将选择框122的尺寸从尺寸S1调整为尺寸S4。其中,尺寸S1的选择框122 中各个边的比例与尺寸S4的选择框122中的各个边的比例不一样。
电子设备100将选择框122从尺寸S1调整为尺寸S4之后,电子设备100将选择框122选中的内容传输至电子设备200进行显示。
如图10所示,电子设备200接收选择框122选中的后,电子设备200显示用户界面220f。该用户界面220f显示有内容A13。
可以理解的是,电子设备200接收选择框122选中的之后,按照显示屏20的尺寸,对该内容进行适应性的放大或缩小,以适配显示屏20,得到内容A13。内容A13与选择框122 选中的内容为同一个内容。
在一些可选的实现方式中,如图11所示,电子设备100检测到用户对选择框122的右 侧边缘和下侧边缘的拖动操作,响应于该拖动操作,电子设备100将选择框122的尺寸从尺 寸S1调整为尺寸S4。电子设备100将尺寸为尺寸S4的选择框122中内容发送至电子设备200。
如图11所示,电子设备200接收内容之后,电子设备200显示用户界面220g。该用户界面220g显示有内容A13和备忘录应用图标203。其中,图11中显示的内容A13和图10 中显示的内容A13所占显示屏的显示区域大小不同。可以理解的是,电子设备100在调整选 择框122的尺寸之后,电子设备200可以获取选择框122的调整比例X1,按照该比例X1, 调整内容A13所占用的显示区域的尺寸。电子设备200在显示屏20中显示调整后的内容 A13以及显示电子设备200中原有的显示资源中的内容,例如用户界面210中显示的应用图 标等。
相应地,可以通过用户的拖动操作,调整选择框122各个边的比例,以放大选择框122。
在一些实施例中,可以通过控制投屏接收设备中显示的投屏内容,进而控制投屏发送设 备中的投屏内容。例如,电子设备200中可以接收用户操作,调整显示屏20中的投屏内容, 进而控制电子设备100中选择框的大小。
示例性地,如图12所示,电子设备200检测到用户作用于显示屏20的敲击操作,响应 于该敲击操作,电子设备200在显示屏20中显示调整框2211。该调整框2211用于调整显示 屏20中显示的投屏内容。调整框2211可以是如图12中所示的虚线框,用户可以对该调整框2211对投屏内容进行调整。
如图13中(a)所示,电子设备200检测到用户的手指在调整框2211的右侧边缘向左滑动操作,响应于该滑动操作,电子设备200显示用户界面220h。如图13中(b)所示,该 用户界面220h显示有内容A14,内容A14为内容A9的一部分。电子设备200记录调整的 比例X2,并将该比例发送给电子设备100。相应地,如图13中(c)所示,电子设备100按 照该调整比例X2将选择框的尺寸调整为S7。可以看出,内容A14为尺寸为S7的选择框 122选中的内容为同一个内容,但是大小不同。
在一些实施例中,电子设备100可以显示有多个选择框,对多个内容进行投屏显示。电 子设备100可以通过用户操作新增选择框,增加选择框,进而新增投屏内容。电子设备100 将显示屏10上显示多个选择框选中的投屏内容传输给电子设备200,电子设备200在收到该 多个投屏内容后,可以显示屏20上为多个投屏内容划分出多个显示区域,该多个投屏内容 显示在各自的显示区域中。
如图14所示,电子设备100检测到鼠标103的光标在选择框122的右侧边缘停留的时 长大于第一阈值,电子设备100在选择框122中显示新增控件1221。该新增控件用于增加投 屏内容。用户可以点击该新增控件1221,增加选择框,进而增加投屏内容。
如图15中(a)和图15中(c)所示,电子设备100检测到作用于新增控件1221的用 户操作,响应于该用户操作,电子设备100显示选择框123。电子设备100可以将选择框 123中选中的内容传输至电子设备200中进行显示。
如图15中(b)所示,在新增选择框123之前,电子设备200的显示屏20中全屏显示内容A9。如图15中(d)所示,电子设备200接收选择框123中选中的内容之后,电子设 备200显示用户界面220i。该用户界面220i包括显示区域121和显示区域122。显示区域 121中显示有内容A9,显示区域122中显示有内容A15。可以看出,图15中(b)和图15 中(d)所示,显示区域221中显示的内容A9与选择框122中选中内容为同一个内容,但是 内容大小不同,显示区域222中显示的内容A15与选择框123中选中的内容为同一个内容, 但内容大小不同。
可以理解的是,电子设备200接收选择框122中选中的内容和选择框123中选中的内容 之后,为了适应显示屏20全屏显示这两个内容,可以将选择框122中选中的内容和选择框 123中选中的内容进行按照显示区域221和显示区域222的尺寸进行适应性地放大或者缩小。
可以理解的是,显示区域221和显示区域222的大小可以一样。例如,图15中两个显示区域大小一致,分别占显示屏20的二分之一大小。显示区域221和显示区域222也可以 不一样。本申请对此不作限定。
值得说明的是,电子设备100还可以通过新增控件显示多个选择框,进而投屏多个内容。 例如,用户可以通过鼠标103的光标在选择框123的右侧边缘停留的时长大于第一时长,电 子设备100可以在选择框123中显示新增控件1221,用户点击该新增控件1221,电子设备 100则可以新增一个选择框,即电子设备100显示3个选择框。
相应地,电子设备100在显示第3个选择框之后,电子设备100将第3个选择框中选中 的投屏内容传输至电子设备200,电子设备200接收第3个投屏内容之后,将显示屏20的显 示区域划分为三个,三个显示区域中分别显示三个选择框中的投屏内容。
可以理解的是,在电子设备200中,每增加一个投屏内容,电子设备200都重新划分显 示区域。例如,在投屏内容为一个的情况下,电子设备200全屏显示该投屏内容;在投屏内 容为两个的情况下,电子设备200将显示屏20的初始显示区域划分为两个,每个显示区域 为初始显示区域的二分之一;在投屏内容为三个的情况下,电子设备200将显示屏20的初 始显示区域划分为三个,每个显示区域为初始显示区域的三分之一。如图15所示,电子设 备100中新增一个选择框123,电子设备200接收电子设备100传输的两个投屏内容之后,电子设备200划分将显示屏20的显示区域划分为两个显示区域,两个显示区域分别显示两个内容A9和A15。
可以理解的是,新增的选择框123的位置可以是显示屏10显示区域的任意区域,选择 框123可以与选择框122重叠,也可以不重叠,本申请对此不作限定。
在一些可选的实现方式中,电子设备100在显示新增选择框之前,电子设备100需要重 新计算选择框的尺寸。例如,在电子设备100新增一个选择框,即电子设备100显示两个选 择框,电子设备100计算显示屏20的二分之一尺寸,根据显示屏20的二分之一尺寸确定选 择框的尺寸。
如图16中(a)和图16中(c)所示,电子设备100检测到作用于新增控件1221的用 户操作,响应于该用户操作,电子设备100显示选择框124和选择框125。其中,选择框 124的长宽比例和选择框125的长宽比例一致,均为显示屏20长宽比例的二分之一。
电子设备100可以将选择框124选中的内容和选择框125中选中的内容传输至电子设备 200中进行显示。
如图16中(b)和图16(d)所示,电子设备200接收选择框124选中的内容和选择框125中选中的内容之后,显示用户界面220j。该用户界面220j显示有内容A16和内容A17。 可以看出,内容A16与选择框124选中的内容为同一个内容,显示区域221的尺寸与选择框 124的尺寸不同,因此显示区域221中显示的内容A16与选择框124中的内容大小不同,内 容A16可以是选择框124选中的内容的放大版或缩小版。内容A17与选择框125选中的内 容为同一个内容,显示区域222的尺寸与选择框125的尺寸不同,因此显示区域222中显示 的内容A17与选择框125中的内容大小不同,内容A17可以是选择框125选中的内容的放 大版或缩小版。
可以理解的是,新增选择框的位置可以是显示屏10中的任意区域,本申请对此不作限 定。
在一些实施例中,可以通过用户操作移动新增选择框424位置,改变显示区域222中的 投屏内容。新增选择框的位置移动可以参见上述图7实施例中的相关描述,此处不在赘述。
在一些实施例中,新增的选择框可以等比例的缩小或放大,调整比例等。新增的选择框 的缩放可以参见上述图8-图9中的实施例的相关描述,此处不在赘述;新增的选择框的比例 调整可以参见上述图10-图11实施例中的相关描述,此处不在赘述。相应地,新增投屏内容 也可以调整显示比例、大小,新增投屏内容的显示比例调整可以参见上述图12和图13实施 中的相关描述,此处不再赘述。
在一些可选的实现方式中,电子设备100中可以预先存储有备选投屏接收设备,该备选 投屏接收设备可以是用户在一个时间段内使用频率最高的电子设备,还可以用户在一个时间 段内使用总时长最长的电子设备,还可以是用户最近一次使用的电子设备。
电子设备100新增选择框后,电子设备100可以将新增选择框中的投屏内容传输至备选 投屏接收设备进行显示。
如图17所示,备选投屏接收设备为电子设备800,电子设备800包括显示屏80。
如图17中(a)和图17中(b)所示,电子设备100检测到作用于新增控件1221的用 户操作,响应于该用户操作,电子设备100显示选择框126。电子设备100将选择框126中 选中的内容传输至电子设备800中进行显示。其中,选择框126各个边的尺寸比例与电子设 备800的显示屏80各个边的尺寸比例一致。电子设备100在显示选择框126之前,可以获 取电子设备800的显示屏80尺寸,按照显示屏80各个边的尺寸比例确定选择框126各个边 的尺寸比例。
如图17中(c)所示,电子设备800接收择框126中选中的内容,电子设备800显示用户界面810,该用户界面810显示有内容A18。
可以理解的是,选择框126中选中的内容和显示屏80内容A18为同一个内容,电子设 备100在将选择框126中的内容传输至电子设备800时,电子设备800按照显示屏80的尺寸对选择框126中的内容进行了适应性缩小或者放大,以适配显示屏80。
在一些可选的实现方式中,备选投屏接收设备还可以是用户选择的电子设备。例如,用 户可以预先从多个可设置备选投屏接收设备的设置菜单中选择一个电子设备作为备选投屏接 收设备。
在上述的实施例中,投屏内容可以在显示屏20显示区域中全屏状态显示。在一些实施 例中,可以通过用户的悬浮显示操作,将投屏内容在显示屏20显示区域中以悬浮状态显示。 其中,全屏状态显示是指投屏内容占据了显示屏的全部显示区域。换言之,显示屏的显示区 域仅显示投屏内容,而不显示系统界面的界面元素等其他内容。悬浮显示可以是显示区域不 仅显示投屏内容,还可以显示系统界面的其他界面元素。
可以理解的是,悬浮状态的投屏内容可以是全屏状态的投屏内容的等比例缩小版。例如, 悬浮状态的投屏内容可以是全屏状态的投屏内容的百分之80等。本申请对此不作限定。
如图18中(b)所示,电子设备200检测到用户操作,响应于该操作,电子设备200在用户界面220c显示有悬浮控件2202,悬浮控件2202用于以悬浮状态显示内容A9。用户可 以通过点击该悬浮控件2202,开启内容A9的悬浮状态显示。图18中(d)所示的显示内容 A9和图18中(a)中选择框122中的内容为同一个内容。
示例性地,如图18中(c)所示和图18中(d)所示,电子设备200检测到作用于悬浮控件2202的用户操作,响应于该用户操作,电子设备200显示用户界面220k。该用户界面220k显示内容A9和一些应用图标,例如,设置应用201、运动健康202、备忘录203等。
在一些实施例中,用户可以移动悬浮状态的内容A9的位置。例如,用户并拖动悬浮状 态的内容A9至目标位置。电子设备还可以记录该目标位置,当再次显示悬浮状态的内容A9 时,可以在该目标位置处显示悬浮状态的内容A9。
在一些实施例中,在投屏内容处于悬浮状态显示的情况下,电子设备100可以新增选择 框。
如图19中(a)所示,选择框122中显示有新增控件1221,图19中(b)所示,电子设 备200中悬浮状态显示内容A9。
如图19中(a)和图19中(c)所示,电子设备100检测到作用于新增控件1221的用 户操作,响应于该用户操作,电子设备100显示选择框125。电子设备100将选择框125中 的内容传输至电子设备200中进行显示。
如图19中(d)所示,电子设备200接收选择框125中的内容之后,电子设备200显示用户界面220l。该用户界面220l显示有内容A19和内容A9。其中,显示屏20全屏显示内 容A19,悬浮显示内容A9,内容A9层叠显示与内容A19之上。内容A9与选择框122中选 中的内容为同一个内容。内容A19与选择框125中选中的内容为同一个内容。
相应地,电子设备200还可以在悬浮状态的投屏内容中显示全屏显示控件。该全屏显示 控件用于退出悬浮状态显示,对悬浮状态的投屏内容进行全屏显示。
在一些实施例中,电子设备200还可以通过用户操作开启锁定模式,对选择框的位置和 大小进行锁定。在锁定模式下,选择框122的大小和位置不能够被改变,选择框122中的内 容可以随着显示屏10中显示内容的改变而改变,从而显示屏20中的投屏内容也会随着改变。
如图20所示,电子设备200检测到用户的锁定操作,响应于该锁定操作,电子设备200 可以开启锁定模式,显示屏200中可以显示锁定标识2205。该锁定标识2205表示锁定模式, 选择框122的尺寸和大小不能被改变。
如图20中(a)和图20中(c)所示,当用户通过滑动鼠标103将显示屏10中显示的 内容由内容A3更新为内容A20,选择框122的位置和尺寸不能被改变,因此选择框122中 的内容相应地由内容A9更新为内容A21。相应地,如图20中(b)和图20中(d)所示, 显示屏20中显示的投屏内容由内容A9更新为内容A21。其中,选择框122中的内容A21 和显示屏20中显示的内容A21位同一个内容,由于显示屏20和选择框122的尺寸不同,因 此显示屏20中显示的内容A21和选择框122中的内容A21的显示大小不同。在一些示例中, 开启锁定模式后,电子设备100还可以停止显示选择框122。或者,电子设备100还可以其 他形式显示选择框,以区分没有锁定情况下的选择框。例如,如图20中(c)所示,选择框 122以虚线形式显示。
在一些示例中,还可以通过用户操作,对电子设备200或电子设备100进行解锁等,解 锁后的选择框可以移动位置或者修改大小,此处不在赘述。
本申请实施例提供另一种投屏显示方法,在该投屏显示方法中,第一显示区域和第二显 示区域位于同一个电子设备。第一显示区域和第二显示区域可以是位于同一个电子设备的不 同显示屏上,例如,第一显示区域可以是如图2所示的电子设备300的显示屏30,第二显示 区域可以是如图2所示的电子设备300的显示屏31。显示屏30中显示的内容在显示屏31中 显示可以参见上述显示屏10中显示的内容在显示屏20中显示的相关描述,此处不再赘述。
第一显示区域和第二显示区域还可以是同一个电子设备的同一个显示屏上。通过用户的 投屏操作,电子设备将显示屏划分为两个显示区域,在其中一个显示区域中显示待投屏内容 的全局内容,在另一个显示区域中显示投屏的细节部分内容。这样,可以在同一个显示屏中 同时兼顾查看全局和细节的需求。
接下来,以第一显示区域和第二显示区域均为电子设备700显示屏70上的显示区域为 例,介绍本申请实施例提供的另一种投屏显示方法。
图21–图25,示出了本申请实施例提供的投屏显示方法在同一显示屏下的界面用户界面 示意图。
如图21所示,图21示出了电子设备700,电子设备700包括有显示屏70,显示屏70显示用户界面710,用户界面710显示内容A22,即“猫”的图片。
可以理解的是,电子设备700中显示的内容仅为举例说明,电子设备700中显示的内容 可以不限于图21中示出的小猫的图片,还可以是其他内容,例如,可以办公软件的用户界 面等,本申请对此不作限定。
用户可以在显示屏70上开启电子设备700的投屏功能。例如,用户可以通过投屏操作, 电子设备700将显示屏70划分为两个显示区域,在其中的一个显示区域内选择需要投屏的 内容,并在另一显示区域进行投放显示。
如图21中(a)所示,电子设备700检测到用户的双击操作,响应于该双击操作,电子设备700显示用户界面720a,用户界面720包括显示区域701和显示区域702,显示区域 701中显示用户界面710中的内容A22和选择框721,显示区域702中显示内容A23。其中, 选择框721的四个边的比例为显示区域702的四个边的比例一致。内容A23与选择框721中 选中的内容为同一个内容,但是内容A23与选择框721中选中的内容的显示的大小不同,内 容A23为选择框721中选中的内容的等比例放大或缩小版。
可以理解的是,电子设备700将用户界面710中的内容进行缩小后在显示区域701中显 示。为了方便描述,下面将用户界面710中包括的内容A22称为全局内容,选择框721中选 中的内容可以称为细节内容。
图21中(b)是将显示屏70划分为左右两个显示区域,在一些可选的实现方式中,还可以将显示屏70划分为上下两个显示区域。如图21中(c)所示,电子设备700还可以将 显示屏70划分为显示区域703和显示区域704。
下面以显示屏70划分为左右两个显示区域为例进行说明。
在一些实施例中,显示屏70可以显示有位置切换控件,通过该位置切换控件,可以将 两个显示区域中显示的内容位置互换。例如,可以将显示区域701中的显示内容和显示区域 702中的显示内容进行切换,显示区域701显示内容A23,显示区域702显示内容A22和选 择框721。
在一些实施例中,可以通过用户操作对显示区域701和显示区域702的大小进行调整。
如图22所示,电子设备700检测到向右拖动分割线7212的操作,响应于该拖动操作, 电子设备700显示用户界面720d。可以看出,在分割线被向右拖动过程中,显示区域701所 占用的显示区域的大小增大,显示区域701所占用显示屏的显示区域变小。电子设备700可 以记录显示区域702调整的比例X3,并且按照该比例X3调整选择框721,如图22所示, 选择框721的尺寸从S5调整为S6,电子设备700将调整后的选择框721中的内容A24投屏 至调整后的显示区域702中显示。可以理解的是,显示区域702中显示的内容A24与选择框 721中的内容为同一个内容,显示区域702的大小和选择框721的大小,显示区域702中显 示的内容A24的大小与选择框721中的内容大小不同。
可以理解的是,上述实施例中以向右拖动分割线7212为例进行说明,不限于此,在实 际实现中,还可以向左拖动分割线7212等,此处不在赘述。
在一些实施例中,用户可以通过移动显示区域701中选择框721的位置修改显示区域 702中的投屏内容。通过用户操作移动显示区域701中选择框721的位置修改显示区域702 中的投屏内容可以参见上述图7实施例中,移动显示屏10中选择框122的位置修改显示屏 20中的投屏内容的相关操作,此处不再赘述。
在一些实施例中,可以通过用户操作修改显示区域701中选择框721的大小,控制显示 框721中选中的内容,进而控制显示区域702中显示的投屏内容。例如,用户可以对选择框 721进行缩小或者放大,进而控制显示区域702中的投屏内容等比例的增多或减少。具体地, 通过用户操作修改显示区域701中选择框721的大小控制显示区域702中的投屏内容,可以 参见上述图8-图11实施例中修改显示屏10中选择框122的尺寸大小控制显示屏20中的投 屏内容的相关操作,此处不再赘述。
在一些实施例中,可以通过用户操作调整显示区域702中的投屏内容,进而控制显示区 域701中选择框721的尺寸大小。具体地,可以通过用户操作调整显示区域702中的投屏内 容,进而控制显示区域701中选择框721的尺寸大小,可以参见上述图12-图13实施例中调 整显示屏20中投屏内容进而控制显示屏10中选择框122的尺寸大小的相关操作,此处不再 赘述。
在一些实施例中,电子设备700可以显示有多个选择框,对多个内容进行投屏显示。电 子设备700可以通过用户操作新增选择框,增加选择框,进而新增投屏内容。电子设备700 将显示区域701中显示多个选择框中的投屏内容投放至显示区域702中显示,在多个投屏内 容的情况下,电子设备200可以在显示区域702为多个投屏内容划分出多个显示区域,该多 个投屏内容显示在各自的显示区域中。具体地,通过用户操作在显示区域701中新增选择框, 控制显示区域702中划分显示区域以及显示新增投屏内容的显示,可以参见上述图15-图16 实施例中在显示屏10中新增选择框,控制显示屏20中划分显示区域以及显示新增投屏内容 的相关操作,此处不再赘述。
可以理解的是,在电子设备700中,每增加一个投屏内容,电子设备700都重新划分显 示区域。例如,在投屏内容为一个的情况下,电子设备700的显示区域702全部显示该投屏 内容;在投屏内容为两个的情况下,电子设备700将显示区域702划分为两个显示区域,每 个显示区域为显示区域702的二分之一;在投屏内容为三个的情况下,电子设备700将显示 区域702划分为三个,每个显示区域为显示区域702的三分之一。
可以理解的是,新增的选择框的位置可以是显示区域701中的任意区域,新增选择框可 以与选择框721重叠,也可以不重叠,本申请对此不作限定。
在一些可选的实现方式中,电子设备700在显示新增选择框之前,电子设备700需要重 新计算选择框的尺寸。例如,在电子设备700新增一个选择框,即电子设备700显示两个选 择框,电子设备700先将显示区域702划分为两个子显示区域,获取该两个子显示区域的尺 寸,根据两个子显示区域的尺寸确定两个选择框的尺寸。
在一些实施例中,可以通过用户操作移动新增的选择框的位置,对新增的选择框等比例 的缩放。其中,对新增的选择框的位置移动,可以参见上述图7中实施例的描述,此处不再 赘述;对新增的选择框的缩放可以参见上述图8-图9实施例中的相关描述,此处不再赘述。
在一些可选的实现方式中,电子设备700中可以预先存储有备选投屏接收设备,该备选 投屏接收设备可以是用户在一个时间段内使用频率最高的电子设备,还可以用户在一个时间 段内使用总时长最长的电子设备,还可以是用户最近一次使用的电子设备。
电子设备700新增选择框后,电子设备700可以将新增选择框中的投屏内容传输至备选 投屏接收设备进行显示。
如图23所示,备选投屏接收设备为手机800,手机800包括显示屏80。
如图23中(a)和图23中(b)所示,电子设备700检测到作用于新增控件7211的用 户操作,响应于该用户操作,电子设备700显示选择框725。电子设备700将选择框725中 选中的内容传输至手机800中进行显示。其中,选择框725各个边的尺寸比例与手机800的 显示屏80各个边的尺寸比例一致。电子设备700在显示选择框725之前,可以获取手机800 的显示屏80尺寸,按照显示屏80各个边的尺寸比例确定选择框725各个边的尺寸比例。
如图23中(c)所示,手机800接收选择框725中选中的内容,手机800显示用户界面810,该用于界面810中显示有内容A26。其中,内容A26与选择框725中选中内容为同一 个内容,因显示屏80的大小和选择框725的大小不同,显示屏80中显示的内容A26和选择 框725中的内容的大小不同。也就是说,内容A26是选择框725中的内容的放大版或缩小版。
可以理解的是,电子设备700在将选择框725中的内容传输至手机800时,按照手机800的显示屏80的尺寸对选择框725中的内容进行了适应性缩小或者放大,以适配显示屏80。
在一些可选的实现方式中,备选投屏接收设备还可以是用户选择的电子设备。例如,用 户可以预先从多个可设置备选投屏接收设备的设置菜单中选择一个电子设备作为备选投屏接 收设备。
在一些实施例中,可以通过用户的悬浮显示操作,将投屏内容在显示屏20中以悬浮状 态显示。
如图24(a)所示和图24中(b)所示,电子设备700检测到用户操作,响应于该操作,电子设备700在显示区域702中显示悬浮控件7312,悬浮控件7312用于以悬浮状态显示投屏内容。用户可以通过点击该悬浮控件7312,开启投屏内容的悬浮状态显示。
示例性地,如图24中(b)所示和图24中(c)所示,电子设备700检测到作用于悬浮控件7312的用户操作,响应于该用户操作,电子设备700显示用户界面730,用户界面730 包括内容A22、内容A27以及选择框726。其中,电子设备700全屏显示内容A22、悬浮显 示内容A27,内容A27层叠显示与内容A22之上。选择框726的各个边的尺寸比例与内容 A27的各个边的尺寸比例相同。
值得说明的是,选择框726中选中的内容为内容A22的一部分,内容A27为选择框726 中内容的等比例放大或缩小版。
可以理解的是,悬浮显示的内容A27的位置可以位于显示屏70显示区域的右侧区域、 左侧区域、中心区域等任意区域。本申请对比不作限定。
在一些可选的实施例中,电子设备700检测到用户的投屏操作,电子设备700直接显示 用户界面730。
在一些实施例中,用户可以移动悬浮状态的投屏内容显示的位置。例如,用户可以按压 内容A27的边缘,并拖动内容A27至目标位置。如图25所示,电子设备700检测到作用于内容A27的拖动操作,响应于该拖动操作,电子设备700将内容A27从位置P7拖到位置P8。 选择框726中的未被遮挡的内容为A28,电子设备700将悬浮显示的投屏内容A27更新为 A28。可以看出,位置P8处的内容A27遮挡住了选择框726中的部分内容。
可以理解的是,悬浮状态显示的投屏内容,可以通过用户操作调整比例大小。具体参见 上述图13实施例中调整内容A13的相关描述,此处不再赘述。
在一些实施例中,在投屏内容处于悬浮状态显示的情况下,电子设备700也可以新增选 择框。
如图26所示,电子设备700检测到作用于新增选择框的用户操作,响应于该用户操作, 电子设备700显示新增的选择框727以及悬浮显示新增的投屏内容A29。悬浮显示的内容 A29和选择框727中的内容为同一个内容。
可以理解的是,内容A29的位置可以位于显示屏70显示区域的右侧区域、左侧区域、 中心区域等任意区域。本申请对比不作限定。
在一些可选的实现方式中,电子设备700可以预先存储有备选投屏接收设备,备选投屏 接收设备还可以是用户选择的电子设备。例如,用户可以预先从多个可设置备选投屏接收设 备的设置菜单中选择一个电子设备作为备选投屏接收设备。
接下来,介绍本申请实施例提供的一种投屏显示方法。
参见图27,图27示例性示出了本申请实施例涉及的一种投屏显示方法。如图27所示, 该投屏显示方法可以包括步骤S101-步骤S110。
S101,在第一显示区域显示第一内容。
具体地,第一内容可以是图片、word文件、演示文稿、绘图界面、视频文件等等,本申请对此不作限制。
示例性地,第一内容可以是如图3中所示小猫的图片。第一内容还可以是如图4所示的 WORD文档。
S203,检测到第一操作,在第一显示区域显示第一选择框。
其中,第一选择框用于在对第一显示区域中显示的第一内容或者第一内容中的部分内容 中进行投屏显示,也就是说,控制第一选择框中的内容在第二显示区域中显示。其中,第一 选择框的形状与第二显示区域的形状相似或者相同。第一选框的长宽尺寸比例与第二显示区 域的长宽比例相同。电子设备可以根据第二显示区域的长宽比例尺寸确定第一选择框的长宽 尺寸比例。
可以理解的是,第二显示区域可以是直角矩形,也可以是圆角矩形,还可以是圆形等, 本申请实施例对此不作限定。
其中,第一选择框可以是电子设备默认设置的,也可以是用户在电子设备的触摸屏上绘 制的。第一操作可以为电子设备的触摸屏检测到的预设轨迹、形状等的快捷手势操作,第一 操作还可以是针对电子设备上设置的用于触发展示第一选择框的实体按键;第一操作还可以 是检测到的用户用于请求进行内容选择的语音,如检测到用户发出类似“我要选内容显示”、 “我要看细节”、“我要看全局”等等语音。需要说明的是,本申请对第一操作的实现方式不 作特殊限制,本领域技术人员可以根据电子设备的硬件结构本身进行适应性设置。
S103,基于第一选择框的位置信息,确定出第一内容中的第一部分内容。
其中,第一内容中的第一部分内容为第一选择框中选中的内容。电子设备可以获取第一 选择框的坐标信息,从第一内容中确定出第一部分内容。
具体地,电子设备在显示第一内容时,可以从屏幕容器中获取显示屏当前显示画面内容 (即第一内容)对应的显示数据,该显示数据可以是电子设备根据绘制指令和绘制参数绘制 出的绘制结果。一般来说,电子设备在显示屏显示画面内容之前,电子设备可以根据该内容 的绘制指令和绘制数据绘制出对应的绘制结果,即生成该画面内容对应的显示数据。电子设 备可以将生成的显示数据存放至指定的位置(本申请将存放屏幕上待显示的显示数据的区域 称为屏幕容器)中。这样,电子设备的显示屏可以通过读取该屏幕容器中的显示数据便可进 行相关画面的显示。
电子设备可以获取第一选择框的位置信息和读取该屏幕容器中的显示数据,然后,可以 基于该显示数据和第一选择框的位置信息,从第一内容对应的显示数据中确定出第一内容的 第一部分内容对应的显示数据。
在一些实现方式中,第一选择框的位置信息可以是第一选择框中四个顶点的坐标。举例 来说,若第一选择框为矩形或者正方形,那么第一选择框的位置信息可以是第一选择框的四 个顶点的坐标,例如,(x1,y1)、(x2,y2)、(x3,y3)、(x4,y4)。进一步地,第一选择框的顶点 的坐标可以是电子设备坐标系下的坐标。电子设备坐标系是指以电子设备中第一点为坐标原 点建立的坐标系。该第一点可以是电子设备显示屏的左上角顶点。
具体地,电子设备在第一内容的显示数据中截取第一选择框的四个顶点坐标组成区域中 包括的显示数据为第一分内容的显示数据。也就是说,第一分内容的显示数据可以是该四个 坐标组成区域中的所有像素点的颜色值、深度值等。
可以理解的是,第一选择框的位置信息用于确定该第一选择框在电子设备显示屏中显示 的位置。关于该位置信息中具体包含的内容本申请实施例不作限定。
示例性地,第一内容中的第一部分内容可以是如图3所示的第一选择框中的内容A2, 第一内容中的第一部分内容还可以是如图4所示的第一选择框中的内容A6。
S104,在第二显示区域显示第一内容中的第一部分内容。
具体地,可以基于第二显示区域的显示参数(显示区域的尺寸、分辨率等),适应性地 显示第一内容的第一部分内容。第二显示区域中显示的第一内容的第一部分内容与第一选择 框中的第一内容的第一部分内容为同一个内容,由于第一选择框的大小和第二显示区域的大 小不同,因此,第一选择框中的第一内容的第一部分内容和第二显示区域中显示的第一内容 的第一部分内容的显示大小不同。第二显示区域中显示的第一内容的第一部分内容可以是第 一选择框中选中的第一内容的第一部分内容的放大版或者缩小版。
具体地,当第二显示区域的尺寸大于第一显示区域中第一选择框的尺寸,则第二显示区 域中显示的第一内容的第一部分内容可以是第一选择框中选中的第一内容的第一部分内容的 放大版。
可以理解的是,第一显示区域和第二显示区域还可以是不同的电子设备的显示区域。例 如,第一显示区域为图6中所示电子设备100的显示屏10的显示区域,第二显示区域为图6 中所示电子设备200的显示屏20的显示区域。在一些示例中,第一显示区域和第二显示区 域还可以是同一个电子设备的显示区域。第一显示区域和第二显示区域为同一个电子设备不 同界面的显示区域。例如,第一显示区域可以是电子设备300中的显示屏30的显示区域, 第二显示区域可以是电子设备300上的显示屏31的显示区域。在一些可选的实施例中,第 二显示区域可以为第一显示区域的一部分显示区域。第一显示区域和第二显示区域为同一个 电子设备的显示屏中。例如,第一显示区域可以是图21所示的显示屏70的显示区域,第二 显示区域可以是图21中所示的显示区域702。具体参见下面图29实施例中的描述,此处不 再赘述。
S105,将第一显示区域中显示的第一内容更新为第二内容。
值得说明的是,将第一内容更新为第二内容可以是整个界面的更新,即第一内容和第二 内容完全不同。例如,第一内容可以是在时刻T1显示的一个小猫的图片,第二内容可以是 在时刻T2显示的一个小狗的图片。将第一内容更新为第二内容也可以是界面的部分更新, 即第一内容和第二内容可以有部分内容相同。例如,第一内容可以是图3所示内容A1,第 二内容可以是图3所示的内容A3。
S106,基于第一选择框的位置信息,确定出第二内容中的第二部分内容。
可以理解的是,第一显示区域中第一选择框的位置信息并没有改变,而第一显示区域中 显示的内容由第一内容切换为第二内容。第一选择框中选中的内容由第一内容的第一部分内 容切换为第二内容的第二部分内容。电子设备可以基于第一选择框的位置信息从第二内容中 确定出第二内容的第二部分内容。
关于基于第一选择框的位置信息,确定出第二内容中的第二部分内容参见上述实施例中 基于第一选择框的位置信息,确定出第一内容中的第一部分内容的相关操作,此处不再赘述。
S107,在第二显示区域显示第二内容中的第二部分内容。
可以理解的是,确定出第一选择框中选中的第二内容的第二部分内容后,在第二显示区 域中以第二显示区域的显示尺寸显示第二内容中的第二部分内容。也就是说,第二显示区域 中显示的第二内容的第二部分内容所占用的显示区域为第二显示区域的全部区域,第二显示 区域中除显示第二内容的第二部分内容之外,不在显示其他内容。其中,第一选择框的尺寸 与第二显示区域的尺寸不同,第一选择框中显示的第二内容的第二部分内容与第二显示区域 中显示的第二内容的第二部分内容的显示大小不同。
具体地,可以基于第二显示区域的显示参数(显示区域的尺寸、分辨率等),适应性地 显示第二内容的第二部分内容。关于第二显示区域显示第二内容的第二部分内容具体可以参 见上述步骤104中第二显示区域显示第一内容的第一部分内容的相关操作,此处不再赘述。
在一些实现方式中,第一显示区域和第二显示区域位于不同电子设备的显示屏上。例如, 第一显示区域为电子设备100的显示屏10,第二显示区域为电子设备200的显示屏20,下 面进行详细说明。参见图28,图28示例性示出了本申请实施例涉及的一种投屏显示方法。 如图28所示,该投屏显示方法可以包括步骤S201-步骤S209。
S201,电子设备100在显示屏10中显示第一内容。
其中,第一内容可以是图片、word文件、演示文稿、绘图界面、视频文件等等,本申请对此不作限制。示例性地,第一内容可以是如图4中所示小猫的图片。
S202,电子设备100检测到第一操作,在显示屏10中显示第一选择框。第一操作用于 请求对第一内容或者第一内容中的第一部分内容进行投屏显示。
其中,第一选择框用于在对电子设备100显示屏10显示的第一内容或者第一内容中的 部分内容中进行投屏显示,第一选择框的各个边的比例与电子设备200的显示屏的各个边的 比例一致。
可以理解的是,在电子设备100显示第一选择框之前,电子设备100可以获取到电子设 备200的显示屏20的各个边的比例,电子设备100根据显示屏20四个边的比例,确定第一 选择框的四个边的比例。例如,显示屏20的四个边的比例为1:1:2:2,则第一选择框的四个 边的比例1:1:2:2。
值得说明的是,在电子设备100显示第一选择框之前,电子设备100与电子设备200之 间建立有通信连接。电子设备100与电子设备200建立通信连接后,电子设备100可以向电 子设备200获取电子设备200的显示屏20的屏幕的尺寸。
具体地,电子设备100与电子设备200之间建立通信连接的方式可以有多种。例如,投 屏发送设备与投屏接收设备之间可以通过无线局域网(例如,无线保真(wirelessfidelity, Wi-Fi))。投屏发送设备与投屏接收设备之间还可以通过USB连接线建立通信连接。本申请 实施例对投屏发送设备与投屏接收设备建立通信连接的方式不作限定。
在本申请实施例中,电子设备100可以称为第一电子设备,电子设备200可以称为第二 电子设备。
值得说明的是,电子设备200可以是电子设备100上预存的备选投屏接收设备,该备选 投屏接收设备可以是用户在一个时间段内使用频率最高的电子设备,还可以用户在一个时间 段内使用总时长最长的电子设备,还可以是用户最近一次使用的电子设备。例如,如图17 中所示的电子设备400。
在一些可选的实现方式中,电子设备200还可以是用户选择的备选投屏接收设备。例如, 用户可以预先从多个可设置备选投屏接收设备的设置菜单中选择一个电子设备作为备选投屏 接收设备。
在一些可选的实现方式中,电子设备100上预存了多个备选投屏接收设备,该多个备选 投屏接收设备设置优先级,电子设备100检测到用户的投屏操作,选择优先级最高的电子设 备作为投屏接收设备。
具体地,第一操作可以为电子设备100的触摸屏检测到的预设轨迹、形状等的快捷手势 操作,例如,快捷手势操作可以是三指滑动操作、单指按照预定形状(如圆圈)的滑动操作, 等等。第一操作还可以是针对电子设备100上设置的用于触发展示第一选择框的实体按键 (如若投屏发送设备为笔记本电脑,该实体按键即可以为键盘等位置上设置的某一个按键; 若电子设备100为手机,则该实体按键可以为类似于手机的电源键、音量键等的按键)的触 发操作。第一操作还可以是检测到的用户用于请求进行内容选择的语音,如检测到用户发出 类似“我要选内容显示”、“我要看细节”、“我要看全局”等等语音。需要说明的是,本申请 对第一操作的实现方式不作特殊限制,本领域技术人员可以根据投屏发送设备的硬件结构本 身进行适应性设置。
S203,电子设备100基于第一选择框的位置信息和第一内容,确定出第一投屏数据。
具体地,第一投屏数据可以是包括第一界面中第一选择框中选中的第一内容的第一部分 内容的显示数据以及全屏显示的指令数据。其中,显示数据可以包括第二内容对应的像素点 的颜色值、像素点的深度值以及像素点坐标等。
具体地,电子设备100的显示屏10可以从屏幕容器中获取显示屏10当前显示界面(即 第一内容)对应的第一显示数据,以及第一选择框的位置信息。然后,根据第一选择框的位 置信息从第一显示数据中确定出第二显示数据。第二显示数据为第一选择框中包括的第一内 容的第一部分内容对应的显示数据。
其中,第一显示数据可以是电子设备100根据绘制指令和绘制参数绘制出的绘制结果。 一般来说,电子设备100在显示屏10上显示内容之前,电子设备100可以根据该内容的绘 制指令和绘制参数绘制出对应的绘制结果,即生成该内容对应的待显示数据。电子设备100 将生成的待显示数据存放至指定位置(本申请将存放屏幕上待显示的显示数据的区域称为屏 幕容器)中。这样,电子设备100的显示屏10通过读取该屏幕容器中的显示数据便可进行 相关画面的显示。
在一些实现方式中,第一选择框的位置信息可以是第一选择框中四个顶点的坐标。举例 来说,若第一选择框为矩形或者正方形,那么第一选择框的位置信息可以是第一选择框的四 个顶点的坐标,例如,(x1,y1)、(x2,y2)、(x3,y3)、(x4,y4)。进一步地,第一选择框的顶点 的坐标可以是电子设备100坐标系下的坐标。电子设备100坐标系是指以电子设备100中第 一点为坐标原点建立的坐标系。该第一点可以是电子设备100显示屏10的左上角顶点。
具体地,电子设备100在第一显示数据中截取第一选择框的四个顶点坐标组成区域中包 括的显示数据为第二显示数据。也就是说,第二显示数据可以是该四个坐标组成区域中的所 有像素点的颜色值、深度值等。
在一些可选的实施例中,第一投屏数据包括第一选择框的位置信息和第一内容对应的第 一显示数据。
具体地,电子设备100可以将第一选择框的位置信息和第一内容对应的第一显示数据发 送至电子设备200之后,电子设备200可以根据第一选择框的位置信息和第一显示数据确定 出第二内容对应的第二显示数据,然后第二电子设备200的显示屏20读取该第二显示数据, 进行显示。
可以理解的是,第一选择框的位置坐标是可以是电子设备100坐标系下的坐标,电子设 备200在接收到第一选择框的位置信息后,根据电子设备200的显示屏20的尺寸将第一位 置坐标转换成电子设备200坐标系下的坐标。
可以理解的是,第一选择框的位置信息用于确定该第一选择框在电子设备100显示屏10 中显示的位置。关于该位置信息中具体包含的内容本申请实施例不作限定。
S204,电子设备100将第一投屏数据发送至电子设备200。
S205,电子设备200接收电子设备100发送的第一投屏数据,在显示屏20全屏显示第 一内容的第一部分内容。
其中,第二显示区域为电子设备200的显示屏20,电子设备200可以根据第一投屏数据 以及显示屏20的显示参数,全屏显示第一内容的第二部分内容。
具体地,电子设备200接收第一投屏数据后,可以根据显示屏20的显示参数(例如屏 幕尺寸、分辨率等)对第一投屏数据进行相应的转换,以得到适应显示屏20尺寸的第一内 容的第一部分内容。其中,第一选择框中选中的第一内容的第一部分内容和显示屏20中显 示的第一内容的第一部分内容为同一个内容,显示屏20的尺寸和第一选择框的尺寸不同, 因此,第一选择框中选中的第一内容的第一部分内容和显示屏20中显示的第一内容的第一 部分内容的大小不同,显示屏20中显示的第一内容的第一部分内容可以看成是第一选择框 中的第一内容的第一部分内容的放大版或缩小版。
在一些可选的实现方式中,电子设备200还可以悬浮状态显示第一内容的第一部分内容。 例如,如图18和图19所示,电子设备200悬浮显示内容A9。
S206,电子设备100在显示屏10中显示第二内容。
具体地,第一内容和第二内容可以完全不同。例如,第一内容可以是在时刻T1显示的 一个小猫的图片,第二内容可以是在时刻T2显示的一个小狗的图片。第一内容和第二内容 可以有部分内容相同。例如,第一内容可以是图3所示内容A1,第二内容可以是图3所示的内容A3。
S207,电子设备100基于第一选择框的位置信息和第二内容,确定出第二投屏数据。
可以理解的是,第一选择框中包括第二内容的第二部分内容,第二投屏数据为第一选择 框中的第二部分内容的显示数据。或者,第二投屏数据为第一选择框的位置信息和第二内容 的显示数据。具体关于基于第一选择框的位置信息和第二内容确定出第二投屏数据可以参见 上述步骤S203中基于第一选择框的位置信息和第一内容确定出第一投屏数据的相关操作, 此处不在赘述。
S208,电子设备100将第二投屏数据发送至电子设备200。
S209,电子设备200接收第二投屏数据,在显示屏20中全屏显示第二内容的第二部分 内容。
具体地,电子设备200可以基于显示屏20的显示参数(显示区域的尺寸、分辨率等), 适应性地显示第二内容的第二部分内容。关于第二显示区域显示第二内容的第二部分内容具 体可以参见上述步骤205中显示屏20显示第一内容的第一部分内容的相关操作,此处不再 赘述。
在本申请实施例中,电子设备100可以被称为第一电子设备,电子设备200可以被称为 第二电子设备。
在一些实施例中,电子设备100将第一内容的第一部分投屏至电子设备200中显示后, 电子设备100中还可以新增选择框。即电子设备100可以显示有多个选择框,可以对第一内 容中的多个内容进行投屏。电子设备100可以将多个投屏内容的显示数据发送至电子设备 200。电子设备200接收多个显示数据后,可以在显示屏20上为该多个内容划分出多个显示 区域,该多个投屏内容显示在各自的显示区域中。下面具体介绍:
1、电子设备100检测到第二操作,响应于该第二操作,电子设备100显示第二选择框。
其中,第二选择框中包括第二内容的第三部分内容,第二内容的第三部分内容可以是第 二内容中不同于第二部分内容的内容。第二操作可以是如图14所示的作用于新增控件1221 的点击操作,还可以是用户输入的语音操作或者点击实体按键的操作,本申请对此不作限定。
可以理解的是,第二选择框的尺寸与电子设备200的尺寸一致。第二选择框的相关描述 参见上述实施例中第一选择框的相关描述,此处不再赘述。
2、电子设备100基于第二选择框的位置信息,确定第三投屏数据,并将第三投屏数据 发送至电子设备200。
具体地,电子设备100根据第二选择框的位置信息,确定第三投屏数据的相关操作参见 上述电子设备100根据第一选择框的位置信息,确定第一投屏数据的相关操作,此处不再赘 述。
3、电子设备200接收第三投屏数据,将显示屏20的显示区域分成第四显示区域和的第 五显示区域,并在第四显示区域显示第二内容的第二部分内容,在第五显示区域显示第二内 容的第三部分内容。
具体地,电子设备200可以基于第一投屏数据和第四显示区域的显示参数,在第四显示 区域显示第二内容的第二部分内容,因第四显示区域的尺寸和第一选择框的尺寸不同,第四 显示区域中显示的第二内容的第二部分内容和第一选择框中的第二内容的第二部分内容的显 示大小不同。电子设备200可以基于第三投屏数据和第五显示区域的显示参数,在第五显示 区域显示第二内容的第三部分内容,因第五显示区域的尺寸和第一选择框的尺寸不同,第五 显示区域中显示的第二内容的第三部分内容和第二选择框中的第二内容的第三部分内容的显 示大小不同。示例性地,如图15所示,电子设备200将显示区域划分为显示区域221和显 示区域222,显示区域221显示选择框122中的投屏的内容A9,显示区域222显示选择框 423中的投屏内容A15。第二操作可以是图15中作用于选择框123的用户操作,在实际实现 中,第二操作还可以是其他形式的操作,本申请对此不作限定。第四显示区域可以是图15 中的显示区域221,第五显示区域可以图15中的显示区域222。第二选择框可以是图15中 的选择框123。
可以理解的是,第四显示区域和第五显示区域的大小可以一样,也可以不一样,本申请 对此不作限定。
在一些可选的实施例中,电子设备100检测到第二操作,还可以在显示屏10中显示第 三选择框,并将第一选择框的尺寸调整为第一尺寸,这时,第一选择框中的内容为第二内容 的第五部分内容,第一选择框的尺寸比例和显示屏20中第四显示区域的尺寸比例相同,即 第一选择框的长宽比例和第四显示区域的长宽比例相同。第三选择框中的内容为第二内容的 第四部分内容,第三选择框的尺寸比例和第五显示区域的长宽比例相同。电子设备100可以 基于第一选择框的位置信息和第二内容得到第四投屏数据,基于第三选择框的位置信息和第 二内容得到第五投屏数据。电子设备100可以将第四投屏数据和第五投屏数据发送至电子设 备200,电子设备200接收第四投屏数据和第五投屏数据后,在第四显示区域中显示第五部 分内容,在第五显示区域中显示第四部分内容。例如,第二操作可以是图16中作用于选择 框123的用户操作,在实际实现中,第二操作还可以是其他形式的操作,本申请对此不作限 定。第三选择框可以是图16中的选择框125,第四显示区域可以是图16中的显示区域221, 第五部分内容可以是图16中的内容A16,第五显示区域可以是图16中的显示区域222,第 五部分内容可以是图16中的内容A17。
在一些可选的实施例中,电子设备100检测到第二操作,显示第四选择框,第四选择框 中的内容为第二内容的第六部分内容,新增的第四选择框中的内容可以传输至除电子设备 200之外的其他电子设备进行显示。也就是说,电子设备100可以将不同选择框选中的投屏 的内容传输至不同的电子设备进行显示。
示例性地,如图17所示,电子设备100中存储有备选投屏接收设备电子设备800,电子 设备100检测到新增选择框的操作,电子设备100可以获取电子设备800的显示屏80的尺寸,根据显示屏80的尺寸,确定第二选择框的尺寸,并在显示屏10显示第二选择框。电子 设备100将第二选择框中内容的显示数据传输至电子设备800中显示。本申请实施例中电子设备800可以被称为第三电子设备。
在一些示例中,电子设备100可以检测到第三操作,电子设备100将第一选择框的位置 移动到第一位置,这时,第一选择框中的内容更新为第二内容的第七部分内容。电子设备 100可以基于第一选择框的位置信息和第二内容,得到第七投屏数据,并将第七投屏数据发 送至电子设备200,电子设备200接收第七投屏数据后,在显示屏20中全屏显示第七部分内 容。例如,第三操作可以是如图7中移动选择框122的操作,第一位置可以是图7中的位置 P2,第七部分内容可以是图7中选择框122的内容A9。
在一些示例中,电子设备100可以检测到第四操作,将第一选择框的尺寸调整为第二尺 寸,这时,第一选择框中的内容更新为第二内容的第八部分内容。电子设备100可以基于第 一选择框的位置信息和第二内容,得到第八投屏数据,并将第八投屏数据发送至电子设备 200,电子设备200接收到第八投屏数据后,在显示屏20中全屏显示第八部分内容。例如, 第四操作可以是如图8中双指收拢操作,第二尺寸可以是图8中尺寸S2,第八部分内容可 以是图8中的内容A10。又例如,第四操作可以是如图9中双指扩展操作,第二尺寸可以是图9中尺寸S9,第八部分内容可以是图9中的内容A12。
在一些可选的示例中,电子设备100到第四操作,电子设备100将第一选择框的尺寸调 整为第三尺寸,这时,第一选择框中的内容更新为第二内容的第九部分内容,电子设备可以 基于第一选择框的位置信息(例如第一选择框的四个顶点的左边)和第二内容,得到第九投 屏数据,并将第九投屏数据发送至电子设备200,电子设备200接收第九投屏数据后,在显 示屏20中以第四尺寸显示第九部分内容。例如,第三尺寸可以是图11中的尺寸S4,第九 部分内容可以是图11中的内容A13,第四尺寸可以是图11中内容A13的显示尺寸。
在一些可选的实现方式中,第二投屏数据还可以包括调整后的第一选择框中包含内容对 应的显示数据和第一选择框的调整比例。具体地,电子设备100调整第一选择框的尺寸后, 可以将调整比例和调整后的第一选择框中包含的内容对应的显示数据发送至电子设备200。 例如,如图10中所示,电子设备100响应于用户的调整操作,电子设备100将选择框122 的尺寸从尺寸S1调整至尺寸S4。电子设备100获取尺寸S1与尺寸S4的比例S1/S4,然后 将尺寸为S4的选择框122中选中的内容对应的显示数据和调整比例S1/S4作为第二投屏数 据发送至电子设备200。
在另一些实现方式中,第一显示区域和第二显示区域位于同一个电子设备的显示屏上。 例如,第一显示区域和第二显示区域均为电子设备700上显示屏70的显示区域,其中,第 二显示区域可以是第一显示区域中的一部分。例如,第一显示区域可以是显示屏70的全部 显示区域,第二显示区域可以使显示屏70的部分显示区域,显示屏70除了第二显示区域以 外还可以包括第三显示区域。下面进行详细说明。
接下来介绍本申请实施例提供的另一种投屏显示方法,该投屏显示方法包括,
S301,电子设备700显示第一内容。
其中,第一内容可以是图片、word文件、演示文稿、绘图界面、视频文件等等,本申请对此不作限制。
S302,电子设备700检测到第一操作,响应于该第一操作,电子设备700将显示屏70的显示区域划分为第三显示区域和第二显示区域。S303,电子设备700第三显示区域显示第一内容,并显示第一选择框。第一选择框中包括第一内容的第一部分内容。S304,电子设备700在第二显示区域显示第一内容的第一部分内容。
其中,第一选择框的长宽比例和第二显示区域中长宽比例相同。电子设备700可以将显 示屏70的显示区域划分为两个子显示区域,之后,电子设备700获取两个子显示区域的各 个边的尺寸比例,按照该尺寸比例确定第一选择框的各个边的尺寸比例。
可以理解的是,电子设备700可以将显示屏70划分为左右两个子显示区域,或者将显 示屏70划分为上下两个子显示区域。在两个子显示区域的方位不同时,其各个边的尺寸比 例也不相同,因此第一选择框的各个边的尺寸比例也不相同。
示例性地,如图21中(b)所示,电子设备700可以将显示屏70划分为左右两个显示区域:显示区域701和显示区域702,第一选择框的四个边的尺寸比例与显示区域702的各个边的尺寸比例相同。如图21中(c)所示,电子设备700可以将显示屏70划分为上下两 个显示区域:显示区域703和显示区域704。第一选择框的四个边的尺寸比例与显示区域704的各个边的尺寸比例相同。显示区域701可以被称为第三显示区域,显示区域702可以 被称为第二显示区域。
电子设备700在第三显示区域中显示第一内容和第一选择框,第三显示区域中显示的第 一内容与第一显示区域显示的第一内容相同,因第三显示区域和第一显示区域的尺寸不同, 因此,第三显示区域中的显示的第一内容和第一显示区域中显示的第一内容的大小不同。
电子设备700可以获取第一选择框的位置信息,根据第一选择框的位置信息,从第一内 容中确定出第一选择框中选中的第一内容的第一部分内容。其中,电子设备700根据第一选 择框的位置信息,从第一内容中确定出第一选择框中选中的第一内容的第一部分内容可以参 见上述电子设备100根据第一选择框的位置信息,从第一内容中确定出第一选择框选中第一 内容的第一部分内容的相关操作,此处不在赘述。
之后,电子设备700可以基于第三显示区域的尺寸,显示第一内容的第一部分内容。
理解的是,本申请中示出第二显示区域和第三显示区域的大小一样大,在实际应用中, 第三显示区域和第四显示区域的大小也可以不一样大。本申请对此不作限定。
在一些示例中,电子设备700可以将第一显示区域中显示第一内容更新为第二内容,例 如,电子设备700可以在第一显示区域中显示连续播放的视频帧,在时刻T1显示包括第一 内容的一帧图像,在时刻T2显示包括第二内容的一帧图像等。此时,第一选择框中的内容 更新为第二内容的第二部分内容,电子设备700可以在第二显示区域中以第二显示区域的尺 寸显示第二部分内容。
在一些示例中,电子设备700还可以检测到第二操作,在第一显示区域中显示第二选择 框,第二选择框中的内容为第二内容的第三部分内容,第三部分内容和第二部分内容可以有 相同部分,也就是说,第一选择框的位置可以和第二选择框的位置有重叠,第三部分内容和 第二部分内容也可以完全不同,即第一选择框的位置和第二选择框的位置没有重叠。电子设 备700可以将第二显示区域划分为第四显示区域和第五显示区域,并在第四显示区域以第四 显示区域的尺寸显示第二部分内容,在第五显示区域以第五显示区域的尺寸显示第三不部分 内容。
在一些示例中,电子设备700检测到第二操作,可以在第一显示区域中显示第三选择框, 将第二显示区域划分为第四显示区域和第五显示区域;第三选择框的尺寸与第五显示区域的 尺寸比例相同,第三选择框中的内容为第二内容的第四部分内容。电子设备700将第一选择 框的尺寸调整为第一尺寸,这时第一选择框的尺寸比例与第四显示区域的尺寸比例相同;第 一选择框中的内容由第二部分内容更新为第二内容的第五部分内容,因此,电子设备700在 第四显示区域中以第四显示区域的尺寸显示第五部分内容,在第五显示区域中以第五显示区 域的尺寸显示第四部分内容。
电子设备700检测到第二操作,还可以在第一显示区域中显示第四选择框,第四选择框 的尺寸比例与电子设备800显示屏80的尺寸比例相同,第四选择框中的内容为第二内容的第 六部分内容;电子设备700将第六部分内容发送至第二电子设备,以指示所述第二电子设备 显示第六部分内容。例如,第四选择框可以是图23中的选择框725,第二内容的第六部分 内容可以是图23中的内容A26。
在一些示例中,电子设备700还可以检测到第三操作,将第一选择框的位置移动到第一 位置,这时,第一选择框中的内容更新为第二内容的第七部分内容,电子设备700在第二显 示区域中以第二显示区域的尺寸显示第七部分内容。第三操作可以是移动选择框721的操作。
在一些示例中,电子设备700还可以检测到第四操作,将第一选择框的尺寸调整为第二 尺寸,这时,第一选择框中的内容更新为第二内容的第八部分内容。电子设备700在第二显 示区域中以第二显示区域的尺寸显示第八部分内容。
在一些示例中,电子设备700检测到第四操作,还可以将第一选择框的尺寸调整为第三 尺寸,这时,第一选择框中的内容更新为第二内容的第九部分内容。电子设备700在第二显 示区域中以第四尺寸显示第九部分内容;第四尺寸小于第二显示区域的尺寸,所述第四尺寸 是基于第三尺寸与第二显示区域的尺寸比例确定的。
下面首先介绍本申请实施例提供的示例性电子设备2000。
图30是本申请实施例提供的电子设备2000的结构示意图。该电子设备2000可以是本 申请实施例中的电子设备100,也可以时本申请实施例中的电子设备200,还可以时本申请 实施例中的电子设备300,还可以是本申请实施例中的电子设备700。
下面以电子设备2000为例对实施例进行具体说明。应该理解的是,电子设备2000可以 具有比图中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者可以具有不同 的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在 内的硬件、软件、或硬件和软件的组合中实现。
电子设备2000可以包括:处理器110,外部存储器接口120,内部存储器127,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A, 受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示 器192,摄像头193,显示屏194以及用户标识模块(subscriber identification module,SIM)卡 接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传 感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G, 指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感 器180M等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备2000的具体限定。在本 申请另一些实施例中,电子设备2000可以包括比图示更多或更少的部件,或者组合某些部 件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件 的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU), 图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号 处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或 多个处理器中。
其中,控制器可以是电子设备2000的神经中枢和指挥中心。控制器可以根据指令操作 码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110 中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数 据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复 存取,减少了处理器110的等待时间,因而提高了系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter- integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉 冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface, MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
I2C接口是一种双向同步串行总线,包括一根串行数据线(serial data line,SDA)和一 根串行时钟线(derail clock line,SCL)。在一些实施例中,处理器110可以包含多组I2C总 线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K,充电器,闪光灯, 摄像头193等。例如:处理器110可以通过I2C接口耦合触摸传感器180K,使处理器110 与触摸传感器180K通过I2C总线接口通信,实现电子设备2000的触摸功能。
I2S接口可以用于音频通信。在一些实施例中,处理器110可以包含多组I2S总线。处 理器110可以通过I2S总线与音频模块170耦合,实现处理器110与音频模块170之间的通信。在一些实施例中,音频模块170可以通过I2S接口向无线通信模块160传递音频信号, 实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信,将模拟信号抽样,量化和编码。
UART接口是一种通用串行数据总线,用于异步通信。
MIPI接口可以被用于连接处理器110与显示屏194,摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface,CSI),显示屏串行接口(displayserial interface,DSI)等。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号,也可被配置为数据信 号。
SIM接口可以被用于与SIM卡接口195通信,实现传送数据到SIM卡或读取SIM卡中数据的功能。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备2000充电,也可以 用于电子设备2000与外围设备之间传输数据。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不 构成对电子设备2000的结构限定。在本申请另一些实施例中,电子设备2000也可以采用上 述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可 以是有线充电器。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块 141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器127,外部存储器,显示屏194,摄像头193,和无线通信模块160等供电。
电子设备2000的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信 模块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备2000中的每个天线可用于覆盖 单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1 复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备2000上的包括2G/3G/4G/5G等无线通信的 解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器 (low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的 电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以 对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中, 移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动 通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号 调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解 调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递 给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音 信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的 器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块150或 其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备2000上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth, BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术 (infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模 块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤 波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待 发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备2000的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备2000可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobilecommunications, GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(code division multiple access,CDMA),宽带码分多址(wideband codedivision multiple access, WCDMA),时分码分多址(time-division code divisionmultiple access,TD-SCDMA),长期 演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所 述GNSS可以包括全球卫星定位系统(global positioningsystem,GPS),全球导航卫星系统 (global navigation satellite system,GLONASS),北斗卫星导航系统(beidou navigation satellite system,BDS),准天顶卫星系统(quasi-zenith satellite system,QZSS)和/或星基增 强系统(satellite based augmentationsystems,SBAS)。
电子设备2000通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶 显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED), 有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),Miniled,MicroLed,Micro- oLed,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一些实施例中,电 子设备2000可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备2000可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递 到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理, 转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以 对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感 光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体 (complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电 信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工 处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中, 电子设备2000可以包括1个或N个摄像头193,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字 信号。例如,当电子设备2000在频点选择时,数字信号处理器用于对频点能量进行傅里叶 变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备2000可以支持一种或多种视频 编解码器。这样,电子设备2000可以播放或录制多种编码格式的视频,例如:动态图像专 家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如 借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可 以实现电子设备2000的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
内部存储器127可以包括一个或多个随机存取存储器(random access memory,RAM) 和一个或多个非易失性存储器(non-volatile memory,NVM)。
随机存取存储器可以包括静态随机存储器(static random-access memory,SRAM)、动 态随机存储器(dynamic random access memory,DRAM)、同步动态随机存储器(synchronous dynamic random access memory,SDRAM)、双倍资料率同步动态随机存取存储器(double data rate synchronous dynamic random access memory,DDR SDRAM,例如第 五代DDR SDRAM一般称为DDR5 SDRAM)等。
非易失性存储器可以包括磁盘存储器件、快闪存储器(flash memory)。
快闪存储器按照运作原理划分可以包括NOR FLASH、NAND FLASH、3D NAND FLASH等,按照存储单元电位阶数划分可以包括单阶存储单元(single-level cell,SLC)、多 阶存储单元(multi-level cell,MLC)、三阶储存单元(triple-level cell,TLC)、四阶储存单元(quad-level cell,QLC)等,按照存储规范划分可以包括通用闪存存储(英文:universalflash storage,UFS)、嵌入式多媒体存储卡(embedded multi media Card,eMMC)等。
随机存取存储器可以由处理器110直接进行读写,可以用于存储操作系统或其他正在运 行中的程序的可执行程序(例如机器指令),还可以用于存储用户及应用程序的数据等。
非易失性存储器也可以存储可执行程序和存储用户及应用程序的数据等,可以提前加载 到随机存取存储器中,用于处理器110直接进行读写。
电子设备2000可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转 换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备2000可以通 过扬声器170A收听音乐,或收听免提通话。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备2000接听 电话或语音信息时,可以通过将受话器170B靠近人耳接听语音。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或 发送语音信息时,用户可以通过人嘴靠近麦克风170C发声,将声音信号输入到麦克风170C。 电子设备2000可以设置至少一个麦克风170C。在另一些实施例中,电子设备2000可以设 置两个麦克风170C,除了采集声音信号,还可以实现降噪功能。在另一些实施例中,电子 设备2000还可以设置三个,四个或更多麦克风170C,实现采集声音信号,降噪,还可以识别声音来源,实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130,也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝 电信工业协会(cellular telecommunications industry association of theUSA,CTIA)标准接口。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。
陀螺仪传感器180B可以用于确定电子设备2000的运动姿态。
气压传感器180C用于测量气压。
磁传感器180D包括霍尔传感器。电子设备2000可以利用磁传感器180D检测翻盖皮套 的开合。
加速度传感器180E可检测电子设备2000在各个方向上(一般为三轴)加速度的大小。 当电子设备2000静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态,应用 于横竖屏切换,计步器等应用。
距离传感器180F,用于测量距离。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发 光二极管可以是红外发光二极管。电子设备2000通过发光二极管向外发射红外光。电子设 备2000使用光电二极管检测来自附近物体的红外反射光。
环境光传感器180L用于感知环境光亮度。电子设备2000可以根据感知的环境光亮度自 适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传 感器180L还可以与接近光传感器180G配合,检测电子设备2000是否在口袋里,以防误触。
指纹传感器180H用于采集指纹。
温度传感器180J用于检测温度。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸 传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触 摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触 摸传感器180K也可以设置于电子设备2000的表面,与显示屏194所处的位置不同。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电 子设备2000可以接收按键输入,产生与电子设备2000的用户设置以及功能控制有关的键信 号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反 馈。
指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息, 未接来电,通知等。
SIM卡接口195用于连接SIM卡。电子设备2000通过SIM卡和网络交互,实现通话以及数据通信等功能。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实 施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实 施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者 替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
上述实施例中所用,根据上下文,术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地,根据上下文,短语“在确 定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或 “响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的 条件或事件)”。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当 使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包 括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产 生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算 机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从 一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从 一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线) 或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进 行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或 多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质, (例如,软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由 计算机程序来指令相关的硬件完成,该程序可存储于计算机可读取存储介质中,该程序在执 行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆 体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (26)

1.一种投屏显示方法,其特征在于,所述方法包括:
电子设备在第一显示区域中显示第一内容;
所述电子设备检测到第一操作,在所述第一显示区域中显示第一选择框;所述第一选择框中的内容为所述第一内容中的第一部分内容;
所述电子设备在所述第二显示区域中以所述第二显示区域的尺寸显示所述第一部分内容;
所述电子设备将在所述第一显示区域中显示的第一内容更新为第二内容;所述第一选择框中的内容更新为所述第二内容中的第二部分内容;
所述电子设备在所述第二显示区域中以所述第二显示区域的尺寸显示所述第二部分内容。
2.根据权利要求1所述的方法,其特征在于,所述第一选择框的尺寸比例与所述第二显示区域的尺寸比例相同。
3.根据权利要求2所述的方法,其特征在于,所述第一选择框的长宽比例与所述第二显示区域的长宽尺寸比例相同。
4.根据权利要求1-3中任一项所述的方法,其特征在于,所述第一内容和所述第二内容有部分相同。
5.根据权利要求1-4中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到第二操作,在所述第一显示区域中显示第二选择框;所述第二选择框中的内容为所述第二内容的第三部分内容;
所述电子设备将所述第二显示区域划分为第四显示区域和第五显示区域,在所述第四显示区域中以第四显示区域的尺寸显示所述第二部分内容,在所述第五显示区域中以所述第五显示区域的尺寸显示所述第三部分内容。
6.根据权利要求1-4中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到第二操作,在所述第一显示区域中显示第三选择框,所述电子设备将所述第二显示区域划分为第四显示区域和第五显示区域;所述第三选择框的尺寸与所述第五显示区域的尺寸比例相同,所述第三选择框中的内容为所述第二内容的第四部分内容
将所述第一选择框的尺寸调整为第一尺寸;所述第一选择框的尺寸比例与所述第四显示区域的尺寸比例相同;响应于所述第一选择框的尺寸调整,所述第一选择框中的内容由所述第二部分内容更新为所述第二内容的第五部分内容;
所述电子设备在所述第四显示区域中以所述第四显示区域的尺寸显示所述第五部分内容,在所述第五显示区域中以所述第五显示区域的尺寸显示所述第四部分内容。
7.根据权利要求1-4中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到所述第二操作,在所述第一显示区域中显示第四选择框,所述第四选择框的尺寸比例与第二电子设备的显示尺寸比例相同;所述第四选择框中的内容为所述第二内容的第六部分内容;
所述电子设备将所述第六部分内容发送至第二电子设备,以指示所述第二电子设备显示所述第六部分内容。
8.根据权利要求1-7中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到第三操作,将所述第一选择框的位置移动到第一位置,所述第一选择框中的内容更新为第二内容的第七部分内容;
所电子设备在所述第二显示区域中以所述第二显示区域的尺寸显示所述第七部分内容。
9.根据权利要求1-8中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到第四操作,将所述第一选择框的尺寸调整为第二尺寸,所述第一选择框中的内容更新为所述第二内容的第八部分内容;
所述电子设备在所述第二显示区域中以第二显示区域的尺寸显示所述第八部分内容。
10.根据权利要求1-8所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到第四操作,将所述第一选择框的尺寸调整为第三尺寸,所述第一选择框中的内容更新为所述第二内容的第九部分内容;
所述电子设备在所述第二显示区域中以第四尺寸显示所述第九部分内容;所述第四尺寸小于所述第二显示区域的尺寸,所述第四尺寸是基于所述第三尺寸与所述第二显示区域的尺寸比例确定的。
11.根据权利要求1-10中任一项所述的方法,其特征在于,所述电子设备检测到第一操作,在所述第一显示区域中显示第一选择框,包括:
所述电子设备检测到所述第一操作,将所述第一显示区域划分为第三显示区域和所述第二显示区域;
所述电子设备将所述第一显示区域中显示的所述第一内容以所述第三显示区域的尺寸在所述第三显示区域中显示,并在所述第三显示区域中显示所述第一选择框。
12.一种投屏显示方法,其特征在于,所述方法包括:
第一电子设备在第一显示区域中显示第一内容;
所述第一电子设备检测到第一操作,在所述第一显示区域中显示第一选择框;所述第一选择框中的内容为所述第一内容的第一部分内容;
所述第一电子设备将第一投屏数据发送至第二电子设备,指示所述第二电子设备在第二显示区域中以所述第二显示区域的尺寸显示所述第一部分内容,所述第一投屏数据是基于所述第一内容的显示数据和所述第一选择框的位置信息得到的;
所述第一电子设备将在所述第一显示区域显示的所述第一内容更新为第二内容;所述第一选择框中的内容更新为所述第二内容的第二部分内容;
所述第一电子设备将第二投屏数据发送至第二电子设备,以指示所述第二电子设备在所述第二显示区域中以所述第二显示区域的尺寸显示所述第二部分内容;所述第二投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的。
13.根据权利要求12所述的方法,其特征在于,所述第一选择框的尺寸比例与所述第二显示区域的尺寸比例相同。
14.根据权利要求12或13中所述的方法,其特征在于,所述第一内容和所述第二内容有部分相同。
15.根据权利要求12-14中任一项所述的方法,其特征在于,所述第一投屏数据为所述第一部分内容的显示数据,和/或,所述第二投屏数据为所述第二部分内容的显示数据。
16.根据权利要求12-15中任一项所述的方法,其特征在于,所述第一投屏数据包括所述第一内容的显示数据和所述第一选择框的位置信息;和/或,所述第二投屏数据包括所述第二内容的显示数据和所述第一选择框的位置信息。
17.根据权利要求12-16中任一项所述的方法,其特征在于,所述方法还包括:
所述第一电子设备检测到第二操作,在所述第一显示区域上显示第二选择框;所述第二选择框中的内容为所述第二内容的第三部分内容;
所述第一电子设备将所述第三投屏数据发送至所述第二电子设备;所述第三投屏数据是基于所述第二选择框的位置信息和所述第一内容的显示数据得到的;
所述第二电子设备接收所述第三投屏数据,并将所述第二显示区域的显示区域划分为第四显示区域和第五显示区域;
所述第二电子设备在所述第四显示区域中显示所述第二部分内容,在所述第五显示区域中显示所述第三部分内容。
18.根据权利要求12-16中任一项所述的方法,其特征在于,所述方法还包括:
所述第一电子设备检测到第二操作,在所述第一显示区域中显示第三选择框并将所述第一选择框的尺寸调整为第一尺寸;所述第一选择框的长宽尺寸和所述第三选择框的长宽尺寸比例均为所述第二显示区域的长宽比例尺寸的二分之一;响应于所述第一选择框的尺寸调整所述第一选择框中的内容更新为所述第二内容的第五部分内容,所述第三选择框中的内容为所述第二内容的第四部分内容;
所述第一电子设备将所述第四投屏数据和所述第五投屏数据发送至所述第二电子设备,所述第四投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的,所述第五投屏数据是基于所述第三选择框的位置信息和所述第二内容的显示数据得到的;
所述第二电子设备接收所述第四投屏数据和所述第五投屏数据,并所述第二电子设备将所述第二显示区域划分为第四显示区域和第五显示区域,在所述第四显示区域中以所述第四显示区域的尺寸显示所述第五部分内容,在所述第五显示区域中以所述第五显示区域的尺寸显示所述第四部分内容。
19.根据权利要求12-16中任一项所述的方法,其特征在于,所述方法还包括:
所述第一电子设备检测到第二操作,所述第一电子设备显示第四选择框,所第四选择框的尺寸比例与第三电子设备的尺寸比例相同,所述第四选择框中的内容为所述第二内容的第六部分内容;
所述第一电子设备将所述第六投屏数据发送至第三电子设备,以指示所述第三电子设备显示所述第六部分内容,所述第六投屏数据是基于所述第四选择框和所述第二内容的显示数据得到的。
20.根据权利要求12-19中任一项所述的方法,其特征在于,所述方法包括:
所述第一电子设备检测到第三操作,所述第一电子设备将所述第一选择框移动到第一位置;所述第一选择框中的内容更新为第二内容的第七部分内容;
所述第一电子设备将第七投屏数据发送给所述第二电子设备,所述第七投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的;
所第二电子设备接收所述第四投屏数据,并在所述第二显示区域中以第二显示区域的尺寸显示所述第七部分内容。
21.根据权利要求12-20中任一项所述的方法,其特征在于,所述方法还包括:
所述第一电子设备检测到第四操作,所述第一电子设备将所述第一选择框的尺寸调整为第二尺寸;所述第一选择框中的内容更新为所述第二内容的第八部分内容;
所述第一电子设备将所述八投屏数据发送至所述第二电子设备,所述第八投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的;
所述第二电子设备接收所述第八投屏数据,并在所述第二显示区域中以第二显示区域的尺寸显示所述第八部分内容。
22.根据权利要求12-20中任一项所述的方法,其特征在于,所述方法还包括:
所述第一电子设备检测到第四操作,所述第一电子设备将所述第一选择框的尺寸调整为第三尺寸;所述第一选择框中的内容更新为所述第二内容的第九部分内容;
所述第一电子设备将所述第九投屏数据发送至所述第二电子设备,所述第九投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的;
所述第二电子设备接收所述第九投屏数据,并在所述第二显示屏中以第四尺寸显示所述第九部分内容;所述第四尺寸小于所述第二显示区域的尺寸,所述第四尺寸是基于第二显示区域的尺寸和所述第三尺寸确定的。
23.一种投屏系统,其特征在于,所述投屏系统包括第一电子设备和第二电子设备,所述第一电子设备和所述第二电子设备建立有通信连接;
所述第一电子设备,用于在第一显示区域中显示第一内容;
检测到第一操作,在所述第一显示区域中显示第一选择框;所述第一选择框中的内容为所述第一内容的第一部分内容;
将第一投屏数据发送至第二电子设备,所述第一投屏数据是基于所述第一内容的显示数据和所述第一选择框的位置信息得到的;
所述第二电子设备,用于接收所述第一投屏数据,并在所述第二显示区域中以所述第二显示区域的尺寸显示所述第一部分内容;
所述第一电子设备,还用于将在所述第一显示区域显示的所述第一内容更新为第二内容;所述第一选择框中的内容更新为所述第二内容的第二部分内容;
将所述第二投屏数据送至第二电子设备,所述第二投屏数据是基于所述第一选择框的位置信息和所述第二内容的显示数据得到的;
所述第二电子设备,还用于接收所述第二投屏数据,并在所述第二显示区域中以所述第二显示区域的尺寸显示所述第二部分内容。
24.一种电子设备,其特征在于,包括:一个或多个处理器、一个或多个存储器;所述一个或多个存储器分别与所述一个或多个处理器耦合;所述一个或多个存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令;当所述计算机指令在所述处理器上运行时,使得所述电子设备执行如权利要求1-16中任一项所述的投屏方法。
25.一种包含指令的计算机程序产品,其特征在于,当所述计算机程序产品在电子设备上运行时,使得所述电子设备执行如权利要求1-16中任一项所述的方法。
26.计算机可读存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1-16中任一项所述的投屏方法。
CN202210467613.0A 2021-12-31 2022-04-29 一种投屏显示方法、系统及电子设备 Pending CN116414329A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/CN2022/143623 WO2023125864A1 (zh) 2021-12-31 2022-12-29 一种投屏显示方法、系统及电子设备

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111671226 2021-12-31
CN2021116712260 2021-12-31

Publications (1)

Publication Number Publication Date
CN116414329A true CN116414329A (zh) 2023-07-11

Family

ID=87057037

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210467613.0A Pending CN116414329A (zh) 2021-12-31 2022-04-29 一种投屏显示方法、系统及电子设备

Country Status (1)

Country Link
CN (1) CN116414329A (zh)

Similar Documents

Publication Publication Date Title
US11785329B2 (en) Camera switching method for terminal, and terminal
WO2021093793A1 (zh) 一种拍摄方法及电子设备
AU2018430381B2 (en) Flexible screen display method and terminal
WO2021129326A1 (zh) 一种屏幕显示方法及电子设备
CN109766066B (zh) 一种消息处理的方法、相关装置及系统
KR102534354B1 (ko) 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
JP7355941B2 (ja) 長焦点シナリオにおける撮影方法および端末
US20230046708A1 (en) Application Interface Interaction Method, Electronic Device, and Computer-Readable Storage Medium
WO2021036771A1 (zh) 具有可折叠屏幕的电子设备及显示方法
WO2021036770A1 (zh) 一种分屏处理方法及终端设备
WO2021185250A1 (zh) 图像处理方法及装置
WO2021238370A1 (zh) 显示控制方法、电子设备和计算机可读存储介质
CN113961157A (zh) 显示交互系统、显示方法及设备
WO2023241209A9 (zh) 桌面壁纸配置方法、装置、电子设备及可读存储介质
US20220311931A1 (en) Photographing method and electronic device
WO2022143180A1 (zh) 协同显示方法、终端设备及计算机可读存储介质
CN114173005B (zh) 一种应用布局控制方法、装置、终端设备及计算机可读存储介质
CN116414329A (zh) 一种投屏显示方法、系统及电子设备
WO2023125864A1 (zh) 一种投屏显示方法、系统及电子设备
US20240176573A1 (en) Projection method and system, and electronic device
CN117631950A (zh) 一种分屏显示方法及相关装置
CN114356196A (zh) 一种显示方法及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination