窗口显示方法、电子设备和计算机可读存储介质技术

本申请实施例提供了一种窗口显示方法、电子设备和计算机可读存储介质，该方法包括：电子设备全屏显示第一窗口，第一窗口中显示第一应用的界面；响应作用于电子设备的屏幕底部第一区域并向上移动的第一操作，第一窗口随着第一操作移动并缩小；响应于第一操作抬起于屏幕中的第二区域，第一窗口缩小至第一尺寸，得到第二窗口，悬浮显示第二窗口，第二窗口中显示第一应用的界面，第一尺寸小于第二尺寸，第二尺寸为缩小前的第一窗口的尺寸；响应作用于第二窗口的第二操作，将第二窗口切换为第三窗口，第三窗口中显示第一应用的界面，第三窗口为悬浮窗，第三窗口的第三尺寸大于第一尺寸且小于第二尺寸。该方法能够提高用户使用便捷性，提高用户体验。提高用户体验。提高用户体验。

【技术实现步骤摘要】
窗口显示方法、电子设备和计算机可读存储介质


[0001]本申请涉及电子
，具体涉及一种窗口显示方法、电子设备和计算机可读存储介质。

技术介绍

[0002]为了满足工作和生活的需求，人们会在电子设备中安装多种应用程序(application，APP)。在使用这些APP的过程中，经常需要将某一个或某几个APP的窗口缩小并悬浮显示，以便于操作桌面或其他APP。例如，用户在使用视频播放APP播放视频时，如果想同时进行会话聊天，就需要将视频播放APP窗口缩小并悬浮显示，以便于对会话聊天APP进行操作。

技术实现思路

[0003]本申请提供了一种窗口显示方法、电子设备和计算机可读存储介质，能够简单、快速将窗口悬浮显示，且对屏幕中内容遮挡少，便于用户进行其他操作，提高用户使用便捷性。
[0004]第一方面，本申请提供一种窗口显示方法，该方法由电子设备执行，该方法包括：电子设备全屏显示第一窗口，第一窗口中显示第一应用的界面；响应作用于电子设备的屏幕底部第一区域并向上移动的第一操作，第一窗口随着第一操作移动并缩小；响应于第一操作抬起于屏幕中的第二区域，第一窗口缩小至第一尺寸，得到第二窗口，悬浮显示第二窗口，第二窗口中显示第一应用的界面，第一尺寸小于第二尺寸，第二尺寸为缩小前的第一窗口的尺寸；响应作用于第二窗口的第二操作，将第二窗口切换为第三窗口，第三窗口中显示第一应用的界面，第三窗口为悬浮窗，第三窗口的第三尺寸大于第一尺寸且小于第二尺寸。
[0005]第一方面提供的窗口显示方法中，全屏显示的第一窗口即全屏窗口，第二窗口即迷你窗，第三窗口即悬浮窗。第一区域即屏幕底部检测区域，第一操作即屏幕底部上滑操作，第二区域即第一迷你窗触发热区。另外，操作抬起，也即离手，抬起速度即离手速度。
[0006]也就是说，在屏幕中显示全屏窗口，全屏窗口中显示第一应用的界面的情况下，响应于屏幕底部上滑操作，全屏窗口跟随该屏幕底部上滑操作移动并缩小。响应于屏幕底部上滑操作抬起于第一迷你窗触发热区，全屏窗口切换为迷你窗，迷你窗中显示第一应用的界面。
[0007]可选的，第二操作可以为单击第一窗口(即迷你窗)中任意位置的操作。也就是说，响应于单击迷你窗的操作，迷你窗展开为悬浮窗。可选的，迷你窗中的界面的内容不可操作，悬浮窗中的界面的内容可操作。
[0008]第一方面提供的窗口显示方法，只需执行第一操作(屏幕底部上滑操作)，且第一操作在第二区域(第一迷你窗触发热区)抬起，即可由全屏显示的第一窗口进入第二窗口(迷你窗)，整个过程只需一步操作，简单方便，提高了用户使用便捷性，进而提高用户体验。而且，第二窗口(迷你窗)的尺寸较小(小于悬浮窗的尺寸)，对底层界面遮挡较少，便于用户
进行其他操作，进一步提高用户使用便捷性，进而提高用户体验。另外，通过第二操作，例如，单击第二窗口的操作，即可将第二窗口(迷你窗)切换为第三窗口(悬浮窗)，便于用户操作第三窗口(悬浮窗)界面中的内容，操作简单便捷，提高用户体验。
[0009]结合第一方面，在第一方面的有些实现方式中，悬浮显示第二窗口之后，该方法还包括：全屏显示第四窗口，第四窗口中显示第二应用的界面；响应作用于第二窗口的第三操作，在第四窗口中显示第一应用的界面，并在第二窗口中显示第二应用的界面。
[0010]具体的，第四窗口即全屏窗口。可选的，第三操作可以为双击第二窗口中任意位置的操作。也就是说，当电子设备的界面中显示有一个迷你窗和一个全屏窗口，迷你窗中显示第一应用的界面，全屏窗口中显示第二应用的界面。若用户双击迷你窗，则迷你窗和全屏窗口中显示的应用的界面互换。用户通过双击操作即可实现迷你窗与全屏窗口中应用界面的互换，简单方便，可以应用于多种应用场景，适用性强。
[0011]在一种可能的实现方式中，响应于第一操作抬起于屏幕中的第二区域，第一窗口缩小至第一尺寸，得到第二窗口之前，该方法还包括：响应于第一操作的触控点进入屏幕中的第三区域，显示引导图案，且引导图案随着第一操作按照第一速率变大；其中，第三区域中至少部分区域相较于第二区域更靠近屏幕的下边缘；响应于第一操作的触控点进入第二区域，引导图案随着第一操作按照第二速率变大，第二速率大于第一速率；响应于第一操作抬起于第二区域，引导图案消失。
[0012]第三区域也即第一迷你窗热区。引导图案也即视觉引导图案，用于引导用户进入迷你窗。第三区域中至少部分区域相较于第二区域更靠近屏幕的下边缘，也即第一迷你窗热区中至少部分区域相较于第一迷你窗触发热区更靠近屏幕的下边缘，这样，执行屏幕底部上滑操作时，先进入第一迷你窗热区，再进入第一迷你窗触发热区。
[0013]执行屏幕底部上滑操作过程中，当手指进入第一迷你窗热区，屏幕中显示视觉引导图案，且视觉引导图案随屏幕底部上滑操作慢速变大；当手指进入第一迷你窗触发热区，视觉引导图案随屏幕底部上滑操作快速变大；当手指抬起，视觉引导图案消失。
[0014]在一种可能的实现方式中，引导图案为1/4圆形，引导图案的圆心与屏幕的左上顶点或右上顶点重合。
[0015]可选的，引导图案中可以标识有表示缩小的图形和提示进入迷你窗的相关字样等。便于用户获知操作的结果，也便于引导用户进入迷你窗，提高用户体验。
[0016]在一种可能的实现方式中，第三区域包括左侧第三区域和右侧第三区域，显示引导图案，包括：若第一操作的触控点进入左侧第三区域，则在屏幕的左半部分显示引导图案；若第一操作的触控点进入右侧第三区域，则在屏幕的右半部分显示引导图案。
[0017]也就是说，视觉引导图案与底部上滑操作进入的第一迷你窗热区位于屏幕的同一侧，这样视觉上更加协调，更符合用户使用习惯，提高用户体验。
[0018]在一种可能的实现方式中，第二区域包括左侧第二区域和右侧第二区域，左侧第二区域为以屏幕左上顶点为中心点的1/4椭圆区域，右侧第二区域为以屏幕右上顶点为中心点的1/4椭圆区域，左侧第二区域和右侧第二区域的长半轴的长度均小于屏幕的高度，左侧第二区域和右侧第二区域短半轴的长度均小于或等于屏幕的宽度的50％。
[0019]在一种可能的实现方式中，左侧第二区域和右侧第二区域的长半轴的长度均大于屏幕的高度的40％且小于或等于屏幕的高度的50％；左侧第二区域和右侧第二区域的短半
轴的长度均大于屏幕的宽度的40％且小于或等于屏幕的宽度的50％。
[0020]在一种可能的实现方式中，第三区域包括左侧第三区域和右侧第三区域，左侧第三区域为以屏幕左上顶点为中心点的1/4椭圆区域，右侧第三区域为以屏幕右上顶点为中心点的1/4椭圆区域，左侧第三区域和右侧第三区域的长半轴的长度均小于屏幕的高度，左侧第三区域和右侧第三区域的短半轴的长度均小于或等于屏幕的宽度的50％，左侧第三区域的面积大于左侧第二区域的面积，右侧第三区域的面积大于右侧第二区域的面积。
[0021]在一种可能的实现方式中，左侧第三区域和右侧第三区域的长半轴的长度均大于屏幕的高度的50％且小于或等于屏幕的高度的60％；本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种窗口显示方法，所述方法由电子设备执行，其特征在于，所述方法包括：所述电子设备全屏显示第一窗口，所述第一窗口中显示第一应用的界面；响应作用于所述电子设备的屏幕底部第一区域并向上移动的第一操作，所述第一窗口随着所述第一操作移动并缩小；响应于所述第一操作抬起于所述屏幕中的第二区域，所述第一窗口缩小至第一尺寸，得到第二窗口，悬浮显示所述第二窗口，所述第二窗口中显示所述第一应用的界面，所述第一尺寸小于第二尺寸，所述第二尺寸为缩小前的所述第一窗口的尺寸；响应作用于所述第二窗口的第二操作，将所述第二窗口切换为第三窗口，所述第三窗口中显示所述第一应用的界面，所述第三窗口为悬浮窗，所述第三窗口的第三尺寸大于所述第一尺寸且小于所述第二尺寸。2.根据权利要求1所述的方法，其特征在于，所述悬浮显示所述第二窗口之后，所述方法还包括：全屏显示第四窗口，所述第四窗口中显示第二应用的界面；响应作用于所述第二窗口的第三操作，在所述第四窗口中显示所述第一应用的界面，并在所述第二窗口中显示所述第二应用的界面。3.根据权利要求1或2所述的方法，其特征在于，所述响应于所述第一操作抬起于所述屏幕中的第二区域，所述第一窗口缩小至第一尺寸，得到第二窗口之前，所述方法还包括：响应于所述第一操作的触控点进入所述屏幕中的第三区域，显示引导图案，且所述引导图案随着所述第一操作按照第一速率变大；其中，所述第三区域中至少部分区域相较于所述第二区域更靠近所述屏幕的下边缘；响应于所述第一操作的触控点进入所述第二区域，所述引导图案随着所述第一操作按照第二速率变大，所述第二速率大于所述第一速率；响应于所述第一操作抬起于所述第二区域，所述引导图案消失。4.根据权利要求3所述的方法，其特征在于，所述引导图案为1/4圆形，所述引导图案的圆心与所述屏幕的左上顶点或右上顶点重合。5.根据权利要求3或4所述的方法，其特征在于，所述第三区域包括左侧第三区域和右侧第三区域，所述显示引导图案，包括：若所述第一操作的触控点进入所述左侧第三区域，则在所述屏幕的左半部分显示所述引导图案；若所述第一操作的触控点进入所述右侧第三区域，则在所述屏幕的右半部分显示所述引导图案。6.根据权利要求3至5中任一项所述的方法，其特征在于，所述第二区域包括左侧第二区域和右侧第二区域，所述左侧第二区域为以所述屏幕左上顶点为中心点的1/4椭圆区域，所述右侧第二区域为以所述屏幕右上顶点为中心点的1/4椭圆区域，所述左侧第二区域和所述右侧第二区域的长半轴的长度均小于所述屏幕的高度，所述左侧第二区域和所述右侧第二区域短半轴的长度均小于或等于所述屏幕的宽度的50％。7.根据权利要求6所述的方法，其特征在于，所述左侧第二区域和所述右侧第二区域的长半轴的长度均大于所述屏幕的高度的40％且小于或等于所述屏幕的高度的50％；所述左侧第二区域和所述右侧第二区域的短半轴的长度均大于所述屏幕的宽度的40％且小于或
等于所述屏幕的宽度的50％。8.根据权利要求6或7所述的方法，其特征在于，所述第三区域包括左侧第三区域和右侧第三区域，所述左侧第三区域为以所述屏幕左上顶点为中心点的1/4椭圆区域，所述右侧第三区域为以所述屏幕右上顶点为中心点的1/4椭圆区域，所述左侧第三区域和所述右侧第三区域的长半轴的长度均小于所述屏幕的高度，所述左侧第三区域和所述右侧第三区域的短半轴的长度均小于或等于所述屏幕的宽度的50％，所述左侧第三区域的面积大于所述左侧第二区域的面积，所述右侧第三区域的面积大于所述右侧第二区域的面积。9.根据权利要求8所述的方法，其特征在于，所述左侧第三区域和所述右侧第三区域的长半轴的长度均大于所述屏幕的高度的50％且小于或等于所述屏幕的高度的60％；所述左侧第三区域和所述右侧第三区域的短半轴的长度均大于所述屏幕的宽度的40％且小于或等于所述屏幕的宽度的50％。10.根据权利要求1至9中任一项所述的方法，其特征在于，所述屏幕中显示的界面中包括目标对象，所述第二窗口与所述目标对象不重叠，所述目标对象包括信号栏、导航栏、预设图标和软键盘中的至少一种。11.根据权利要求1至10中任一项所述的方法，其特征在于，所述第二区域包括左侧第二区域和右侧第二区域，所述悬浮显示所述第二窗口，包括：若所述第一操作抬起于所述左侧第二区域，则在所述屏幕的左半部分悬浮显示所述第二窗口；若所述第一操作抬起于所述右侧第二区域，则在所述屏幕的右半部分悬浮显示所述第二窗口。12.根据权利要求1至11中任一项所述的方法，其特征在于，在所述第一窗口随着所述第一操作移动并缩小的过程中：在第一比例小于或等于第二比例的情况下，所述第一窗口的下边缘与所述第一操作的触控点的距离等于第一距离，所述第一比例是指所述第一操作的触控点与所述屏幕下边缘的距离占所述屏幕的高度的比例；在所述第一比例大于所述第二比例且小于或等于第三比例的情况下，所述第一窗口的下边缘与所述第一操作的触控点的距离随着所述第一操作按照第三速率增大；在所述第一比例大于所述第三比例且小于或等于1的情况下，所述第一窗口的下边缘与所述第一操作的触控点的距离随着所述第一操作按照第四速率增大，所述第四速率大于或等于所述第三速率。13.根据权利要求1至12中任一项所述的方法，其特征在于，所述方法还包括：在所述第一窗口随着所述第一操作移动并缩小的过程中，所述屏幕中显示蒙版图像，所述第一窗口覆盖显示于所述蒙版图像的上层。14.根据权利要求1至13中任一项所述的方法，其特征在于，所述电子设备支持同一时刻所述屏幕中显示一个第五窗口，所述第五窗口为悬浮窗或尺寸为所述第一尺寸且悬浮显示的窗口；所述第一窗口随着所述第一操作移动并缩小之前，所述方法还包括：响应于所述第一操作，若所述屏幕中显示有所述第五窗口，则将所述第五窗口切换为悬浮球。15.根据权利要求1至13中任一项所述的方法，其特征在于，所述电子设备支持同一时
刻所述屏幕中显示n个第五窗口，所述第五窗口为悬浮窗或尺寸为所述第一尺寸且悬浮显示的窗口，n为大于或等于2的整数；响应于所述第一操作，若所述屏幕中显示有m个所述第五窗口，m为小于n的正整数，则所述第一窗口随着所述第一操作移动并缩小之前，所述方法还包括：将m个所述第五窗口隐藏；所述悬浮显示所述第二窗口之后，所述方法还包括：显示m个所述第五窗口；响应于所述第一操作，若所述屏幕中显示有n个所述第五窗口，则所述第一窗口随着所述第一操作移动并缩小之前，所述方法还包括：将n个所述第五窗口中最早显示的窗口切换为悬浮球，并将n个所述第五窗口中除所述最早显示的窗口之外的其他窗口隐藏；所述悬浮显示所述第二窗口之后，所述方法还包括：显示所述其他窗口。16.根据权利要求1至15中任一项所述的方法，其特征在于，所述悬浮显示所述第二窗口之后，所述方法还包括：响应作用于所述第二窗口并滑动的第四操作，所述第二窗口随着所述第四操作移动；响应于所述第四操作抬起，解析所述第四操作，确定所述第四操作的操作参数，所述操作参数包括所述第四操作的抬起位置、所述第四操作的抬起速度、所述第四操作抬起时的滑动方向和所述第四操作的滑动距离中的至少一个；其中，所述第四操作的滑动距离是指所述第四操作按下时的触控点与抬起时的触控点之间的距离；根据所述操作参数显示所述第二窗口或退出所述第二窗口或将所述第二窗口切换为悬浮球。17.根据权利要求16所述的方法，其特征在于，所述屏幕被划分为多个区域，所述根据所述操作参数显示所述第二窗口，包括：根据所述第四操作的抬起速度、所述第四操作的抬起位置和所述第四操作的滑动距离中的至少一个，在所述多个区域中确定第四区域；将所述第二窗口显示于所述第四区域。18.根据权利要求17所述的方法，其特征在于，所述根据所述第四操作的抬起速度、所述第四操作的抬起位置和所述第四操作的滑动距离中的至少一个，在所述多个区域中确定第四区域，包括：若所述第四操作的抬起速度小于第一速度阈值，将所述第四操作的抬起位置所在的区域确定为所述第四区域。19.根据权利要求17所述的方法，其特征在于，所述根据所述第四操作的抬起速度、所述第四操作的抬起位置和所述第四操作的滑动距离中的至少一个，在所述多个区域中确定第四区域，包括：若所述第四操作的抬起速度大于或等于第一速度阈值且小于第二速度阈值，且所述第四操作的滑动距离大于第二距离，则将所述第四操作的滑动轨迹对应的区域确定为所述第四区域；所述第四操作的滑动轨迹对应的区域是指将所述第四操作按下时的触控点与抬起时的触控点连线，并将所述连线向所述第四操作抬起时的触控点所在方向延伸后与所述屏幕边缘的交点所在的区域；若所述第四操作的抬起速度大于或等于所述第一速度阈值且小于所述第二速度阈值，且所述第四操作的滑动距离小于或等于所述第二距离，则将第五区域确定为所述第四区域，所述第五区域是指所述第四操作按下之前所述第二窗口所在的区域。
20.根据权利要求17所述的方法，其特征在于，所述根据所述第四操作的抬起速度、所述第四操作的抬起位置和所述第四操作的滑动距离中的至少一个，在所述多个区域中确定第四区域，包括：若所述第四操作的抬起速度大于或等于第二速度阈值，则将所述第四操作的滑动轨迹对应的区域确定为所述第四区域；所述第四操作的滑动轨迹对应的区域是指将所述第四操作按下时的触控点与抬起时的触控点连线，并将所述连线向所述第四操作抬起时的触控点所在方向延伸后与所述屏幕边缘的交点所在的区域。21.根据权利要求17至20中任一项所述的方法，其特征在于，所述电子设备支持同一时刻所述屏幕中显示n个第五窗口，所述第五窗口为悬浮窗或尺寸为所述第一尺寸且悬浮显示的窗口，n为大于或等于2的整数；所述将所述第二窗口显示于所述第四区域之前，所述方法还包括：若所述第四区域显示有所述第五窗口，则将所述第五窗口显示于第五区域，所述第五区域是指所述第四操作按下之前所述第二窗口所在的区域。22.根据...

【专利技术属性】
技术研发人员：任杰，任萍，黄丽薇，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：