CN112148160A - 浮窗显示方法、装置、电子设备和计算机可读存储介质 - Google Patents

Abstract

本申请公开了浮窗显示方法、装置、电子设备和计算机可读存储介质，涉及计算机技术领域，具体涉及多任务处理技术领域。具体实现方案为：响应对显示页面的操作，从显示页面的可视区域中确定浏览区域，根据浏览区域，确定浮窗的目标显示区域，在显示页面的目标显示区域内对浮窗进行显示。本申请中通过智能的调整用于显示视频的浮窗的显示区域和显示尺寸，使得显示页面和画中画的显示区域不发生重叠，实现了多内容的并行浏览，更加智能化，提高了效率。

Description

浮窗显示方法、装置、电子设备和计算机可读存储介质

技术领域

本申请涉及计算机技术领域，具体涉及多任务处理技术领域，进一步涉及浮窗显示方法、装置、电子设备和计算机可读存储介质。

背景技术

随着移动设备技术的发展，使得多任务处理成为可能，而多任务处理的模式由于效率高，越来越受到用户的喜爱。

画中画模式即为一种多任务处理的模式，是在显示第一应用程序的应用界面的同时，还可以显示第二应用程序的应用界面。画中画模式的使用在移动设备中将会持续的增长，由于在移动设备中，显示屏幕是唯一的资源，而显示屏幕尺寸较小，画中画模式在使用时，使得屏幕存在相互冲突的可能，影响了多个应用程序的并行使用。

发明内容

本申请提供了一种用于避免页面和浮窗显示冲突的浮窗显示方法、装置、电子设备和计算机可读存储介质。

根据本申请的一方面，提供了一种浮窗显示方法，应用于移动终端中，包括：

响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域；

根据所述浏览区域，确定浮窗的目标显示区域；

在所述显示页面的所述目标显示区域内对所述浮窗进行显示。

根据本申请的另一方面，提供了一种浮窗显示装置，应用于移动终端中，包括：

第一确定模块，用于响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域；

第二确定模块，用于根据所述浏览区域，确定浮窗的目标显示区域；

显示模块，用于在所述显示页面的所述目标显示区域内对所述浮窗进行显示。

根据本申请的另一方面，提供了一种电子设备，其中，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的浮窗显示方法。

根据本申请的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行第一方面所述的浮窗显示方法。

应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1为本申请实施例所提供的一种浮窗显示方法的流程示意图；

图2为本申请实施例的另一种浮窗显示方法的流程示意图；

图3为本申请的浮窗显示示意图之一；

图4为本申请实施例的又一种浮窗显示方法的流程示意图；

图5为本申请的浮窗显示示意图之二；

图6为本申请实施例的又一种浮窗显示方法的流程示意图；

图7为本申请的浮窗显示示意图之三；

图8为本申请实施例的又一种浮窗显示方法的流程示意图；

图9为本申请的浮窗显示示意图之四；

图10为本申请实施例的又一种浮窗显示方法的流程示意图；

图11为本申请的浮窗显示示意图之五；

图12为本申请的浮窗显示示意图之六；

图13为本申请实施例提供的一种浮窗显示装置的结构示意图

图14是根据本申请实施例的浮窗显示方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

下面参考附图描述本申请实施例的浮窗显示方法、装置、电子设备和计算机可读存储介质。

图1为本申请实施例所提供的一种浮窗显示方法的流程示意图。

如图1所示，该方法包括以下步骤：

步骤101，响应对显示页面的操作，从显示页面的可视区域中确定浏览区域。

本申请实施例的执行主体为浮窗显示装置，该装置可配置于任意的移动设备中，其中，移动设备可以为智能手机、智能手表、智能便携设备等。

本申请的一个实施例中，响应对显示页面的操作，其中，操作为对显示页面的滚动条的滑动操作，基于滚动条滑动至的位置，从当前显示页面的可视区域中确定浏览区域。

本申请的另一个实施例中，响应对显示页面的操作，其中，操作为对页面的滑动操作，例如，用户在需要查看的显示页面区域按照设定的滑动操作进行滑动，以从显示页面的可视区域中确定当前用户浏览的区域。

步骤102，根据浏览区域，确定浮窗的目标显示区域。

其中，浮窗为不同于当前显示页面的应用程序的另一个应用程序的显示窗口，例如，用于显示视频的应用程序的显示窗口，或者是显示另一个页面内容的应用程序的显示窗口。浮窗的显示尺寸和显示位置可以根据需要进行改变。

本申请实施例中，确定用户当前浏览的页面区域后，根据确定的浏览区域，从显示页面的可视区域中确定用于对浮窗进行显示的目标显示区域。

需要说明的是，浏览区域和浮窗的目标显示区域，是相互不重叠的区域，从未实现了用户当前浏览的页面区域和浮窗显示并行进行，相比与现有技术中需要人工确定浮窗显示的目标显示区域，实现了智能化，提高了效率。

步骤103，在显示页面的目标显示区域内对浮窗进行显示。

本申请中，在确定了浮窗的目标显示区域后，在目标显示区域内进行显示，其中，目标显示区域和确定的浏览区域不存在重叠，通过智能的对浮窗的显示位置和显示尺寸的调整，提高了浮窗和多媒体内容并行显示的效果，实现了智能化，并提高了对浮窗调整的效率。

本申请实施例的浮窗显示方法中，响应对显示页面的操作，从显示页面的可视区域中确定浏览区域，根据浏览区域，确定浮窗的目标显示区域，在显示页面的目标显示区域内对浮窗进行显示。本申请中通过智能的调整用于显示视频的浮窗的显示区域和显示尺寸，使得显示页面和画中画的显示区域不发生重叠，实现了多内容的并行浏览，更加智能化，提高了效率。

基于上述实施例，本申请实施例说明了如何响应对显示页面的操作，以确定用户在当前页面的显示部分中的浏览区域。下面通过两个实施例进行说明。

在一种场景下，图2为本申请实施例的另一种浮窗显示方法的流程示意图，如图2所示，该方法包含以下步骤：

步骤201，监测显示页面的滚动条滑动至显示页面的顶端，则确定浏览区域为显示页面的顶部区域。

本实施例中，对显示页面的滚动条进行监测，当监测到滚动条滑动至显示页面的顶端，则认为用户当前要浏览的区域为显示页面的顶部区域。

如图3所示，1指示的为页面顶部区域，该顶部区域和下述步骤中的底部区域可以基于实际场景的需求以及移动设备的屏幕尺寸，进行设定，本实施例中不进行限定。

步骤202，将显示页面中可视区域的底部区域作为目标显示区域。

如图3所示，确定用户当前要浏览的区域为显示页面的顶部区域，即如图3中的1指示的区域，则确定视频的浮窗的目标显示区域为显示页面中已显示的部分的底部区域，即3中的2指示的区域。

需要理解的是，显示页面通常较长，在显示屏的显示一屏内容中并不能显示完，因此，将移动终端的显示屏中当前显示的页面部分，称为显示页面中当前可视区域。显示页面中以显示部分，会随着滚动条的移动而变化。

步骤203，在显示页面的目标显示区域内对浮窗进行显示。

本申请实施例的浮窗显示方法中，通过响应用户对滚动条滑动的操作，确定用户浏览的区域为顶部区域，则自动确定浮窗的目标显示区域为显示页面中可视区域的底部区域，并在目标显示区域中对浮窗进行显示，以使得显示页面中的多媒体内容在显示时不会和浮窗存在显示冲突，实现了并行显示，由于浮窗的位置和显示尺寸均是自动调整的，相比于用户浏览的内容被画中画的浮窗遮挡，需要用户手动的去调整浮窗的方式，提高了调整了效率。

在另一种场景下，图4为本申请实施例的又一种浮窗显示方法的流程示意图，如图4所示，该方法包含以下步骤：

步骤401，监测显示页面的滚动条滑动至显示页面的底端，则确定浏览区域为显示页面的底部区域。

步骤402，将显示页面中可视区域的顶部区域作为目标显示区域。

如图5所示，3指示的为页面底部区域，该底部区域可以基于实际场景的需求以及移动设备的屏幕尺寸，进行设定，本实施例中不进行限定。

如图5所示，确定用户当前要浏览的区域为显示页面的底部区域，即如图5中的3指示的区域，则确定视频的浮窗的目标显示区域为显示页面中可视区域的顶部区域，即5中的4指示的区域。

其中，上述步骤201和步骤202中的解释说明，也适用于本实施例的步骤401和402，原理相同，此处不再赘述。

步骤404，在显示页面的目标显示区域内对浮窗进行显示。

本申请实施例的浮窗显示方法中，通过响应用户对滚动条滑动的操作，确定用户浏览的区域为底部区域，则自动确定浮窗的目标显示区域为显示页面中可视区域的顶部区域，并在目标显示区域中对浮窗进行显示，以使得显示页面中的多媒体内容在显示时不会和浮窗存在显示冲突，实现了并行显示，由于浮窗的位置和显示尺寸均是自动调整的，相比于用户浏览的内容被画中画的浮窗遮挡，需要用户手动的去调整浮窗的方式，提高了调整了效率。

实际应用，目标显示区域中可能展示有多媒体内容，则需要根据多媒体内容在目标显示区域中的显示尺寸，缩小浮窗的显示尺寸，以使得浮窗的显示和浏览区域可以并行显示，相互之间不存在干扰。而在一种场景下，目标显示区域中展示的多媒体内容尺寸较大时，多媒体内容的显示尺寸和显示屏的显示区域尺寸基本相同，即使缩小浮窗，也仍然对多媒体内容存在遮挡，因此，需要对浮窗进行暂时的隐藏显示，当确定该多媒体内容展示完毕后，再控制隐藏的浮窗恢复显示。基于上述实施例，本实施例提供了另一种浮窗显示方法，图6为本申请实施例的又一种浮窗显示方法的流程示意图，如图6所示，该方法包含以下步骤：

步骤601，对显示页面提取特征。

步骤602，根据特征，识别显示页面包含的多媒体内容和占用的区域。

步骤603，若根据多媒体内容占用的区域确定目标显示区域内展示有多媒体内容，则确定多媒体内容在目标显示区域中的显示尺寸。

本实施例中，若根据多媒体内容占用的区域确定目标显示区域内展示有多媒体内容，则说明浮窗的目标显示区域和多媒体内容占用的区域存在重叠区域，进一步，则确定重叠区域的显示尺寸，即确定多媒体内容在目标显示区域中的显示尺寸。

步骤604，确定多媒体内容在显示页面的可视区域中的占比是否大于阈值，若是，执行步骤605，若否，执行步骤606。

本实施例中，在确定确定多媒体内容在目标显示区域中的显示尺寸后，进一步确定多媒体内容在显示页面的可视区域中的占比，其中，占比越大，说明多媒体内容在显示屏中显示的面积越大，如图7中B图和C图所示，6和8指示的多媒体内容在显示页面的可视区域的占比不同，其中，8指示的多媒体内容在显示页面的可视区域的占比较大。

步骤605，隐藏浮窗至显示屏的边缘。

具体地，当多媒体内容在显示页面的可视区域的占比大于阈值，例如阈值为0.9，则说明多媒体内容基本为全屏显示，通过缩小浮窗的显示尺寸无法避免对浏览区域的遮挡，因此，需要将浮窗暂时隐藏，如图7中C图所示，通过调整浮窗的显示位置，避免了对多媒体内容的遮挡。

步骤606，根据多媒体内容在目标显示区域中的显示尺寸，缩小浮窗的显示尺寸，并在目标显示区域中对尺寸缩小后的浮窗进行显示。其中，多媒体内容为图片或视频。

本实施例中，根据多媒体内容的显示尺寸，缩小浮窗的显示尺寸，以使得缩小尺寸后的浮窗对应的目标显示区域和多媒体内容占用的区域不存在重叠，即进一步通过智能的缩小浮窗的显示尺寸，使得占用尺寸较大的多媒体内容和浮窗可以并行显示，如图7中的图B所示。

其中，在目标显示区域中对尺寸缩小后的浮窗进行显示，可通过以下实施例实现：

本实施例的一种实现方式中，在缩小浮窗的显示尺寸后，确定目标显示区域的上下边界的位置信息，将尺寸缩小后的浮窗在目标显示区域中远离多媒体区域的位置进行显示，如图7所示，浮窗显示在显示页面的可视区域的底部区域时，在得到缩小尺寸的浮窗后，将浮窗在显示页面的可视区域的底部区域进行显示，使得尺寸浮窗和多媒体内容可并行显示，相互之间不存在显示干扰。

本实施例的另一种实现方式中，在缩小浮窗的显示尺寸后，还需要缩小用于对浮窗进行显示的目标显示区域的尺寸，得到缩小后的目标显示区域，以使得尺寸缩小后的浮窗在对应尺寸缩小后的目标显示区域中显示时，浮窗和多媒体内容可并行显示，相互之间不存在显示干扰。

本实施例的浮窗显示方法中，通过对页面提取特征，确定页面中包含的多媒体内容以及占用的区域，确定多媒体内容在目标显示区域中的显示尺寸，根据多媒体内容的显示尺寸，缩小浮窗的显示尺寸，以使得缩小尺寸后的浮窗对应的目标显示区域和多媒体内容占用的区域不存在重叠，即通过智能的缩小浮窗的显示尺寸，使得占用尺寸较大的多媒体内容和浮窗可以并行显示。而在多媒体内容尺寸较大需要全屏显示时，则将浮窗暂时隐藏，并在达到预定时间后自动回复，或者是基于用户的滑动触发操作，恢复浮窗的显示，满足了不同场景下的需求。

基于上述实施例，本实施例提供了另一种浮窗显示方法，图8为本申请实施例的又一种浮窗显示方法的流程示意图，如图8所示，该方法包含以下步骤：

步骤801，响应对显示页面的滚动条的滑动操作。

本实施例中，响应对显示页面的滚动条的滑动操作，可使得滚动条在页面中所处的位置为显示页面的顶端、低端，或者是顶端和低端以外的位置。

步骤802，若显示页面滚动条处于显示页面的顶端或底端，从显示页面的可视区域中确定浏览区域。

本实施例中，确定显示页面的滚动条处于显示页面的顶端或低端，说明用户的浏览区域为显示页面的可视区域的低端或顶端。

具体地，可参照图2和图4实施例中的解释说明，此处不再赘述。

步骤803，根据浏览区域，确定浮窗的目标显示区域。

步骤804，在显示页面的目标显示区域内对浮窗进行显示。

其中步骤801-步骤803可参照上述实施例中的解释说明，此处不再赘述。

步骤805，若显示页面滚动条未处于显示页面的顶端和底端，则根据眼动轨迹，确定浏览区域。

本实施例中，若显示页面的滚动条未处于显示页面的顶端和底端，则根据捕捉人的眼球行为获取人眼的眼动轨迹，从而确定人眼注视点，根据人眼注视点确定浏览的区域，实现了准确的确定用户当前浏览的区域，进而根据用户浏览的区域，自动调整浮窗的位置和/或大小。其中，浏览的区域可以为显示页面的任意区域，为了便于说明，本实施例中将浏览区域按照页面的可视区域划分为顶部区域，中部区域和底部区域。

步骤806，若浏览区域处于显示页面中可视区域的中部，将显示页面中可视区域的顶部区域或底部区域作为目标显示区域。

本实施例中，浏览区域处于显示页面中可视区域的中部时，以显示页面中可视区域的底部区域作为目标显示区域为例进行说明。

如图9所示，其中a指示的为浮窗，左图中，浮窗a所在的区域即为显示页面中可视区域的底部区域，右图中，浮窗a所在的区域即为显示页面中可视区域的顶部区域。

步骤807，确定浮窗的显示区域在显示页面中可视区域的占比。

本实施例中，根据浮窗的显示区域与显示页面的可视区域的尺寸对应的区域进行比对，确定浮窗的显示区域在显示页面中可视区域的占比，即浮窗的显示区域在显示页面中可视区域的占比越大，浮窗遮挡的显示页面的可视区域的面积越大。

步骤808，若确定占比大于第一占比，则根据浏览区域的尺寸，缩小浮窗的显示尺寸至可视区域的第二占比。

其中，第二占比小于第一占比。

本实施例中，若确定浮窗的显示区域在显示页面中可视区域的占比大于第一占比，例如，第一占比为二分之一，则说明显示页面中可视区域的中部有部分区域被浮窗遮挡，也就是说浮窗处于显示页面的可视区域的最顶端或最低端时，其中部的部分区域仍会被遮挡，无法在浮窗显示的同时并行显示显示页面可视区域的中部区域，如图9所示，图中虚线之间的部分，即为被浮窗遮挡的位置，也就是中部的全部或部分区域。因此，需要缩小浮窗的显示尺寸，具体来说，根据浮窗的显示区域和浏览区域的尺寸，确定浮窗的显示区域和浏览区域的差值，根据差值，缩小浮窗的显示尺寸至可视区域的第二占比，如图9中最右边的图中b指示的区域的尺寸。

步骤809，在显示页面的目标显示区域内对尺寸缩小后的浮窗进行显示。

进而，在显示页面的目标显示区域内对尺寸缩小后的浮窗进行显示，以使得用户浏览的已显示页面的中部区域和缩小后的浮窗在显示时，不存在遮挡，通过自动的调整实现了页面和画中画的并行显示，实现了智能化，并提高了显示效率。

本申请实施例的浮窗显示方法中，当浏览区域处于显示页面中可视区域的中部，将显示页面中可视区域的顶部区域或底部区域作为目标显示区域，并确定浮窗的显示区域在显示页面中可视区域的占比，当占比大于第一占比时，已显示页面的中部会存在部分遮挡，通过智能化的缩小浮窗的显示尺寸至第二占比，使得用户浏览的已显示页面的中部区域和缩小后的浮窗在显示时，不存在遮挡，通过自动的调整实现了页面和画中画的并行显示，实现了智能化，并提高了显示效率。

实际应用中，用户通常习惯于将移动设备以竖屏方式查看，而当用户从竖屏方向切换至横屏方向时，由于显示页面和浮窗的显示比例均会发生变化，则需要在屏幕方向切换后，对浮窗进行调整，以使得浮窗的显示不会影响页面的显示。为此，基于上述实施例，本实施例提供了再一种浮窗显示方法，图10为本申请实施例的又一种浮窗显示方法的流程示意图，如图10所示，步骤103之后包含以下步骤：

步骤901，响应于将显示屏从竖屏切换至横屏的切换操作，将显示屏的显示方向从竖屏切换为横屏。

步骤902，若浮窗的显示比例和浏览区域的显示比例均符合显示屏在横屏方向的显示比例，则隐藏浮窗至显示屏的边缘。

如图11所示，将显示屏从竖屏切换至横屏后，浮窗的显示比例若和横屏方向的显示比例相同，例如，均为16:9，则浮窗基本全屏显示，也就是说浮窗会将显示页面全部遮挡，若检测到显示页面的浏览区域的显示比例也和横屏方向的显示比例相同，则说明显示屏中可视区域为浏览区域，也就是说即使缩小浮窗的显示尺寸，仍然会遮挡浏览区域，则将浮窗暂时隐藏至显示屏的边缘，以避免显示屏的方向切换后浮窗因显示比例的改变，遮挡显示页面中的浏览区域。

步骤903，若浏览区域的显示比例符合显示屏在竖屏方向的显示比例，则确定显示屏中未显示显示页面的设定区域，根据设定区域，缩小浮窗的显示尺寸，并在设定区域中显示浮窗。

如图12所示，将显示屏从竖屏切换至横屏后，若浏览区域的显示比例符合显示屏在竖屏方向的显示比例，也就是说显示屏从竖屏切换至横屏后，浏览区域的显示比例未发生变化，也就是说在横屏方向的左边和右边均存在空白区域，将其中一个空白区域作为设定区域，根据设定区域的尺寸，缩小浮窗至设定区域的尺寸，并设定区域中显示缩小的浮窗，实现了屏幕方向切换后，显示页面和浮窗的并行显示，满足了不同场景下的显示需求。

为了实现上述实施例，本申请还提供了一种浮窗显示装置。

图13为本申请实施例提供的一种浮窗显示装置的结构示意图。

如图13所示，该装置包括：第一确定模块1201、第二确定模块1202和显示模块1203。

第一确定模块1201，用于响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域；

第二确定模块1202，用于根据所述浏览区域，确定浮窗的目标显示区域；

显示模块1203，用于在所述显示页面的所述目标显示区域内对所述浮窗进行显示。

进一步，在本申请实施例的一种可能的实现方式中，所述装置，包括：

缩小模块，用于若所述目标显示区域内显示有多媒体内容，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸；

所述显示模块，用于在所述显示页面的所述目标显示区域内对所述尺寸缩小后的浮窗进行显示。

在本申请实施例的一种可能的实现方式中，所述缩小模块，包括：

提取单元，用于对所述显示页面提取特征。

识别单元，用于根据所述特征，识别所述显示页面包含的多媒体内容和占用的区域。

处理单元，用于若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比小于或等于阈值，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸。

在本申请实施例的一种可能的实现方式中，所述装置，还包括：

隐藏单元，用于若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比大于阈值，隐藏所述浮窗至显示屏的边缘。

在本申请实施例的一种可能的实现方式中，上述第一确定模块1201，具体用于：

监测所述显示页面的滚动条滑动至所述显示页面的顶端，则确定所述浏览区域为所述显示页面的顶部区域。

从而，上述第二确定模块1202，具体用于：

将所述显示页面中可视区域的底部区域作为所述目标显示区域。

在本申请实施例的一种可能的实现方式中，上述第一确定模块1201，具体用于：

监测所述显示页面的滚动条滑动至所述显示页面的底端，则确定所述浏览区域为所述显示页面的底部区域。

从而，上述第二确定模块1202，具体用于：

将所述显示页面中可视区域的顶部区域作为所述目标显示区域。

在本申请实施例的一种可能的实现方式中，该装置，还包括：

第三确定模块，用于若所述述显示页面不具有滚动条，或者所述显示页面滚动条未处于所述显示页面的顶端和底端，则根据眼动轨迹，确定所述浏览区域。

在本申请实施例的一种可能的实现方式中，该装置，还包括：

第四确定模块，用于若所述浏览区域处于所述显示页面中可视区域的中部，则确定所述中部以外的区域为所述浮窗的目标显示区域；以及，确定所述浮窗的显示区域在所述显示页面中可视区域的占比；

上述缩小模块，用于若确定所述占比大于或等于所述第一占比，则根据所述浏览区域的尺寸，缩小所述浮窗的显示尺寸至所述可视区域的第二占比；所述第二占比小于所述第一占比。

上述显示模块，用于在所述显示页面的所述目标显示区域内对所述尺寸缩小后的浮窗进行显示。

在本申请实施例的一种可能的实现方式中，该装置还包括：

切换模块，用于响应于将显示屏从竖屏切换至横屏的切换操作，将显示屏的显示方向从竖屏切换为横屏；

所述隐藏模块，用于若所述浮窗的显示比例和所述浏览区域的显示比例均符合显示屏在横屏方向的显示比例，则隐藏所述浮窗至显示屏的边缘；

处理模块，用于若所述浏览区域的显示比例符合显示屏在竖屏方向的显示比例，则确定显示屏中未显示所述显示页面的设定区域，根据所述设定区域，缩小所述浮窗的显示尺寸，并在所述设定区域中显示所述浮窗。

需要说明的是，前述对浮窗显示方法实施例的解释说明，也适用于本实施例的浮窗显示装置，原理相同，此处不再赘述。

本申请实施例的浮窗显示装置中，响应对显示页面的操作，从显示页面的可视区域中确定浏览区域，根据浏览区域，确定浮窗的目标显示区域，在显示页面的目标显示区域内对浮窗进行显示。本申请中通过智能的调整用于显示视频的浮窗的显示区域和显示尺寸，使得显示页面和画中画的显示区域不发生重叠，实现了多内容的并行浏览，更加智能化，提高了效率。

为了实现上述实施例，本申请实施例提供了一种电子设备，其中，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行前述方法实施例所述的浮窗显示方法。

为了实现上述实施例，本申请实施例提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行前述方法实施例所述的浮窗显示方法。

根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。

如图14所示，是根据本申请实施例的浮窗显示方法的方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图14所示，该电子设备包括：一个或多个处理器1401、存储器1402，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器***)。图14中以一个处理器1401为例。

存储器1402即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的浮窗显示方法的方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的浮窗显示方法的方法。

存储器1402作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的浮窗显示方法的方法对应的程序指令/模块(例如，附图13所示的第一确定模块1201、第二确定模块1202和显示模块1203)。处理器1401通过运行存储在存储器1402中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的浮窗显示方法的方法。

存储器1402可以包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需要的应用程序；存储数据区可存储根据浮窗显示方法的电子设备的使用所创建的数据等。此外，存储器1402可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器1402可选包括相对于处理器1401远程设置的存储器，这些远程存储器可以通过网络连接至浮窗显示方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

浮窗显示方法的方法的电子设备还可以包括：输入装置1403和输出装置1404。处理器1401、存储器1402、输入装置1403和输出装置1404可以通过总线或者其他方式连接，图14中以通过总线连接为例。

输入装置1403可接收输入的数字或字符信息，以及产生与浮窗显示方法的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1404可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的***和技术的各种实施方式可以在数字电子电路***、集成电路***、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程***上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储***、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储***、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的***和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的***和技术实施在包括后台部件的计算***(例如，作为数据服务器)、或者包括中间件部件的计算***(例如，应用服务器)、或者包括前端部件的计算***(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将***的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机***可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。

根据本申请实施例的技术方案，响应对显示页面的操作，从显示页面的可视区域中确定浏览区域，根据浏览区域，确定浮窗的目标显示区域，在显示页面的目标显示区域内对浮窗进行显示。本申请中通过智能的调整用于显示视频的浮窗的显示区域和显示尺寸，使得显示页面和画中画的显示区域不发生重叠，实现了多内容的并行浏览，更加智能化，提高了效率。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (20)

1.一种浮窗显示方法，应用于移动终端中，包括：

响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域；

根据所述浏览区域，确定浮窗的目标显示区域；

在所述显示页面的所述目标显示区域内对所述浮窗进行显示。

2.根据权利要求1所述的浮窗显示方法，其中，所述在所述显示页面的所述目标显示区域内对所述浮窗进行显示之后，包括：

若所述目标显示区域内显示有多媒体内容，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸；

在所述显示页面的所述目标显示区域内对所述尺寸缩小后的浮窗进行显示。

3.根据权利要求2所述的浮窗显示方法，所述若所述目标显示区域内显示有多媒体内容，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸，包括：

对所述显示页面提取特征；

根据所述特征，识别所述显示页面包含的多媒体内容和占用的区域；

若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比小于或等于阈值，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸。

4.根据权利要求3所述的浮窗显示方法，其中，所述根据所述特征，识别所述显示页面包含的多媒体内容和占用的区域之后，包括：

若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比大于阈值，隐藏所述浮窗至显示屏的边缘。

5.根据权利要求1所述的浮窗显示方法，其中，所述响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域，包括：

监测所述显示页面的滚动条滑动至所述显示页面的顶端，则确定所述浏览区域为所述显示页面的顶部区域；

所述根据所述浏览区域，确定浮窗的目标显示区域，包括：

将所述显示页面中可视区域的底部区域作为所述目标显示区域。

6.根据权利要求1所述的浮窗显示方法，其中，所述响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域，包括：

监测所述显示页面的滚动条滑动至所述显示页面的底端，则确定所述浏览区域为所述显示页面的底部区域；

所述根据所述浏览区域，确定浮窗的目标显示区域，包括：

将所述显示页面中可视区域的顶部区域作为所述目标显示区域。

7.根据权利要求5或6所述的浮窗显示方法，所述方法还包括：

若所述显示页面滚动条未处于所述显示页面的顶端和底端，则根据眼动轨迹，确定所述浏览区域。

8.根据权利要求7所述的浮窗显示方法，其中，所述根据眼动轨迹，确定所述浏览区域之后，还包括：

若所述浏览区域处于所述显示页面中可视区域的中部，则确定所述中部以外的区域为所述浮窗的目标显示区域；

确定所述浮窗的显示区域在所述显示页面中可视区域的占比；

若确定所述占比大于或等于所述第一占比，则根据所述浏览区域的尺寸，缩小所述浮窗的显示尺寸至所述可视区域的第二占比；所述第二占比小于所述第一占比；

在所述显示页面的所述目标显示区域内对所述尺寸缩小后的所述浮窗进行显示。

9.根据权利要求1所述的浮窗显示方法，其中，所述在所述显示页面的所述目标显示区域内对所述浮窗进行显示之后，还包括：

响应于将显示屏从竖屏切换至横屏的切换操作，将显示屏的显示方向从竖屏切换为横屏；

若所述浮窗的显示比例和所述浏览区域的显示比例均符合显示屏在横屏方向的显示比例，则隐藏所述浮窗至显示屏的边缘；

若所述浏览区域的显示比例符合显示屏在竖屏方向的显示比例，则确定显示屏中未显示所述显示页面的设定区域，根据所述设定区域，缩小所述浮窗的显示尺寸，并在所述设定区域中显示所述浮窗。

10.一种浮窗显示装置，应用于移动终端中，包括：

第一确定模块，用于响应对显示页面的操作，从所述显示页面的可视区域中确定浏览区域；

第二确定模块，用于根据所述浏览区域，确定浮窗的目标显示区域；

显示模块，用于在所述显示页面的所述目标显示区域内对所述浮窗进行显示。

11.根据权利要求10所述的浮窗显示装置，其中，所述装置，包括：

缩小模块，用于若所述目标显示区域内显示有多媒体内容，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸；

所述显示模块，用于在所述显示页面的所述目标显示区域内对所述尺寸缩小后的浮窗进行显示。

12.根据权利要求11所述的浮窗显示装置，所述缩小模块，包括：

提取单元，用于对所述显示页面提取特征；

识别单元，用于根据所述特征，识别所述显示页面包含的多媒体内容和占用的区域；

处理单元，用于若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比小于或等于阈值，则根据所述多媒体内容在所述目标显示区域中的显示尺寸，缩小所述浮窗的显示尺寸。

13.根据权利要求12所述的浮窗显示装置，其中，所述缩小模块，还包括：

隐藏单元，用于若根据所述多媒体内容占用的区域确定所述目标显示区域内展示有所述多媒体内容，且所述多媒体内容在所述显示页面的可视区域中占比大于阈值，隐藏所述浮窗至显示屏的边缘。

14.根据权利要求10所述的浮窗显示装置，其中，所述第一确定模块，具体用于：

监测所述显示页面的滚动条滑动至所述显示页面的顶端，则确定所述浏览区域为所述显示页面的顶部区域；

所述第二确定模块，具体用于：

将所述显示页面中可视区域的底部区域作为所述目标显示区域。

15.根据权利要求10所述的浮窗显示装置，其中，所述第一确定模块，具体用于：

监测所述显示页面的滚动条滑动至所述显示页面的底端，则确定所述浏览区域为所述显示页面的底部区域；

所述第二确定模块，具体用于：

将所述显示页面中可视区域的顶部区域作为所述目标显示区域。

16.根据权利要求14或15所述的浮窗显示装置，还包括：

第三确定模块，用于若所述显示页面滚动条未处于所述显示页面的顶端和底端，则根据眼动轨迹，确定所述浏览区域。

17.根据权利要求16所述的浮窗显示装置，其中，所述装置，还包括：

第四确定模块，用于若所述浏览区域处于所述显示页面中可视区域的中部，则确定所述中部以外的区域为所述浮窗的目标显示区域；以及，确定所述浮窗的显示区域在所述显示页面中可视区域的占比；

所述缩小模块，用于若确定所述占比大于或等于所述第一占比，则根据所述浏览区域的尺寸，缩小所述浮窗的显示尺寸至所述可视区域的第二占比；所述第二占比小于所述第一占比。

所述显示模块，用于在所述显示页面的所述目标显示区域内对所述尺寸缩小后的所述浮窗进行显示。

18.根据权利要求10所述的浮窗显示装置，该装置还包括：

切换模块，用于响应于将显示屏从竖屏切换至横屏的切换操作，将显示屏的显示方向从竖屏切换为横屏；

所述隐藏模块，用于若所述浮窗的显示比例和所述浏览区域的显示比例均符合显示屏在横屏方向的显示比例，则隐藏所述浮窗至显示屏的边缘；

处理模块，用于若所述浏览区域的显示比例符合显示屏在竖屏方向的显示比例，则确定显示屏中未显示所述显示页面的设定区域，根据所述设定区域，缩小所述浮窗的显示尺寸，并在所述设定区域中显示所述浮窗。

19.一种电子设备，其中，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的浮窗显示方法。

20.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行权利要求1-9中任一项所述的浮窗显示方法。

Images