CN104822077A - 客户端的运行方法及客户端 - Google Patents

Abstract

本发明公开了一种客户端的运行方法及客户端。其中，该方法包括：接收用于请求运行客户端的请求消息；响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口；根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域；按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息。本发明解决了现有技术各个图层窗口刷新频率不一致的技术问题。

Description

客户端的运行方法及客户端

技术领域

本发明涉及图层处理领域，具体而言，涉及一种客户端的运行方法及客户端。

背景技术

随着图层处理技术的多元化发展，越来越多的厂商致力于开发具有多种功能的产品，例如，在视频中插入摄像头画面等。现有技术在视频中插入摄像头画面是通过分别为视频以及摄像头画面建立图层窗口后，各个图层窗口分别显示对应的内容。那么，在此过程中，容易导致视频与摄像头画面的刷新频率不一致，画面闪烁的问题。针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种客户端的运行方法及客户端，以至少解决现有技术各个图层窗口刷新频率不一致的技术问题。

根据本发明实施例的一个方面，提供了一种客户端的运行方法，包括：接收用于请求运行客户端的请求消息；响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口；根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域；按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息。

根据本发明实施例的另一方面，还提供了一种客户端，包括：第一接收单元，用于接收用于请求运行客户端的请求消息；第一创建单元，用于响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口；第二创建单元，用于根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域；刷新单元，用于按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息。

在本发明实施例中，采用将各个待显示信息在同一底层预览区窗口中显示的方式，通过接收用于请求运行客户端的请求消息，响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口，根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域，按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息，达到了各个待显示信息刷新频率一致的目的，从而实现了画面同步的技术效果，进而解决了现有技术各个图层窗口刷新频率不一致的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种可选的客户端的运行方法的硬件结构图；

图2是根据本发明实施例的一种可选的客户端的运行方法的流程示意图；

图3是根据本发明实施例的一种可选的客户端的显示界面示意图；

图4是根据本发明实施例的另一种可选的图层关系示意图；

图5是根据本发明实施例的另一种可选的客户端的显示界面示意图；

图6是根据本发明实施例的另一种可选的客户端的运行方法的流程示意图；

图7是根据本发明实施例的另一种可选的客户端的运行方法的流程示意图；

图8是根据本发明实施例的另一种可选的客户端的运行方法的流程示意图；

图9是根据本发明实施例的一种可选的客户端的结构示意图；

图10是根据本发明实施例的另一种可选的客户端的结构示意图；

图11是根据本发明实施例的另一种可选的客户端的结构示意图；

图12是根据本发明实施例的另一种可选的客户端的结构示意图；

图13是根据本发明实施例的另一种可选的客户端的结构示意图；

图14是根据本发明实施例的另一种可选的客户端的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例1

根据本发明实施例，提供了一种客户端的运行方法，在本实施例中，上述客户端的运行方法可以应用于如图1所示的服务器102以及设置有客户端的终端104的硬件环境中。如图1所示，服务器102通过网络与终端104进行连接，上述网络包括但不限于：广域网、城域网或局域网，终端104可以但不限于包括以下之一：手机、平板电脑。终端104的客户端在运行后，可以将本地正在运行的游戏通过客户端输出，以使其他终端104的客户端同步显示该游戏。

根据本发明实施例，提供了一种客户端的运行方法，如图2所示，该方法包括：

S202：接收用于请求运行客户端的请求消息；

S204：响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口；

S206：根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域；

S208：按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息。

需要说明的是，本发明实施例的待显示信息可以是文字、图片、视频、区域、游戏、摄像头画面等，本发明实施例对此不做限制。

在上述环境下，根据本发明实施例提供的客户端的运行方法，在步骤S202中，客户端会接收到用于请求运行客户端的请求消息。

在本发明实施例中，用户可以通过安装有客户端的终端进行多媒体文件(即待显示的信息)的直播与录制。例如，用户当前可以控制终端运行游戏应用A，此时，用户想要对当前运行的游戏应用A中显示的画面进行录制或者直播，用户可以点击该客户端以运行该客户端，本发明实施例中，该客户端会接收到用于请求运行客户端的请求消息，进而运行该客户端。其中，用户可以双击该客户端以运行该客户端，也可以单击该客户端以运行该客户端，也可以长按该客户端以运行该客户端，本发明实施例对此不做限制。

又例如，本发明实施例的客户端不仅可以实现游戏应用的录制或者直播，而且可以实现图像的编辑、文字的编辑、同步载入摄像头画面通过截屏功能兼容其他游戏，后续实施例中会进行详细说明。

在上述环境下，根据本发明实施例提供的客户端的运行方法，在步骤S204中，客户端可以响应步骤S202中的请求消息，在客户端的主界面中创建用户界面UI层预览区窗口。

本发明实施例中，客户端的主界面可以为如图3所示的界面，在该主界面中，可以包含选择游戏按钮、截取屏幕按钮、插入文字按钮、插入图片按钮、插入视频按钮、插入摄像头按钮中的一个或多个，在该主界面中，还可以包含录制按钮、直播按钮、上传按钮，那么用户则可以根据自己的需求录制、直播或者上传其选择的游戏、截屏、文字、图片、视频、摄像头画面等。

在该客户端接收到用于请求运行客户端的请求消息之后，客户端响应该请求消息，打开如图3所示的主界面，并在主界面中创建UI(UserInterface，用户界面)层预览区窗口。进而，根据该UI预览区窗口的参数信息创建叠加在UI层预览区窗口之上的底层预览区窗口。

在上述环境下，根据本发明实施例提供的客户端的运行方法，在步骤S206中，客户端可以根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域。

本发明实施例中，客户端在主界面中创建了UI层预览区窗口后，可以根据该UI层预览区窗口的参数信息，创建叠加在该UI层预览区窗口之上的底层预览区窗口，如图3所示的主界面中，由虚线框所限定的区域即为底层预览区窗口及UI层预览区窗口，其中，上述的游戏、截屏、文字、图片、视频、摄像头画面等是在该底层预览区窗口的绘制区域中显示的，也就是说，用户可以观看到的是底层预览区窗口的内容，由于底层预览区窗口是叠加在UI层预览区窗口之上的，因此，对于用户而言，用户是无法看到UI层预览区窗口的，以用户观看电脑屏幕为例，UI层预览区窗口位于远离用户的一侧，底层预览区窗口位于靠近用户的一侧。

例如可选地，当用户想要对当前正在运行的游戏应用A的显示画面进行录制时，用户可以点击如图3所示的主界面中选择游戏按钮，并可以选择当前正在运行的游戏应用A，此时，客户端可以创建一个叠加在上述底层预览区窗口之上的UI图层窗口，并且，根据UI图层窗口与UI层预览区窗口的位置关系，在底层预览区窗口中确定与该UI图层窗口对应的绘制区域。如图4所示，为客户端的图层关系示意图，其中，由下到上依次为UI层预览区窗口-底层预览区窗口(其中设置有绘制区域)-UI图层窗口，绘制区域与UI图层窗口一一对应。

本发明实施例中，UI图层窗口可以为透明的窗口，其作用为根据UI图层窗口与UI层预览区窗口的位置关系，可以确定底层预览区窗口中绘制区域的位置，也就是说，由于UI图层窗口是透明的，用户可以观看到的是底层预览区窗口的内容，由于底层预览区窗口是叠加在UI层预览区窗口之上的，因此，对于用户而言，用户是无法看到UI层预览区窗口的，以用户观看电脑屏幕为例，UI层预览区窗口位于远离用户的一侧，底层预览区窗口位于中间，UI图层窗口位于靠近用户的一侧。

可选地，UI层预览区窗口的参数信息包括UI层预览区窗口的句柄；其中，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，包括：

S1：通过UI层预览区窗口的句柄，确定UI层预览区窗口的位置；

S2：在UI层预览区窗口之上，创建与UI层预览区窗口的位置对应的底层预览区窗口。

本发明实施例中，UI层预览区窗口的参数信息可以包括UI层预览区窗口的句柄。其中，句柄，可以是指使用的一个唯一的整数值，即一个4字节(64位程序中为8字节)长的数值，来标识应用程序中的不同对象和不同对象中的不同的实例，例如，一个窗口、按钮、图标、滚动条、输出设备、控件或者文件等。客户端能够给通过句柄访问响应的对象的信息。具体地，客户端通过UI层预览区窗口的句柄，确定UI层预览区窗口的位置，进而在UI层预览区窗口之上，创建与UI层预览区窗口的位置对应的底层预览区窗口。

同样地，客户端在创建了UI图层窗口之后，根据UI图层窗口与UI层预览区窗口之间的位置关系，确定底层预览区窗口中绘制区域的位置，可以包括：

S1：通过UI图层窗口的句柄，确定UI图层窗口的位置；

S2：根据UI图层窗口的位置以及UI层预览区窗口的位置，得出UI图层窗口相对于UI层预览区窗口的位置关系；

S3：按照UI图层窗口相对于UI层预览区窗口的位置关系，在底层预览区窗口中确定绘制区域。

可选地，在创建叠加在UI层预览区窗口之上的底层预览区窗口之后、且在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息之前，本发明实施例的客户端的运行方法还可以包括：创建叠加在底层预览区窗口之上的多个UI图层窗口，其中，多个绘制区域与多个UI图层窗口一一对应。

其中，客户端可以创建多个叠加在底层预览区窗口之上的UI图层窗口，相应地，绘制区域也就有多个，具体地，一个待显示文件对应于一个UI图层窗口，在一个绘制区域中显示，当用户还需要插入其他文件时，例如，如图5所示，用户在运行客户端之后，先点击了插入文字按钮并编辑文字“我进房间的开发阶段”，客户端创建UI图层窗口，并将用户编辑的文字“我进房间的开发阶段”，在与UI图层窗口对应的绘制区域中显示；进一步地，用户点击了插入摄像头按钮，客户端则新建一个UI图层窗口，并将摄像头画面在与该新建的UI图层窗口对应的新的绘制区域中显示。

需要说明的是，各个绘制区域是可以重叠的，用户可以通过拖动UI图层窗口，调整其对应的绘制区域的位置。其中，上述的UI图层窗口虽然是透明的，但是用户仍然能够看到其边框轮廓。

在上述环境下，根据本发明实施例提供的客户端的运行方法，在步骤S208中，客户端可以按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息。

本发明实施例中，所有的待显示信息均在底层预览区窗口中进行显示，那么，客户端则可以按照指定的帧率刷新该底层预览区窗口，进而保证所有的待显示信息的刷新频率一致，同步性好。

例如，用户点击直播按钮后，点击选择游戏，将终端上正在运行的游戏应用A通过网络传输出去，进一步地，用户点击插入摄像头按钮，将摄像头画面也通过网络传输出去，该摄像头画面的内容可以为该用户操作该游戏应用A的画面，本发明实施例中，客户端可以按照指定的帧率刷新该底层预览区窗口，并按照底层预览区的内容编码输出直播流。其中，帧率是可以设置的，例如，若帧率为20帧/秒，客户端则每50ms刷新一次底层预览区窗口，并按照底层预览区的内容编码输出直播流，若帧率为25帧/秒，客户端则每40ms刷新一次底层预览区窗口，并按照底层预览区的内容编码输出直播流，本发明实施例对此不做限制。

可选地，如图6所示，在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息时，还包括：

S602：接收用于最小化主界面的第一操作指令；

S604：记录多个UI图层窗口相对于UI层预览区窗口的位置信息，并停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；

S606：当接收到用于还原主界面的第二操作指令时，根据位置信息还原多个UI图层窗口以及UI层预览区窗口，并恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

由于UI图层窗口是弹出窗口，那就需要解决当主界面最小化后图层位置发生偏移的问题。因为UI图层窗口和UI层预览区窗口没有任何关联，主界面最小化的时候，UI层预览区窗口被最小化，而UI图层窗口未被最小化，因此UI图层窗口对应于UI层预览区窗口的位置会发生变化，那么则可能导致直播或录制的流里面图层内容发生偏移。

基于上述问题，本发明实施例中，当客户端接收到接收用于最小化主界面的第一操作指令时，客户端可以记录所有UI图层窗口相对于UI层预览区窗口的位置信息，并且停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。其中，客户端的主界面在未被最小化时，客户端会实时根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，那么，客户端的主界面在被最小化时，客户端会锁定底层预览区窗口，即停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，进而，底层预览区窗口继续显示待显示信息，而底层预览区窗口中的绘制区域的位置不因UI图层窗口相对于UI层预览区窗口的位置变化而变化。进而，当客户端接收到用于还原主界面的第二操作指令时，根据位置信息还原多个UI图层窗口以及UI层预览区窗口，并恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

可选地，如图7所示，在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息时，还包括：

S702：接收用于拖动主界面的第三操作指令；

S704：停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；

S706：当接收到用于指示拖动结束的第四操作指令时，恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

由于UI图层窗口是弹出窗口，那就需要解决当主界面被拖动后图层位置发生偏移的问题。在用户拖动客户端主界面的过程中，由于UI层预览区窗口的位置发生变化，UI图层窗口也跟随变化，但由于客户端根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置不可能很及时，这样会导致拖动的过程中，直播流和文件里面会出现图层抖动的情况。

基于上述问题，本发明实施例中，当客户端接收到接收用于拖动主界面的第三操作指令时，客户端可以停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。其中，客户端主界面在未被拖动时，客户端会实时根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，那么，客户端的主界面在被拖动时，客户端会锁定底层预览区窗口，即停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，进而，底层预览区窗口继续显示待显示信息，而底层预览区窗口中的绘制区域的位置不因UI图层窗口相对于UI层预览区窗口的位置变化而变化。进而，当接收到用于指示拖动结束的第四操作指令时，恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

可选地，如图8所示，在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息时，还包括：

S802：记录创建多个UI图层窗口的顺序；

S804：当接收到用于点击多个UI图层窗口中的一个的第五操作指令时，按照记录的创建多个UI图层窗口的顺序，显示多个UI图层窗口。

由于底层预览区窗口中的各个绘制区域是可以重叠的，那么，如果客户端先建立的绘制区域较大，后建立的绘制区域较小，那么如果用户不小心点击先建立的绘制区域对应的UI图层窗口时，先建立的绘制区域有可能将后建立的绘制区域遮挡。

基于上述问题，本发明实施例中，客户端在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息时，会记录创建各个UI图层窗口的顺序，当接收到用于点击多个UI图层窗口中的一个的第五操作指令时，即发生UI图层窗口点击事件时，客户端会按照记录的创建多个UI图层窗口的顺序，显示多个UI图层窗口，保持各个绘制区域的层次顺序。

可选地，待显示信息为客户端所在的终端上当前运行的游戏应用中显示的画面，其中，按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息包括：

S1：获取当前运行的游戏应用中显示的画面；

S2：按照预定的帧率将当前运行的游戏应用中显示的画面加载到多个绘制区域中的一个上进行显示。

在本发明实施例中，采用将各个待显示信息在同一底层预览区窗口中显示的方式，通过接收用于请求运行客户端的请求消息，响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域，按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息，达到了各个待显示信息刷新频率一致的目的，从而实现了画面同步的技术效果，进而解决了现有技术各个图层窗口刷新频率不一致的技术问题。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例的方法。

实施例2

根据本发明实施例，提供了一种客户端在本实施例中，上述客户端可以应用于如图1所示的服务器102以及设置有客户端的终端104的硬件环境中。如图1所示，服务器102通过网络与终端104进行连接，上述网络包括但不限于：广域网、城域网或局域网，终端104可以但不限于包括以下之一：手机、平板电脑。终端104的客户端在运行后，可以将本地正在运行的游戏通过客户端输出，以使其他终端104的客户端同步显示该游戏。

根据本发明实施例，还提供了一种用于实施上述客户端的运行方法的客户端，如图9所示，该客户端包括：

第一接收单元902，用于接收用于请求运行客户端的请求消息；

第一创建单元904，用于响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口；

第二创建单元906，用于根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域；

刷新单元908，用于按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息。

需要说明的是，本发明实施例的待显示信息可以是文字、图片、视频、区域、游戏、摄像头画面等，本发明实施例对此不做限制。

在本发明实施例中，用户可以通过安装有客户端的终端进行多媒体文件(即待显示的信息)的直播与录制。例如，用户当前可以控制终端运行游戏应用A，此时，用户想要对当前运行的游戏应用A中显示的画面进行录制或者直播，用户可以点击该客户端以运行该客户端，本发明实施例中，该客户端会接收到用于请求运行客户端的请求消息，进而运行该客户端。其中，用户可以双击该客户端以运行该客户端，也可以单击该客户端以运行该客户端，也可以长按该客户端以运行该客户端，本发明实施例对此不做限制。

又例如，本发明实施例的客户端不仅可以实现游戏应用的录制或者直播，而且可以实现图像的编辑、文字的编辑、同步载入摄像头画面通过截屏功能兼容其他游戏，后续实施例中会进行详细说明。

本发明实施例中，客户端的主界面可以为如图3所示的界面，在该主界面中，可以包含选择游戏按钮、截取屏幕按钮、插入文字按钮、插入图片按钮、插入视频按钮、插入摄像头按钮中的一个或多个，在该主界面中，还可以包含录制按钮、直播按钮、上传按钮，那么用户则可以根据自己的需求录制、直播或者上传其选择的游戏、截屏、文字、图片、视频、摄像头画面等。

在该客户端接收到用于请求运行客户端的请求消息之后，客户端响应该请求消息，打开如图3所示的主界面，并在主界面中创建UI(UserInterface，用户界面)层预览区窗口。进而，根据该UI预览区窗口的参数信息创建叠加在UI层预览区窗口之上的底层预览区窗口。

本发明实施例中，客户端在主界面中创建了UI层预览区窗口后，可以根据该UI层预览区窗口的参数信息，创建叠加在该UI层预览区窗口之上的底层预览区窗口，如图3所示的主界面中，由虚线框所限定的区域即为底层预览区窗口及UI层预览区窗口，其中，上述的游戏、截屏、文字、图片、视频、摄像头画面等是在该底层预览区窗口的绘制区域中显示的，也就是说，用户可以观看到的是底层预览区窗口的内容，由于底层预览区窗口是叠加在UI层预览区窗口之上的，因此，对于用户而言，用户是无法看到UI层预览区窗口的，以用户观看电脑屏幕为例，UI层预览区窗口位于远离用户的一侧，底层预览区窗口位于靠近用户的一侧。

例如可选地，当用户想要对当前正在运行的游戏应用A的显示画面进行录制时，用户可以点击如图3所示的主界面中选择游戏按钮，并可以选择当前正在运行的游戏应用A，此时，客户端可以创建一个叠加在上述底层预览区窗口之上的UI图层窗口，并且，根据UI图层窗口与UI层预览区窗口的位置关系，在底层预览区窗口中确定与该UI图层窗口对应的绘制区域。如图4所示，为客户端的图层关系示意图，其中，由下到上依次为UI层预览区窗口-底层预览区窗口(其中设置有绘制区域)-UI图层窗口，绘制区域与UI图层窗口一一对应。

本发明实施例中，UI图层窗口可以为透明的窗口，其作用为根据UI图层窗口与UI层预览区窗口的位置关系，可以确定底层预览区窗口中绘制区域的位置，也就是说，由于UI图层窗口是透明的，用户可以观看到的是底层预览区窗口的内容，由于底层预览区窗口是叠加在UI层预览区窗口之上的，因此，对于用户而言，用户是无法看到UI层预览区窗口的，以用户观看电脑屏幕为例，UI层预览区窗口位于远离用户的一侧，底层预览区窗口位于中间，UI图层窗口位于靠近用户的一侧。

优选地，如图10所示，UI层预览区窗口的参数信息包括UI层预览区窗口的句柄；其中，第二创建单元906包括：

确定模块1002，用于通过UI层预览区窗口的句柄，确定UI层预览区窗口的位置；

创建子模块1004，用于在UI层预览区窗口之上，创建与UI层预览区窗口的位置对应的底层预览区窗口。

本发明实施例中，UI层预览区窗口的参数信息可以包括UI层预览区窗口的句柄。其中，句柄，可以是指使用的一个唯一的整数值，即一个4字节(64位程序中为8字节)长的数值，来标识应用程序中的不同对象和不同对象中的不同的实例，例如，一个窗口、按钮、图标、滚动条、输出设备、控件或者文件等。客户端能够给通过句柄访问响应的对象的信息。具体地，客户端通过UI层预览区窗口的句柄，确定UI层预览区窗口的位置，进而在UI层预览区窗口之上，创建与UI层预览区窗口的位置对应的底层预览区窗口。

同样地，客户端在创建了UI图层窗口之后，根据UI图层窗口与UI层预览区窗口之间的位置关系，确定底层预览区窗口中绘制区域的位置，可以包括：

S1：通过UI图层窗口的句柄，确定UI图层窗口的位置；

S2：根据UI图层窗口的位置以及UI层预览区窗口的位置，得出UI图层窗口相对于UI层预览区窗口的位置关系；

S3：按照UI图层窗口相对于UI层预览区窗口的位置关系，在底层预览区窗口中确定绘制区域。

可选地，在创建叠加在UI层预览区窗口之上的底层预览区窗口之后、且在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息之前，本发明实施例的客户端的运行方法还可以包括：创建叠加在底层预览区窗口之上的多个UI图层窗口，其中，多个绘制区域与多个UI图层窗口一一对应。

其中，客户端可以创建多个叠加在底层预览区窗口之上的UI图层窗口，相应地，绘制区域也就有多个，具体地，一个待显示文件对应于一个UI图层窗口，在一个绘制区域中显示，当用户还需要插入其他文件时，例如，如图5所示，用户在运行客户端之后，先点击了插入文字按钮并编辑文字“我进房间的开发阶段”，客户端创建UI图层窗口，并将用户编辑的文字“我进房间的开发阶段”，在与UI图层窗口对应的绘制区域中显示；进一步地，用户点击了插入摄像头按钮，客户端则新建一个UI图层窗口，并将摄像头画面在与该新建的UI图层窗口对应的新的绘制区域中显示。

需要说明的是，各个绘制区域是可以重叠的，用户可以通过拖动UI图层窗口，调整其对应的绘制区域的位置。其中，上述的UI图层窗口虽然是透明的，但是用户仍然能够看到其边框轮廓。

本发明实施例中，所有的待显示信息均在底层预览区窗口中进行显示，那么，客户端则可以按照指定的帧率刷新该底层预览区窗口，进而保证所有的待显示信息的刷新频率一致，同步性好。

例如，用户点击直播按钮后，点击选择游戏，将终端上正在运行的游戏应用A通过网络传输出去，进一步地，用户点击插入摄像头按钮，将摄像头画面也通过网络传输出去，该摄像头画面的内容可以为该用户操作该游戏应用A的画面，本发明实施例中，客户端可以按照指定的帧率刷新该底层预览区窗口，并按照底层预览区的内容编码输出直播流。其中，帧率是可以设置的，例如，若帧率为20帧/秒，客户端则每50ms刷新一次底层预览区窗口，并按照底层预览区的内容编码输出直播流，若帧率为25帧/秒，客户端则每40ms刷新一次底层预览区窗口，并按照底层预览区的内容编码输出直播流，本发明实施例对此不做限制。

优选地，如图11所示，本发明实施例的客户端还包括：

第二接收单元1102，用于接收用于最小化主界面的第一操作指令；以及接收用于还原主界面的第二操作指令；

第一控制单元1104，用于记录多个UI图层窗口相对于UI层预览区窗口的位置信息，并停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；当第二接收单元1102接收到用于还原主界面的第二操作指令时，根据位置信息还原多个UI图层窗口以及UI层预览区窗口，并恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

由于UI图层窗口是弹出窗口，那就需要解决当主界面最小化后图层位置发生偏移的问题。因为UI图层窗口和UI层预览区窗口没有任何关联，主界面最小化的时候，UI层预览区窗口被最小化，而UI图层窗口未被最小化，因此UI图层窗口对应于UI层预览区窗口的位置会发生变化，那么则可能导致直播或录制的流里面图层内容发生偏移。

基于上述问题，本发明实施例中，当客户端接收到接收用于最小化主界面的第一操作指令时，客户端可以记录所有UI图层窗口相对于UI层预览区窗口的位置信息，并且停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。其中，客户端的主界面在未被最小化时，客户端会实时根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，那么，客户端的主界面在被最小化时，客户端会锁定底层预览区窗口，即停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，进而，底层预览区窗口继续显示待显示信息，而底层预览区窗口中的绘制区域的位置不因UI图层窗口相对于UI层预览区窗口的位置变化而变化。进而，当客户端接收到用于还原主界面的第二操作指令时，根据位置信息还原多个UI图层窗口以及UI层预览区窗口，并恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

优选地，如图12所示，本发明实施例的客户端还包括：

第三接收单元1202，用于接收用于拖动主界面的第三操作指令；以及接收用于指示拖动结束的第四操作指令；

第二控制单元1204，用于停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；当第三接收单元1202接收到用于指示拖动结束的第四操作指令时，恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

由于UI图层窗口是弹出窗口，那就需要解决当主界面被拖动后图层位置发生偏移的问题。在用户拖动客户端主界面的过程中，由于UI层预览区窗口的位置发生变化，UI图层窗口也跟随变化，但由于客户端根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置不可能很及时，这样会导致拖动的过程中，直播流和文件里面会出现图层抖动的情况。

基于上述问题，本发明实施例中，当客户端接收到接收用于拖动主界面的第三操作指令时，客户端可以停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。其中，客户端主界面在未被拖动时，客户端会实时根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，那么，客户端的主界面在被拖动时，客户端会锁定底层预览区窗口，即停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置，进而，底层预览区窗口继续显示待显示信息，而底层预览区窗口中的绘制区域的位置不因UI图层窗口相对于UI层预览区窗口的位置变化而变化。进而，当接收到用于指示拖动结束的第四操作指令时，恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

优选地，如图13所示，本发明实施例的客户端还包括：

第四接收单元1302，用于接收用于点击多个UI图层窗口中的一个的第五操作指令；

第三控制单元1304，记录创建多个UI图层窗口的顺序；当第四接收单元1302接收到用于点击多个UI图层窗口中的一个的第五操作指令时，按照记录的创建多个UI图层窗口的顺序，显示多个UI图层窗口。

由于底层预览区窗口中的各个绘制区域是可以重叠的，那么，如果客户端先建立的绘制区域较大，后建立的绘制区域较小，那么如果用户不小心点击先建立的绘制区域对应的UI图层窗口时，先建立的绘制区域有可能将后建立的绘制区域遮挡。

基于上述问题，本发明实施例中，客户端在按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息时，会记录创建各个UI图层窗口的顺序，当接收到用于点击多个UI图层窗口中的一个的第五操作指令时，即发生UI图层窗口点击事件时，客户端会按照记录的创建多个UI图层窗口的顺序，显示多个UI图层窗口，保持各个绘制区域的层次顺序。

优选地，如图14所示，待显示信息为客户端所在的终端上当前运行的游戏应用中显示的画面，其中，刷新单元908包括：

获取模块1402，用于获取当前运行的游戏应用中显示的画面；

加载模块1404，用于按照预定的帧率将当前运行的游戏应用中显示的画面加载到多个绘制区域中的一个上进行显示。

在本发明实施例中，采用将各个待显示信息在同一底层预览区窗口中显示的方式，通过接收用于请求运行客户端的请求消息，响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域，按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息，达到了各个待显示信息刷新频率一致的目的，从而实现了画面同步的技术效果，进而解决了现有技术各个图层窗口刷新频率不一致的技术问题。

实施例3

根据本发明实施例，还提供了一种用于实施上述客户端的运行方法的终端，上述终端可以应用于如图1所示的硬件环境中。

如图1所示，服务器102通过网络与终端104进行连接，上述网络包括但不限于：广域网、城域网或局域网，终端104可以但不限于包括以下之一：手机、平板电脑。终端104的客户端在运行后，可以将本地正在运行的游戏通过客户端输出，以使其他终端104的客户端同步显示该游戏。

可选地，在本实施例中，上述终端包括：

1)存储器，被设置为存储UI层预览区窗口的参数信息。

2)处理器，被设置为接收用于请求运行客户端的请求消息；响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口；根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域；按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息。

可选地，在本实施例中，上述存储器还可以用于存储上述实施例1中的确定过程中所存储的其他数据。

可选地，本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例，本实施例在此不再赘述。

在本发明实施例中，采用将各个待显示信息在同一底层预览区窗口中显示的方式，通过接收用于请求运行客户端的请求消息，响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域，按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息，达到了各个待显示信息刷新频率一致的目的，从而实现了画面同步的技术效果，进而解决了现有技术各个图层窗口刷新频率不一致的技术问题。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。

实施例4

本发明的实施例还提供了一种存储介质，上述存储介质可以应用于如图1所示的硬件环境中。

如图1所示，服务器102通过网络与终端104进行连接，上述网络包括但不限于：广域网、城域网或局域网，终端104可以但不限于包括以下之一：手机、平板电脑。终端104的客户端在运行后，可以将本地正在运行的游戏通过客户端输出，以使其他终端104的客户端同步显示该游戏。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：

S1，接收用于请求运行客户端的请求消息；

S2，响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口；

S3，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，创建叠加在底层预览区窗口之上的多个UI图层窗口，其中，多个绘制区域与多个UI图层窗口一一对应。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，接收用于最小化主界面的第一操作指令；

S2，记录多个UI图层窗口相对于UI层预览区窗口的位置信息，并停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；

S3，当接收到用于还原主界面的第二操作指令时，根据位置信息还原多个UI图层窗口以及UI层预览区窗口，并恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，接收用于拖动主界面的第三操作指令；

S2，停止根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置；

S3，当接收到用于指示拖动结束的第四操作指令时，恢复根据多个UI图层窗口相对于UI层预览区窗口的位置信息确定底层预览区窗口中的多个绘制区域的位置。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，记录创建多个UI图层窗口的顺序；

S2，当接收到用于点击多个UI图层窗口中的一个的第五操作指令时，按照记录的创建多个UI图层窗口的顺序，显示多个UI图层窗口。

可选地，待显示信息为客户端所在的终端上当前运行的游戏应用中显示的画面，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，获取当前运行的游戏应用中显示的画面；

S2，按照预定的帧率将当前运行的游戏应用中显示的画面加载到多个绘制区域中的一个上进行显示。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，将多个绘制区域上显示的待显示信息通过网络进行传输。

可选地，UI层预览区窗口的参数信息包括UI层预览区窗口的句柄，存储介质还被设置为存储用于执行以下步骤的程序代码：

S1，通过UI层预览区窗口的句柄，确定UI层预览区窗口的位置；

S2，在UI层预览区窗口之上，创建与UI层预览区窗口的位置对应的底层预览区窗口。

在本发明实施例中，采用将各个待显示信息在同一底层预览区窗口中显示的方式，通过接收用于请求运行客户端的请求消息，响应请求消息，在客户端的主界面中创建用户界面UI层预览区窗口，根据UI层预览区窗口的参数信息，创建叠加在UI层预览区窗口之上的底层预览区窗口，其中，底层预览窗口中包括多个绘制区域，按照预定的帧率刷新底层预览区窗口中的多个绘制区域上显示的待显示信息，达到了各个待显示信息刷新频率一致的目的，从而实现了画面同步的技术效果，进而解决了现有技术各个图层窗口刷新频率不一致的技术问题。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

可选地，本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例，本实施例在此不再赘述。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的客户端，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

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

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (16)

1.一种客户端的运行方法，其特征在于，包括：

接收用于请求运行客户端的请求消息；

响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口；

根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域；

按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息。

2.根据权利要求1所述的方法，其特征在于，在创建叠加在所述UI层预览区窗口之上的底层预览区窗口之后、且在按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息之前，还包括：

创建叠加在所述底层预览区窗口之上的多个UI图层窗口，其中，所述多个绘制区域与所述多个UI图层窗口一一对应。

3.根据权利要求2所述的方法，其特征在于，在按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息时，还包括：

接收用于最小化所述主界面的第一操作指令；

记录所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息，并停止根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置；

当接收到用于还原所述主界面的第二操作指令时，根据所述位置信息还原所述多个UI图层窗口以及所述UI层预览区窗口，并恢复根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置。

4.根据权利要求1或2所述的方法，其特征在于，在按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息时，还包括：

接收用于拖动所述主界面的第三操作指令；

停止根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置；

当接收到用于指示拖动结束的第四操作指令时，恢复根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置。

5.根据权利要求2所述的方法，其特征在于，在所述创建叠加在所述底层预览区窗口之上的多个UI图层窗口时，还包括：

记录创建所述多个UI图层窗口的顺序；

当接收到用于点击所述多个UI图层窗口中的一个的第五操作指令时，按照记录的所述创建所述多个UI图层窗口的顺序，显示所述多个UI图层窗口。

6.根据权利要求1所述的方法，其特征在于，所述待显示信息为所述客户端所在的终端上当前运行的游戏应用中显示的画面，其中，按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息包括：

获取所述当前运行的游戏应用中显示的画面；

按照所述预定的帧率将所述当前运行的游戏应用中显示的画面加载到所述多个绘制区域中的一个上进行显示。

7.根据权利要求1所述的方法，其特征在于，所述按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息之后，所述方法还包括：

将所述多个绘制区域上显示的待显示信息通过网络进行传输。

8.根据权利要求1所述的方法，其特征在于，所述UI层预览区窗口的参数信息包括所述UI层预览区窗口的句柄；

其中，所述根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，包括：

通过所述UI层预览区窗口的句柄，确定所述UI层预览区窗口的位置；

在所述UI层预览区窗口之上，创建与所述UI层预览区窗口的位置对应的所述底层预览区窗口。

9.一种客户端，其特征在于，包括：

第一接收单元，用于接收用于请求运行客户端的请求消息；

第一创建单元，用于响应所述请求消息，在所述客户端的主界面中创建用户界面UI层预览区窗口；

第二创建单元，用于根据所述UI层预览区窗口的参数信息，创建叠加在所述UI层预览区窗口之上的底层预览区窗口，其中，所述底层预览窗口中包括多个绘制区域；

刷新单元，用于按照预定的帧率刷新所述底层预览区窗口中的所述多个绘制区域上显示的待显示信息。

10.根据权利要求9所述的客户端，其特征在于，还包括：

第三创建单元，用于创建叠加在所述底层预览区窗口之上的多个UI图层窗口，其中，所述多个绘制区域与所述多个UI图层窗口一一对应。

11.根据权利要求10所述的客户端，其特征在于，还包括：

第二接收单元，用于接收用于最小化所述主界面的第一操作指令；以及接收用于还原所述主界面的第二操作指令；

第一控制单元，用于记录所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息，并停止根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置；当所述第二接收单元接收到所述用于还原所述主界面的第二操作指令时，根据所述位置信息还原所述多个UI图层窗口以及所述UI层预览区窗口，并恢复根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置。

12.根据权利要求9或10所述的客户端，其特征在于，还包括：

第三接收单元，用于接收用于拖动所述主界面的第三操作指令；以及接收用于指示拖动结束的第四操作指令；

第二控制单元，用于停止根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置；当所述第三接收单元接收到所述用于指示拖动结束的第四操作指令时，恢复根据所述多个UI图层窗口相对于所述UI层预览区窗口的位置信息确定所述底层预览区窗口中的所述多个绘制区域的位置。

13.根据权利要求10所述的客户端，其特征在于，还包括：

第四接收单元，用于接收用于点击所述多个UI图层窗口中的一个的第五操作指令；

第三控制单元，记录创建所述多个UI图层窗口的顺序；当所述第四接收单元接收到所述用于点击所述多个UI图层窗口中的一个的第五操作指令时，按照记录的所述创建所述多个UI图层窗口的顺序，显示所述多个UI图层窗口。

14.根据权利要求9所述的客户端，其特征在于，所述待显示信息为所述客户端所在的终端上当前运行的游戏应用中显示的画面，其中，所述刷新单元包括：

获取模块，用于获取所述当前运行的游戏应用中显示的画面；

加载模块，用于按照所述预定的帧率将所述当前运行的游戏应用中显示的画面加载到所述多个绘制区域中的一个上进行显示。

15.根据权利要求9所述的客户端，其特征在于，还包括：

传输单元，用于将所述多个绘制区域上显示的待显示信息通过网络进行传输。

16.根据权利要求9所述的客户端，其特征在于，所述UI层预览区窗口的参数信息包括所述UI层预览区窗口的句柄；其中，所述第二创建单元包括：

确定模块，用于通过所述UI层预览区窗口的句柄，确定所述UI层预览区窗口的位置；

创建子模块，用于在所述UI层预览区窗口之上，创建与所述UI层预览区窗口的位置对应的所述底层预览区窗口。