CN110381195A - 一种投屏显示方法及电子设备 - Google Patents

Abstract

本申请的实施例提供一种投屏显示方法及电子设备，涉及终端技术领域，目的设备可按照自身的设备特点布局源设备发来的显示内容，从而提高多设备之间投屏显示的显示效果和用户体验。该方法包括：第一电子设备显示第一显示界面；所述第一电子设备接收用户将所述第一显示界面投射至第二电子设备的投屏指令；响应于所述投屏指令，所述第一电子设备确定所述第一显示界面中的一个或多个第一目标控件；所述第一电子设备向所述第二电子设备发送第一消息，所述第一消息中包括所述第一目标控件的绘制指令，使得所述第二电子设备按照所述第一目标控件的绘制指令绘制第一投屏界面，所述第一投屏界面中包括所述第一目标控件。

Description

一种投屏显示方法及电子设备

技术领域

本申请涉及终端技术领域，尤其涉及一种投屏显示方法及电子设备。

背景技术

随着智能家居技术的发展，一个用户或家庭中往往具备多个能够互相通信的电子设备。各类电子设备一般具有各自的设备特点，例如，手机的便携性更好，电视屏幕的显示效果更好，而音箱的音质效果更好。为了充分发挥不同电子设备的设备特点，电子设备可以通过投屏等方式实现多媒体数据在多个设备之间的切换和显示。

示例性的，用户可以将手机(即源设备)中显示的内容发送至其他支持投屏功能的目的设备中进行显示。但是，由于目的设备中显示屏与源设备中显示屏的分辨率、尺寸等规格可能不同，因此，目的设备在显示源设备发来的内容时可能会出现无法显示或显示效果不佳等问题。

发明内容

本申请提供一种投屏显示方法及电子设备，目的设备可按照自身的设备特点布局源设备发来的显示内容，从而提高多设备之间投屏显示的显示效果和用户体验。

为达到上述目的，本申请采用如下技术方案：

第一方面，本申请提供一种投屏显示方法，包括：第一电子设备(即源设备)显示第一显示界面；第一电子设备接收用户将第一显示界面投射至第二电子设备(即目的设备1)的投屏指令；响应于该投屏指令，第一电子设备可确定第一显示界面中需要投屏的一个或多个第一目标控件；进而，第一电子设备可向第二电子设备发送第一消息，第一消息中包括第一目标控件的绘制指令，使得第二电子设备按照第一目标控件的绘制指令绘制包含第一目标控件的第一投屏界面。

也就是说，在进行投屏显示时，源设备可将其显示界面中的一个或多个控件投射至目的设备的投屏界面中，使得源设备中的显示界面可以被变换或重组后显示在目的设备中，从而更加灵活的适应目的设备的屏幕尺寸等设备特点，提高投屏场景下的显示效果和使用体验。

在一种可能的实现方式中，第一电子设备确定第一显示界面中的第一目标控件，具体包括：第一电子设备可根据第二电子设备的类型，获取与第一显示界面对应的配置文件，该配置文件中记录有第一显示界面中需要投屏的第一目标控件；进而，第一电子设备可根据该配置文件，确定第一显示界面中的第一目标控件。

示例性的，上述配置文件中可记录第一目标控件在第一显示界面中的标识；此时，第一电子设备根据该配置文件，确定第一显示界面中的第一目标控件，具体包括：第一电子设备根据第一目标控件在第一显示界面中的标识，确定本次需要投屏的第一目标控件。

或者，上述配置文件中可记录第一目标控件在第一显示界面中的显示位置；此时，第一电子设备根据该配置文件，确定第一显示界面中的第一目标控件，具体包括：第一电子设备根据第一目标控件在第一显示界面中的显示位置，确定本次需要投屏的第一目标控件。

在一种可能的实现方式中，在第一电子设备确定第一显示界面中的一个或多个第一目标控件之后，还包括：第一电子设备获取绘制第一显示界面时的第一视图信息(例如第一显示界面的视图树)，第一视图信息包括第一显示界面中各个控件之间的图层顺序；进而，第一电子设备可根据第一视图信息确定第二视图信息，第二视图信息包括第一目标控件在第一投屏界面中的图层顺序；

可以看出，源设备可将其显示界面中的各个控件进行拆分、删减或重组等变化，从而在目的设备中显示出新的投屏界面，以适应目的设备的显示尺寸等设备特点，从而提高投屏场景下目的设备的显示效果和用户体验。

另外，源设备向目的设备发送的第一消息中还可以包括上述第二视图信息，以使第二电子设备根据第二视图信息中第一目标控件的图层顺序，依次调用第一目标控件的绘制指令绘制第一投屏界面。

在一种可能的实现方式中，第一电子设备根据第一视图信息确定第二视图信息，包括：第一电子设备对第一视图信息中的第一目标控件进行拆分和重组，得到第二视图信息，此时，第一目标控件在第一视图信息和第二视图信息中的图层顺序相同，即第一目标控件在投屏前的第一显示界面中的图层关系与第一目标控件在投屏后的第一投屏界面中的图层关系相同。

在一种可能的实现方式中，与上述第一显示界面对应的配置文件中还记录有第一目标控件在第一投屏界面中的显示位置；此时，第一电子设备根据第一视图信息确定第二视图信息，包括：第一电子设备从第一视图信息中拆分出需要投屏的第一目标控件；进而，第一电子设备可按照配置文件中记录的第一目标控件在第一投屏界面中的显示位置，将第一目标控件重组后得到第二视图信息。此时，第一目标控件投屏后所在的位置和图层与投屏前所在的位置和图层可以相同或不同。

在一种可能的实现方式中，上述第一消息中还可以包括第一目标控件的绘制资源，例如图标、头像等；第一目标控件的绘制资源用于供第二电子设备执行第一目标控件的绘制指令时，使用该绘制资源绘制第一目标控件的用户界面。

在一种可能的实现方式中，在第一电子设备显示第一显示界面之后，还包括：第一电子设备接收用户将第一显示界面投射至第三电子设备(即目的设备2)的投屏指令；响应于该投屏指令，第一电子设备确定第一显示界面中第二目标控件；其中，第一电子设备确定第二目标控件的方法与第一电子设备确定上述第一目标控件的方法类似。确定出第二目标控件后，与第一电子设备向第二电子设备发送第一消息类似的，第一电子设备可向第三电子设备发送携带第二目标控件的绘制指令的第二消息。又或者，确定出第二目标控件后，第一电子设备可将第二目标控件的绘制指令也携带在第一消息中，此时，第一电子设备可同时将该第一消息发送给第二电子设备和第三电子设备。这样，第一电子设备可将其显示界面中的不同控件同时投射至多个目的设备中进行显示。

第二方面，本申请提供一种投屏显示方法，包括：第二电子设备(即目的设备)可接收第一电子设备(即源设备)发送的第一消息，第一消息中包括N(N为大于0的整数)个控件的绘制指令；那么，第二电子设备可按照这N个控件的绘制指令绘制第一投屏界面，第一投屏界面中包括上述N个控件中的至少一个。

在一种可能的实现方式中，上述第一消息中还包括与上述N个控件对应的第一视图信息，第一视图信息中包括这N个控件之间的图层顺序；此时，第二电子设备按照上述N个控件的绘制指令绘制第一投屏界面，具体包括：第二电子设备根据第一视图信息中N个控件之间的图层顺序可确定这N个控件的绘制顺序，进而，第二电子设备可按照绘制顺序分别执行对应N个控件的绘制指令，绘制出上述N个控件，形成第一投屏界面。

在一种可能的实现方式中，上述第一消息中还包括第一目标控件所属的第一应用界面的标识；那么，在第二电子设备接收第一电子设备发送的第一消息之后，还包括：第二电子设备获取与第一应用界面的标识对应的配置文件，该配置文件中记录有上述N个控件投屏后在第一投屏界面中的显示位置；此时，第二电子设备按照上述N个控件的绘制指令绘制第一投屏界面，包括：第二电子设备按照第一视图信息所指示的N个控件的绘制顺序，分别在配置文件记录的相应的显示位置执行每个控件的绘制指令，依次绘制出上述N个控件，形成第一投屏界面。

在一种可能的实现方式中，上述第一消息中还包括第一目标控件所属的第一应用界面的标识；那么，在第二电子设备接收第一电子设备发送的第一消息之后，还包括：第二电子设备获取与第一应用界面的标识对应的配置文件，该配置文件中记录有M(M为不大于N的整数)个目标控件在第一投屏界面中的显示位置，该M个目标控件为该N个控件的子集。也就是说，需要投屏在目的设备上显示M个目标控件为第一消息中N个控件的一部分，那么，第二电子设备可根据上述配置文件在这N个控件中确定需要在第一投屏界面中显示的M个目标控件；此时，第二电子设备按照上述N个控件的绘制指令绘制第一投屏界面，包括：第二电子设备从上述N个控件的绘制指令中确定本次使用的M个目标控件的绘制指令；进而，第二电子设备可按照这M个目标控件的绘制指令绘制这M个目标控件，形成第一投屏界面。

示例性的，在第二电子设备根据上述配置文件在N个控件中确定需要在第一投屏界面中显示的M个目标控件之后，还包括：第二电子设备根据上述配置文件生成投屏后的第二视图信息，第二视图信息包括上述M个目标控件在第一投屏界面中的图层顺序；此时，第二电子设备按照上述M个目标控件的绘制指令绘制这M个目标控件，形成第一投屏界面，包括：第二电子设备可以根据第二视图信息所指示的M个目标控件的绘制顺序，分别调用相应目标控件的绘制指令，在配置文件所记录的相应显示位置绘制每个目标控件，最终形成第一投屏界面。

第三方面，本申请提供一种电子设备，该电子设备可以为上述源设备或目的设备。其中，该电子设备包括：触摸屏、通信模块、一个或多个处理器、一个或多个存储器、以及一个或多个计算机程序；其中，处理器与通信模块、触摸屏以及存储器均耦合，上述一个或多个计算机程序被存储在存储器中，当电子设备运行时，该处理器执行该存储器存储的一个或多个计算机程序，以使电子设备执行上述任一项所述的投屏显示方法。

第四方面，本申请提供一种计算机存储介质，包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行如第一方面中任一项所述的投屏显示方法。

第五方面，本申请提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行如第一方面中任一项所述的投屏显示方法。

第六方面，本申请提供一种投屏显示系统，该系统中可包括至少一个源设备和至少一个目的设备；源设备可用于执行如第一方面中任一项所述的投屏显示方法，目的设备可用于执行如第二方面中任一项所述的投屏显示方法。

可以理解地，上述提供的第三方面所述的电子设备、第四方面所述的计算机存储介质、第五方面所述的计算机程序产品以及第六方面所述的系统均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。

附图说明

图1为本申请实施例提供的一种通信系统的架构示意图；

图2为本申请实施例提供的一种电子设备的结构示意图一；

图3为本申请实施例提供的一种电子设备内操作系统的架构示意图；

图4为本申请实施例提供的一种投屏显示方法的应用场景示意图一；

图5为本申请实施例提供的一种投屏显示方法的应用场景示意图二；

图6为本申请实施例提供的一种投屏显示方法的应用场景示意图三；

图7为本申请实施例提供的一种投屏显示方法的应用场景示意图四；

图8为本申请实施例提供的一种投屏显示方法的应用场景示意图五；

图9为本申请实施例提供的一种投屏显示方法的应用场景示意图六；

图10为本申请实施例提供的一种投屏显示方法的应用场景示意图七；

图11为本申请实施例提供的一种投屏显示方法的应用场景示意图八；

图12为本申请实施例提供的一种投屏显示方法的应用场景示意图九；

图13为本申请实施例提供的一种投屏显示方法的应用场景示意图十；

图14为本申请实施例提供的一种投屏显示方法的应用场景示意图十一；

图15为本申请实施例提供的一种投屏显示方法的应用场景示意图十二；

图16为本申请实施例提供的一种投屏显示方法的应用场景示意图十三；

图17为本申请实施例提供的一种投屏显示方法的应用场景示意图十四；

图18为本申请实施例提供的一种投屏显示方法的应用场景示意图十五；

图19为本申请实施例提供的一种投屏显示方法的应用场景示意图十六；

图20为本申请实施例提供的一种电子设备的结构示意图二。

具体实施方式

下面将结合附图对本实施例的实施方式进行详细描述。

如图1所示，本申请实施例提供的一种投屏显示方法可应用于通信系统100，通信系统100中可以包括N(N＞1)个电子设备。例如，通信系统100中可包括电子设备101和电子设备102。

示例性地，电子设备101可以通过一个或多个通信网络104与电子设备102连接。

该通信网络104可以是有线网络，也可以是无线网络)。例如，上述通信网络104可以是局域网(local area networks，LAN)，也可以是广域网(wide area networks，WAN)，例如互联网。该通信网络104可使用任何已知的网络通信协议来实现，上述网络通信协议可以是各种有线或无线通信协议，诸如以太网、通用串行总线(universal serial bus，USB)、火线(FIREWIRE)、全球移动通讯系统(global system for mobile communications，GSM)、通用分组无线服务(general packet radio service，GPRS)、码分多址接入(code divisionmultiple access，CDMA)、宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)、蓝牙、无线保真(wireless fidelity，Wi-Fi)、NFC、基于互联网协议的语音通话(voice over Internet protocol，VoIP)、支持网络切片架构的通信协议或任何其他合适的通信协议。示例性地，在一些实施例中，电子设备101可以通过Wi-Fi协议与电子设备102建立Wi-Fi连接。

示例性的，电子设备101可以作为源设备，电子设备102可以作为电子设备101的目的设备。电子设备101可将显示屏中的显示界面投射至电子设备102的显示屏中进行显示。

仍如图1所示，上述通信系统100中还可以包括电子设备103，例如，电子设备103可以为可穿戴设备。那么，电子设备101也可以作为电子设备103的源设备，将其显示屏中的显示界面也投射至电子设备103的显示屏中进行显示。

也就是说，当电子设备101为源设备时，电子设备101可将其显示界面同时投射至多个目的设备(例如上述电子设备102和电子设备103)中显示。当然，上述通信系统100中的任意电子设备均可作为源设备，本申请实施例对此不做任何限制。

在一些实施例中，以电子设备101为源设备举例，电子设备101可识别自身显示界面中的各个控件，以及各个控件之间的位置和图层等关系。进而，电子设备101可对这些控件进行拆分、剪裁或重组等变换，从而得到需要投射至电子设备102(或电子设备103)的一个或多个控件(后续可称为目标控件)。进而，电子设备101可将目标控件相关的绘制指令发送给电子设备102(或电子设备103)，使得电子设备102(或电子设备103)可以在自身显示的投屏界面中绘制出上述目标控件。

在另一些实施例中，仍以电子设备101为源设备举例，电子设备101可识别自身显示界面中的各个控件。并且，电子设备101可将这些控件相关的绘制指令发送给电子设备102(或电子设备103)。进而，可由电子设备102(或电子设备103)对电子设备101中的各个控件进行拆分、剪裁或重组等变换，并在从而得到本次需要显示的一个或多个目标控件。后续，电子设备102(或电子设备103)可在自身的显示屏中绘制上述目标控件。

也就是说，在电子设备101(源设备)向电子设备102(目的设备)投射显示内容的过程中，目的设备最终为用户呈现的显示界面与源设备中的显示界面可以是不相同的。这样，在进行投屏显示时，源设备中的显示界面可以被裁剪、变换或重组后显示在目的设备中，从而更加灵活的适应目的设备的屏幕尺寸等设备特点，提高投屏场景下的显示效果和使用体验。

在一些实施例中，上述电子设备101、电子设备102以及电子设备103的具体结构可以是相同的，也可以是不同的。

例如，上述各个电子设备具体可以是手机、平板电脑、智能电视、可穿戴电子设备、车机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、手持计算机、上网本、个人数字助理(personal digital assistant，PDA)、虚拟现实设备等，本申请实施例对此不做任何限制。

以电子设备101举例，图2示出了电子设备101的结构示意图。

电子设备101可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，摄像头193，显示屏194等。

可以理解的是，本发明实施例示意的结构并不构成对电子设备101的具体限定。在本申请另一些实施例中，电子设备101可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

处理器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)接口等。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备101的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。

电子设备101的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备101中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备101上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括一个或多个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。

无线通信模块160可以提供应用在电子设备101上的包括无线局域网(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转为电磁波辐射出去。

在一些实施例中，电子设备101的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备101可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidounavigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellitesystem，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。

电子设备101通过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)等。在一些实施例中，电子设备101可以包括1个或N个显示屏194，N为大于1的正整数。

电子设备101可以通过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等格式的图像信号。在一些实施例中，电子设备101可以包括1个或N个摄像头193，N为大于1的正整数。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备101在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

视频编解码器用于对数字视频压缩或解压缩。电子设备101可以支持一种或多种视频编解码器。这样，电子设备101可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备101的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储一个或多个计算机程序，该一个或多个计算机程序包括指令。处理器110可以通过运行存储在内部存储器121的上述指令，从而使得电子设备101执行本申请一些实施例中所提供的投屏显示方法，以及各种功能应用和数据处理等。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统；该存储程序区还可以存储一个或多个应用程序(比如图库、联系人等)等。存储数据区可存储电子设备101使用过程中所创建的数据(比如照片，联系人等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如一个或多个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。在另一些实施例中，处理器110通过运行存储在内部存储器121的指令，和/或存储在设置于处理器中的存储器的指令，来使得电子设备101执行本申请实施例中提供的投屏显示方法，以及各种功能应用和数据处理。

电子设备101可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。

扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备101可以通过扬声器170A收听音乐，或收听免提通话。

受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备101接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。

麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备101可以设置一个或多个麦克风170C。在另一些实施例中，电子设备101可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备101还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。

耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。

传感器模块180可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器，骨传导传感器等。

另外，上述电子设备中还可以包括按键、马达、指示器以及SIM卡接口等一种或多种部件，本申请实施例对此不做任何限制。

上述电子设备101的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明电子设备101的软件结构。

图3是本申请实施例的电子设备101的软件结构框图。

分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。

1、应用程序层

应用程序层可以包括一系列应用程序。

如图3所示，上述应用程序可以包括通话，联系人，相机，图库，日历，地图，导航，蓝牙，音乐，视频，短信息等APP(应用，application)。

2、应用程序框架层

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图3所示，应用程序框架层中可以包括视图系统(view system)，通知管理器，活动管理器，窗口管理器，内容提供器，资源管理器，输入法管理器等。

其中，视图系统可用于构建应用程序的显示界面。每个显示界面可以由一个或多个控件组成。一般而言，控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、微件(Widget)等界面元素。

视图系统在绘制显示界面时可获取对应显示界面的视图信息，该视图信息中记录了需要绘制的显示界面中各个控件之间的图层关系。示例性的，显示界面中的各个控件一般按照树状结构分层组织，形成一个完整的ViewTree(视图树)，该视图树可称为上述显示界面的视图信息。视图系统可根据ViewTree中设置好的各个控件之间的图层关系绘制显示界面。在绘制显示界面中的每一个控件时都对应一组绘制指令，例如DrawLine、DrawPoint、DrawBitmap等。视图系统可按照ViewTree中各个控件之间的图层关系，依次调用相应控件的绘制指令绘制该控件。

例如，图4中的(a)示出了微信APP的聊天界面401，聊天界面401中最底层的控件为根节点(root)，根节点下设置有底图402这一控件，底图402中还包括以下控件：标题栏403、聊天背景404以及输入栏405。其中，标题栏403中进一步包括返回按钮406和标题407，聊天背景404中进一步包括头像408和气泡409，输入栏405中进一步包括语音输入按钮图标410、输入框411以及发送按钮412。

这些控件按照顺序分层可形成如图4中(b)所示的视图树A。其中，底图402位于根节点下，标题栏403、聊天背景404以及输入栏405均为底图402的子节点。返回按钮406和标题407均为标题栏403的子节点。头像408和气泡409均为聊天背景404的子节点。语音输入按钮图标410、输入框411以及发送按钮412均为输入栏405的子节点。视图系统在绘制聊天界面401时可按照视图树A中各个控件之间的图层关系，从根节点开始逐层调用对应的绘制指令绘制每个控件，最终形成聊天界面401。

在本申请实施例中，可以在源设备的视图系统增加一个投屏管理模块。当用户打开源设备的投屏功能后，投屏管理模块可记录视图系统绘制每一显示界面中每个控件的绘制指令，以及该绘制指令所需的绘图资源(例如头像、图标等)。并且，投屏管理模块可确定出当前显示界面中需要投射至目的设备显示的一个或多个目标控件。进而，投屏管理模块可基于当前显示界面的视图树1，生成目标控件在投屏后的投屏界面的视图树2。视图树2中控件的数量与视图树1中控件的数量可以不同，视图树2中控件之间的位置关系也可与视图树1中控件的位置关系不同。进而，投屏管理模块可指示源设备将视图树2以及视图树2中各个控件的绘制指令和绘图资源发送给目的设备，使得目的设备可按照视图树2中控件之间的图层关系，逐层调用相应控件的绘制指令绘制投屏后的投屏界面。这样，源设备便可将其显示界面中的目标控件投射至目的设备显示的投屏界面中显示。

在另一些实施例中，也可以在目的设备的视图系统增加一个投屏管理模块。例如，当上述电子设备101为目的设备时，可以接收源设备发来的UI消息，UI消息中可以包括源设备中显示界面的视图树1以及视图树1中各个控件的绘制指令和绘图资源。进而，投屏管理模块可基于视图树1，生成本次在目的设备中需要显示的投屏界面的视图树2。这样，目的设备可按照视图树2中控件之间的图层关系，逐层调用相应控件的绘制指令和绘图资源绘制投屏后的投屏界面。

也就是说，在投屏过程中，上述投屏管理模块可将源设备显示界面中的各个控件进行拆分、删减和重组，从而在目的设备中显示出新的投屏界面，以适应目的设备的显示尺寸等设备特点，从而提高投屏场景下目的设备的显示效果和用户体验。

需要说明的是，上述投屏管理模块也可以独立于视图系统单独设置在应用程序框架层，本申请实施例对此不做任何限制。

另外，上述活动管理器可用于管理每个应用的生命周期。应用通常以activity的形式运行在操作系统中。活动管理器可以调度应用的activity进程管理每个应用的生命周期。窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等。

3、Android runtime和系统库

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

其中，表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。2D图形引擎是2D绘图的绘图引擎。

4、内核层

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动等，本申请实施例对此不做任何限制。

以下将以手机作为投屏时的源设备举例，结合附图详细阐述本申请实施例提供的一种投屏显示方法。

示例性的，可预先在手机中设置一个投屏按钮，该投屏按钮可用于将手机中的显示界面投射至其他电子设备中显示。例如，上述投屏按钮可以设置在下拉菜单、上拉菜单或负一屏菜单等位置，本申请实施例对此不做任何限制。

以投屏音乐APP的显示界面举例，如图5中的(a)所示，用户在手机使用音乐APP播放歌曲时，手机可显示音乐APP的音乐播放界面501。如果此时用户希望将手机中的音乐播放界面501投屏至其他电子设备中继续显示，则用户可在音乐播放界面501中执行预设操作。例如，该预设操作可以为下拉操作。进而，响应用户在音乐播放界面501中执行的下拉操作，如图5中的(b)所示，手机可显示包含设备切换按钮502的下拉菜单503。

如图6中的(a)所示，如果检测到用户选中该投屏按钮502，说明用户希望将当前手机中显示的音乐播放界面501投射至其他的一个或多个电子设备中继续显示。那么，如图6中的(b)所示，手机可显示提示框601，该提示框601中可包含一个或多个候选设备。用户可从这些候选设备中选择一个或多个作为目的设备。后续，手机可将上述音乐播放界面501投射至用户选中的目的设备中进行投屏显示。

例如，检测到用户选中上述投屏按钮502后，手机可查询位于同一网络中的其他电子设备。例如，如果手机接入了名称为“1234”的Wi-Fi网络，则手机可查询该Wi-Fi网络内还包括哪些电子设备。如果查询到该Wi-Fi网络中还包括智能电视、笔记本、平板电脑以及智能手表，则手机可将这些电子设备作为候选设备，并将这些电子设备的图标显示在上述提示框601中。

又例如，检测到用户选中上述投屏按钮502后，手机还可以请求服务器查询与手机登录同一华为账号的其他电子设备。进而，服务器可将查询到的登录同一华为账号的一个或多个电子设备的标识发送给手机，这样，手机可将这些电子设备作为候选设备，并将这些电子设备的图标显示在上述提示框601中。

仍以上述提示框601中的多个候选设备举例，如果检测到用户选中提示框601中的智能手表，说明用户希望将当前手机中的显示界面(即音乐播放界面501)投射至智能手表中显示。在本申请实施例中，手机可以先对音乐播放界面501中的显示内容进行拆分、剪裁或重组等变化，得到与音乐播放界面501对应的投屏界面。进而，手机可将该投屏界面投射至智能手表中显示，使得智能手表中显示的投屏界面既能够体现出音乐播放界面501中的内容，又可以适应智能手表自身显示屏的屏幕尺寸。

仍以将手机中的音乐播放界面501投射至智能手表举例，可以预先在手机中为智能手表这一类目的设备设置多个配置文件。每个配置文件可与特定的应用或特定的显示界面对应。每个配置文件中记录了源设备中需要投射至目的设备上的一个或多个目标控件。

示例性的，配置文件中可以记录音乐播放界面501中需要投射至目的设备上的一个或多个控件的标识，这样，手机根据配置文件中记录的控件的标识可确定出音乐播放界面501中需要投屏的目标控件。

又例如，由于不同版本的音乐APP在运行音乐播放界面501时，音乐播放界面501内各个控件的标识可能会被更新，因此通过配置文件中控件的标识确定出的目标控件时可能会不准确。对此，也可在配置文件中记录需要投屏的一个或多个控件在音乐播放界面501中的具体显示位置。例如，每个控件的位置均可通过left，top，widht，height这4个参数的取值唯一确定。其中，left为控件左上角顶点在x轴的大小，top为控件左上角顶点在y轴的大小，widht为控件的宽度，height为控件的高度。这样，手机根据配置文件中记录的控件在音乐播放界面501中的显示位置可以唯一确定出音乐播放界面501内需要投屏的目标控件。

另外，配置文件中除了记录源设备中需要投射至目的设备上的一个或多个目标控件外，还可以记录目标控件投射至目的设备后在投屏界面中的显示位置。

例如，以图7中所示手机的音乐播放界面501举例，音乐播放界面501中包括以下控件：底图701、状态栏702、标题栏703、专辑封面704、歌词705以及控制栏706。其中，状态栏702中包括时间、信号强度以及电池容量等控件。标题栏703中包括歌曲名称7031和演唱者7032等控件。控制栏706中包括进度条7061、暂停按钮7062、上一首按钮7063以及下一首按钮7064等控件。

手机可预先为音乐播放界面501设置投射至智能手表时对应的配置文件1。由于智能手表的显示屏尺寸较小，用户将手机中的音乐播放界面501投射至智能手表的主要目的是为了方便控制音乐APP。因此，可预先在配置文件1中设置音乐播放界面501中需要被投射的目标控件为标题栏703和控制栏706。并且，可在配置文件1中设置标题栏703和控制栏706中各个控件投屏前在音乐播放界面501中的显示位置，以及标题栏703和控制栏706中各个控件投屏后的显示位置。

示例性的，与音乐播放界面501对应的配置文件1可以为：

需要说明的是，上述配置文件可以采用JSON(JavaScript Object Notation)格式、XML(Extensible Markup Language)格式或文本格式等格式存储在手机中或服务器中，本申请实施例对此不做任何限制。

仍以上述配置文件1举例，如果检测到用户选中提示框601中的智能手表，则手机可获取预先为智能手表设置的一个或多个配置文件。并且，手机可获取当前在前台运行的音乐应用的包名(packagename)，以及当前显示界面的activityname。进而，手机可在获取到的配置文件中，根据该packagename和activityname，查询与音乐播放界面501对应的配置文件1。那么，根据配置文件1中目标控件1的ID或“src”字段记录的位置信息，手机可识别出音乐播放界面501中需要投射至智能手表的一个或多个目标控件。

又或者，手机或服务器中还可以预先为不同型号或不同显示规格(例如屏幕形状、分辨率等)的智能手表设置对应的配置文件。那么，检测到用户选中提示框601中的智能手表后，手机还可以进一步获取本次投屏的智能手表的型号或显示规格，并查找与该型号或显示规格对应的配置文件。当然，也可以在同一配置文件(例如上述配置文件1)中记录不同型号或不同显示规格的智能手表需要投射的目标控件。那么，手机获取到配置文件1后，可根据本次投屏的智能手表的型号或显示规格，在配置文件1中查找到相应的“src”字段或目标控件的ID，从而识别出本次需要投射至智能手表中显示的一个或多个目标控件。

当然，如果手机没有获取到与智能手表对应的配置文件，或者手机没有获取到与上述音乐应用的包名或activityname对应的配置文件，则手机可按照现有的投屏方案将上述音乐播放界面501投射至智能手表中显示，本申请实施例对此不做任何限制。

另外，检测到用户选中提示框601中的智能手表后，手机还可以获取viewsystem在绘制上述音乐播放界面501时对应的视图信息。以视图树为视图信息举例，如图8所示，视图树801记录了上述音乐播放界面501中各个控件的之间的图层关系。在视图树801中，音乐播放界面501的根节点下包括底图701这一子节点，状态栏702、标题栏703、专辑封面704、歌词705以及控制栏706均为底图701的子节点。歌曲名称7031和演唱者7041为标题栏703的子节点。进度条7061、暂停按钮7062、上一首按钮7063以及下一首按钮7064为控制栏706的子节点。

示例性的，手机通过上述配置文件1识别出音乐播放界面501中的目标控件包括：标题栏703中的歌曲名称7031和演唱者7041，控制栏706中的暂停按钮7062、上一首按钮7063以及下一首按钮7064，以及专辑封面704。进而，由于配置文件1中记录了目标控件投屏后在投屏界面中的显示位置，因此，手机可根据上述配置文件1对音乐播放界面501的视图树801进行拆分、裁剪和重组等操作，生成投屏后在智能手表上显示的投屏界面的视图树901。

如图9所示，为投屏界面的视图树901的示意图。在视图树901中，手机删除了视图树801中不是目标控件的节点，例如上述底图701、状态栏702、状态栏702中的各个控件以及控制栏706中的进度条7601。并且，如果配置文件1中记录了投屏后标题栏703和控制栏706中的目标控件位于专辑封面704的图层之上，则在视图树901中，手机可将标题栏703和控制栏706作为专辑封面704的子节点。并且，标题栏703的子节点包括歌曲名称7031和演唱者7041，控制栏706的子节点包括暂停按钮7062、上一首按钮7063以及下一首按钮7064。

在另一些实施例中，手机通过上述配置文件1识别出音乐播放界面501中的目标控件后，也可以沿用目标控件在音乐播放界面501中的图层关系生成投屏后与投屏界面对应的视图树。例如，手机可将视图树801中的目标控件拆分出来，并按照目标控件在视图树801中的图层关系生成新的视图树，即与投屏界面对应的视图树。

进而，手机(即源设备)可通过上述通信网络104向智能手表(即目的设备)发送UI消息，该UI消息中包括投屏界面对应的视图树(例如，上述视图树901以及视图树901中每个控件相关的绘制指令和绘图资源)。例如，手机与智能手表可基于TCP/IP协议建立socket连接。进而，手机可使用该socket连接将与上述音乐播放界面501对应的UI消息发送给智能手表。由于UI消息中仅包括目标控件的相关信息，因此，相比于手机将整个音乐播放界面501发送给智能手表进行投屏，本申请实施例提供的投屏方法可降低源设备与目的设备交互时的传输带宽，提高投屏时的传输速度。

后续，当手机更新音乐播放界面501时，手机可按照上述方法生成与新的显示界面对应的UI消息，并将新的UI消息发送给智能手表。

在一些实施例中，智能手表接收到与上述音乐播放界面501对应的UI消息后，可按照视图树901中各个目标控件之间图层关系，依次调用视图树901中每一个目标控件的绘制指令绘制目标控件。最终，如图10所示，智能手表可绘制出上述音乐播放界面501投屏后的投屏界面1001。投屏界面1001中的各个控件与视图树901中各个控件一一对应。

示例性的，智能手表中也可存储不同显示界面的配置文件，或者，智能手表中也可以从服务器中获取不同显示界面的配置文件。手机发来的UI消息中还可以携带上述音乐播放界面501的标识。进而，智能手表可根据音乐播放界面501的标识查找到对应的配置文件(例如上述配置文件1)。那么，目的设备在绘制投屏界面1001时，可根据视图树901中目标控件之间的图层关系确定目标控件的绘制顺序。例如，目的设备根据视图树901可确定先绘制专辑封面704再绘制专辑封面704的子节点(例如标题栏703)。在绘制专辑封面704时，智能手表还可以根据配置文件1中专辑封面704的“dest”字段确定专辑封面704的具体绘制位置，进而，智能手表可调用与专辑封面704对应的绘制指令在该位置绘制专辑封面704。类似的，智能手表可视图树901中目标控件之间的图层关系依次绘制每个目标控件，从而形成如图10所示的投屏界面1001。

仍以音乐播放界面501举例，音乐播放界面501的配置文件1中也可以不包括上述“dest”字段。那么，智能手表在绘制音乐播放界面501中的目标控件1时，可以根据“translationx”字段和“translationy”字段确定目标控件1在x轴和y轴的平移距离；又例如，智能手表可以根据“scalex”字段和“scaley”字段确定目标控件1在x轴和y轴的缩放比例；又例如，智能手表还可以根据“rotatedegree”字段确定目标控件1的旋转角度。这样，智能手表也可计算出目标控件1投射在智能手表中的具体显示位置，进而，智能手表可调用目标控件1的绘制指令在相应位置绘制并显示出上述目标控件1。

可以看出，手机在将上述音乐播放界面501投屏至智能手表中显示时，可对音乐播放界面501中的控件进行拆分、删减和重组等操作，使得最终投屏在智能手表中的投屏界面1001能够适用智能手表中显示屏的显示尺寸以及用户的使用需求，从而提高多设备之间投屏时的显示效果和用户体验。

在本申请的另一些实施例中，手机还可以将当前的显示界面同时投射至多个目的设备中进行显示。

如图11所示，手机在显示视频APP的视频播放界面1101时，如果检测到用户开启投屏功能，并选中智能手表和智能电视作为本次投屏的目的设备，则手机可获取预先为智能手表设置的与上述视频播放界面1101对应的配置文件A，以及预先为智能电视设置的与上述视频播放界面1101对应的配置文件B。

与上述实施例中手机识别音乐播放界面501中目标控件的方法类似，手机可根据配置文件A中记录的第一目标控件的标识或第一目标控件投屏前的显示位置识别视频播放界面1101中的第一目标控件，并根据配置文件B中记录的第二目标控件的标识或第二目标控件投屏前的显示位置识别视频播放界面1101中的第二目标控件。第一目标控件与智能手表对应，第二目标控件与智能电视对应。

示例性的，仍如图11所示，视频播放界面1101中包括状态栏1100、视频画面1102，文本控件1103、进度条1104以及控制栏1105。控制栏1105中包括暂停按钮1106、上一个按钮1107以及下一个按钮1108。那么，如图12中的(a)所示，与视频播放界面1101对应的视图树1201包括：根节点，位于根节点下的状态栏1100、视频画面1102和控制栏1105。视频画面1102下包括文本控件1103和进度条1104这两个子节点，控制栏1105下包括暂停按钮1106、上一个按钮1107以及下一个按钮1108这三个子节点。

例如，手机通过配置文件A可识别出向智能手表投射视频播放界面1101的第一目标控件为：控制栏1105以及控制栏1105下的各个子节点，并且，向手机通过配置文件B可识别出向智能电视投射视频播放界面1101的第二目标控件为：视频画面1102以及视频画面1102下的各个子节点。

那么，手机可将第一目标控件和第二目标控件在视图树1201中的并集作为本次需要发送的视图树。如图12中的(b)所示，手机删减掉视图树1201中的非目标控件(即状态栏1100)后，可得到包含第一目标控件和第二目标控件的视图树1202。进而，手机可通过上述通信网络104向智能手表和智能电视发送UI消息，该UI消息中既包括第一目标控件的相关绘制指令和绘图资源，也包括第二目标控件的相关绘制指令和绘图资源。当然，该UI消息中还可以包括视图树1202。

示例性的，智能手表可以预先存储与视频播放界面1101对应的配置文件A，或者，智能手表接收到上述UI消息后可从服务器中获取对应的配置文件A。进而，如图13所示，智能手表可根据配置文件A中记录的第一目标控件，对上述视图树1202进行拆分、裁剪和重组等操作，生成投屏后在智能手表上显示的第一投屏界面的视图树1301。例如，视图树1301包括位于根节点下的控制栏1105，控制栏1105下的子节点为：暂停按钮1106、上一个按钮1107以及下一个按钮1108。

进而，智能手表可按照视图树1301，根据配置文件A记录的目标控件投屏后在投屏界面中的具体位置，使用对应的绘制指令在对应的位置绘制每个第一目标控件，从而显示出图13所示的第一投屏界面1302。也就是说，手机将视频播放界面1101投屏到智能手表后，在智能手表中显示出了视频播放界面1101中控制栏的相关控件。

类似的，智能电视也可以预先存储与视频播放界面1101对应的配置文件B，或者，智能电视接收到上述UI消息后可从服务器中获取对应的配置文件B。进而，如图14所示，智能电视可根据配置文件B中记录的第二目标控件，对上述视图树1202进行拆分、裁剪和重组等操作，生成投屏后在智能电视上显示的第二投屏界面的视图树1401。例如，视图树1401包括位于根节点下的视频画面1102，视频画面1102下的子节点为：文本控件1103和进度条1104。

进而，智能电视可按照视图树1401，根据配置文件B记录的目标控件投屏后在投屏界面中的具体位置，使用对应的绘制指令在对应的位置绘制每个第二目标控件，从而显示出图14所示的第二投屏界面1402。也就是说，手机将视频播放界面1101投屏到智能电视后，在智能电视中显示出了视频播放界面1101中视频画面内的相关控件。

在另一些实施例中，如图15所示，手机获取到上述视频播放界面1101的视图树1201后，也可以根据上述配置文件A生成与智能手表对应的视图树1301，并根据上述配置文件B生成与智能电视对应的视图树1401。进而，手机可向智能手表发送第一UI消息，第一UI消息中包含视图树1301以及视图树1301中各个控件的绘制指令，使得智能手表可基于视图树1301绘制并显示上述第一投屏界面1302。相应的，手机可向智能电视发送第二UI消息，第二UI消息中包含视图树1401以及视图树1401中各个控件的绘制指令，使得智能电视可基于视图树1401绘制并显示上述第二投屏界面1402。

可以看出，手机在向不同目的设备上投射同一显示画面时，可通过对显示画面中的控件进行拆分、删减和重组，在不同目的设备上显示出不同的投屏界面，以适应不同目的设备的屏幕大小等设备特点，从而提高投屏时的显示效果和用户体验。

在本申请的另一些实施例中，用户还可以手动在源设备的显示界面中指定向目的设备投屏的目标控件。这样，源设备可将用户手动指定的一个或多个目标控件投屏至目的设备中进行显示。

仍以手机为源设备举例，如图16所示，手机正在显示音乐APP中的歌词浏览界面1601。用户在手机中开启投屏功能后，手机可在提示框中显示支持本次投屏的多个候选设备。如果检测到用户选中提示框中的智能手表，说明用户希望将当前显示的歌词浏览界面1601投射至智能手表中显示。那么，手机可获取音乐APP的packagename和歌词浏览界面1601的activityname，并且，手机可在与智能手表对应的多个配置文件中查询与该packagename和activityname对应的配置文件(例如配置文件2)。与上述配置文件1类似的，配置文件2中记录了浏览界面1601中可以投屏至智能手表中显示的一个或多个目标控件。

如图16所示的浏览界面1601，该浏览界面1601中包括以下控件：状态栏1602、标题栏1603、歌词1604以及控制栏1605。控制栏1605中包括进度条、暂停按钮、上一首按钮以及下一首按钮等控件。标题栏1603中包括歌曲名称和演唱者等控件。状态栏1602中包括时间、信号强度以及电池容量等控件。

检测到用户选中智能手表作为目的设备后，如图17中的(a)所示，手机可在浏览界面1601上显示一个或多个圈选框1701。圈选框1701可用于选择向智能手表投射的目标控件。例如，用户可调节圈选框1701在浏览界面1601中的大小和位置，以选择本次用户希望投射至智能手表中的目标控件。仍如图17中的(a)所示，用户使用圈选框1701选中了浏览界面1601中的第一区域后，可执行预设的操作触发手机开始投屏。例如，该预设的操作可以为用户双击第一区域或按压第一区域等操作。又例如，手机可以在圈选框1701附近显示完成按钮，用户使用圈选框1701选中第一区域后，可点击该完成按钮，触发手机开始投屏。

示例性的，用户使用圈选框1701选中了浏览界面1601中的第一区域后，手机可以检测到圈选框1701内的第一区域在浏览界面1601中的具体坐标。进而，手机可根据上述配置文件2确定第一区域是否与配置文件2中记录的目标控件匹配。例如，当第一区域的坐标与配置文件2中某一目标控件(例如目标控件1)的坐标相同或接近时，手机可确定第一区域与配置文件2中的目标控件1匹配。

又或者，检测到用户选中智能手表作为目的设备后，如图17中的(b)所示，用户也可以在浏览界面1601上点击或圈选需要投屏的区域。以用户点击浏览界面1601中的A点举例，手机可根据A点的坐标，在配置文件2中查询A点所属的目标控件为目标控件1。

也就是说，手机可响应用户的手动操作在配置文件2中确定用户本次需要投屏的一个或多个目标控件。进而，与上述实施例中的投屏方法类似的，如图18所示，基于浏览界面1601的视图树1801，手机可根据配置文件2中用户选中的目标控件生成投屏后投屏界面的视图树1802。例如，视图树1802中包括用户本次手动选中的控制栏1605中的各个控件。

那么，手机可将视图树1802及视图树1802中目标控件的绘制指令携带在UI消息中发送给智能手机。智能手机接收到该UI消息后，如图19所示，可按照视图树1802中各个控件的图层顺序调用相应控件的绘制指令，在智能手机的显示屏中绘制控制栏1605中的各个控件，形成投屏后的投屏界面1901。

在另一些实施例中，手机开启投屏模式后，如果检测到用户在当前的显示界面中手动圈选了一个或多个控件，则手机也可以将用户圈选的控件作为本次投屏的目标控件，并动态的生成与目标控件对应的配置文件。例如，手机可在动态生成的配置文件中记录用户圈选的每个目标控件的具体位置，并且，手机还可以根据本次投屏的目的设备的分辨率、屏幕尺寸等参数，在配置文件中设置每个目标控件在目的设备中的具体显示位置。

进而，与上述实施例中的投屏方法类似的，手机基于动态生成的配置文件可生成后续投屏界面的视图树，并将该视图树及相关绘制指令携带在UI消息发送给目的设备。并且，手机还可以将本次动态生成的配置文件也发送给目的设备。这样，目的设备基于动态生成的配置文件，可在相应的显示位置调用绘制指令绘制用户手动圈选的目标控件。这样一来，在投屏过程中，用户可以手动选择将源设备的显示界面中的哪些内容投射至目的设备中显示，显示界面在多设备之间显示时的灵活度更高，提高了投屏时用户的使用体验。

本申请实施例公开了一种电子设备，包括处理器，以及与处理器相连的存储器、输入设备、输出设备和通信模块。其中，输入设备和输出设备可集成为一个设备，例如，可将触摸传感器作为输入设备，将显示屏作为输出设备，并将触摸传感器和显示屏集成为触摸屏。

此时，如图20所示，上述电子设备可以包括：触摸屏2001，所述触摸屏2001包括触摸传感器2006和显示屏2007；一个或多个处理器2002；存储器2003；通信模块2008；一个或多个应用程序(未示出)；以及一个或多个计算机程序2004，上述各器件可以通过一个或多个通信总线2005连接。其中该一个或多个计算机程序2004被存储在上述存储器2003中并被配置为被该一个或多个处理器2002执行，该一个或多个计算机程序2004包括指令，上述指令可以用于执行上述实施例中的各个步骤。其中，上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应实体器件的功能描述，在此不再赘述。

示例性的，上述处理器2002具体可以为图2所示的处理器110，上述存储器2003具体可以为图2所示的内部存储器121和/或外部存储器120，上述显示屏2007具体可以为图2所示的显示屏194，上述触摸传感器2006具体可以为图2所示的传感器模块200中的触摸传感器，上述通信模块2008具体可以为图2所示的移动通信模块150和/或无线通信模块160，本申请实施例对此不做任何限制。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (17)

1.一种投屏显示方法，其特征在于，包括：

第一电子设备显示第一显示界面；

所述第一电子设备接收用户将所述第一显示界面投射至第二电子设备的投屏指令；

响应于所述投屏指令，所述第一电子设备确定所述第一显示界面中的一个或多个第一目标控件；

所述第一电子设备向所述第二电子设备发送第一消息，所述第一消息中包括所述第一目标控件的绘制指令，使得所述第二电子设备按照所述第一目标控件的绘制指令绘制第一投屏界面，所述第一投屏界面中包括所述第一目标控件。

2.根据权利要求1所述的方法，其特征在于，所述第一电子设备确定所述第一显示界面中的第一目标控件，包括：

所述第一电子设备根据所述第二电子设备的类型，获取与所述第一显示界面对应的配置文件，所述配置文件中记录有所述第一显示界面中需要投屏的第一目标控件；

所述第一电子设备根据所述配置文件，确定所述第一显示界面中的第一目标控件。

3.根据权利要求2所述的方法，其特征在于，

所述配置文件中记录有所述第一目标控件在所述第一显示界面中的标识；其中，所述第一电子设备根据所述配置文件，确定所述第一显示界面中的第一目标控件，包括：

所述第一电子设备根据所述第一目标控件在所述第一显示界面中的标识，确定所述第一目标控件；或者，

所述配置文件中记录有所述第一目标控件在所述第一显示界面中的显示位置；其中，所述第一电子设备根据所述配置文件，确定所述第一显示界面中的第一目标控件，包括：

所述第一电子设备根据所述第一目标控件在所述第一显示界面中的显示位置，确定所述第一目标控件。

4.根据权利要求1-3中任一项所述的方法，其特征在于，在所述第一电子设备确定所述第一显示界面中的一个或多个第一目标控件之后，还包括：

所述所述第一电子设备获取绘制所述第一显示界面时的第一视图信息，所述第一视图信息包括所述第一显示界面中各个控件之间的图层顺序；

所述第一电子设备根据所述第一视图信息确定第二视图信息，所述第二视图信息包括所述第一目标控件在所述第一投屏界面中的图层顺序；

其中，所述第一消息中还包括所述第二视图信息，以使所述第二电子设备根据所述第二视图信息，及所述第一目标控件的绘制指令绘制第一投屏界面。

5.根据权利要求4所述的方法，其特征在于，所述第一电子设备根据所述第一视图信息确定第二视图信息，包括：

所述第一电子设备对所述第一视图信息中的所述第一目标控件进行拆分和重组，得到第二视图信息，所述第一目标控件在所述第一视图信息和所述第二视图信息中的图层顺序相同。

6.根据权利要求4所述的方法，其特征在于，与所述第一显示界面对应的配置文件中还记录有所述第一目标控件在所述第一投屏界面中的显示位置；

其中，所述第一电子设备根据所述第一视图信息确定第二视图信息，包括：

所述第一电子设备从所述第一视图信息中拆分出所述第一目标控件；

所述第一电子设备按照所述配置文件中所述第一目标控件在所述第一投屏界面中的显示位置，将所述第一目标控件重组后得到所述第二视图信息。

7.根据权利要求1-6中任一项所述的方法，其特征在于，所述第一消息中还包括所述第一目标控件的绘制资源；所述第一目标控件的绘制资源用于供所述第二电子设备执行所述第一目标控件的绘制指令时，使用该绘制资源绘制所述第一目标控件的用户界面。

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

所述第一电子设备接收用户将所述第一显示界面投射至第三电子设备的投屏指令；

响应于所述投屏指令，所述第一电子设备确定所述第一显示界面中第二目标控件；

所述第一电子设备向所述第三电子设备发送第二消息，所述第二消息中包括所述第二目标控件的绘制指令；或者，

所述第一电子设备向所述第三电子设备发送所述第一消息，所述第一消息中还包括所述第二目标控件的绘制指令。

9.一种投屏显示方法，其特征在于，包括：

第二电子设备接收第一电子设备发送的第一消息，所述第一消息中包括N个控件的绘制指令，N为大于0的整数；

所述第二电子设备按照所述N个控件的绘制指令绘制第一投屏界面，所述第一投屏界面中包括所述N个控件中的至少一个。

10.根据权利要求9所述的方法，其特征在于，所述第一消息中还包括与所述N个控件对应的第一视图信息，所述第一视图信息包括所述N个控件之间的图层顺序；

其中，所述第二电子设备按照所述N个控件的绘制指令绘制第一投屏界面，包括：

所述第二电子设备根据所述第一视图信息，分别执行所述N个控件的绘制指令，绘制所述第一投屏界面。

11.根据权利要求10所述的方法，其特征在于，所述第一消息中还包括第一应用界面的标识，所述N个控件位于所述第一应用界面中；

其中，在第二电子设备接收第一电子设备发送的第一消息之后，还包括：

所述第二电子设备获取与所述第一应用界面的标识对应的配置文件，所述配置文件中记录有所述N个控件在所述第一投屏界面中的显示位置；

其中，所述第二电子设备按照所述N个控件的绘制指令绘制第一投屏界面，包括：

所述第二电子设备根据所述第一视图信息，分别执行所述N个控件的绘制指令，在所述配置文件记录的显示位置依次绘制所述N个控件，形成所述第一投屏界面。

12.根据权利要求9所述的方法，其特征在于，所述第一消息中还包括第一应用界面的标识，所述N个控件中的M个目标控件位于所述第一应用界面中；

其中，在第二电子设备接收第一电子设备发送的第一消息之后，还包括：

所述第二电子设备获取与所述第一应用界面的标识对应的配置文件，所述配置文件中记录有M个目标控件在所述第一投屏界面中的显示位置，所述M个目标控件为所述N个控件的子集，M为不大于N的整数；

所述第二电子设备根据所述配置文件在所述N个控件中确定需要在所述第一投屏界面中显示的M个目标控件；

其中，所述第二电子设备按照所述N个控件的绘制指令绘制第一投屏界面，包括：

所述第二电子设备从所述N个控件的绘制指令中确定所述M个目标控件的绘制指令；

所述第二电子设备按照所述M个目标控件的绘制指令绘制所述M个目标控件，形成所述第一投屏界面。

13.根据权利要求12所述的方法，其特征在于，在所述第二电子设备根据所述配置文件在所述N个控件中确定需要在所述第一投屏界面中显示的M个目标控件之后，还包括：

所述第二电子设备根据所述配置文件生成第二视图信息，所述第二视图信息包括所述M个目标控件在所述第一投屏界面中的图层顺序；

其中，所述第二电子设备按照所述M个目标控件的绘制指令绘制所述M个目标控件，形成所述第一投屏界面，包括：

所述第二电子设备根据所述第二视图信息，分别执行所述M个目标控件的绘制指令，在所述配置文件记录的显示位置绘制所述M个目标控件，形成所述第一投屏界面。

14.一种电子设备，其特征在于，包括：

触摸屏，所述触摸屏包括触摸传感器和显示屏；

通信模块；

一个或多个处理器；

一个或多个存储器；

以及一个或多个计算机程序，其中所述一个或多个计算机程序被存储在所述一个或多个存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述电子设备执行时，使得所述电子设备执行如权利要求1-8或权利要求9-13中任一项所述的投屏显示方法。

15.一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1-8或权利要求9-13中任一项所述的投屏显示方法。

16.一种包含指令的计算机程序产品，其特征在于，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行如权利要求1-8或权利要求9-13中任一项所述的投屏显示方法。

17.一种投屏显示系统，其特征在于，所述系统包括至少一个源设备和至少一个目的设备；其中，所述源设备用于执行如权利要求1-8中任一项所述的投屏显示方法，所述目的设备用于执行如权利要求9-13中任一项所述的投屏显示方法。