CN116048311B - 窗口显示方法、电子设备和计算机可读存储介质 - Google Patents

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

Info

Publication number
CN116048311B
CN116048311B CN202210722050.5A CN202210722050A CN116048311B CN 116048311 B CN116048311 B CN 116048311B CN 202210722050 A CN202210722050 A CN 202210722050A CN 116048311 B CN116048311 B CN 116048311B
Authority
CN
China
Prior art keywords
window
screen
mini
region
floating
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.)
Active
Application number
CN202210722050.5A
Other languages
English (en)
Other versions
CN116048311A (zh
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.)
Honor Device Co Ltd
Original Assignee
Honor 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 Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202210722050.5A priority Critical patent/CN116048311B/zh
Publication of CN116048311A publication Critical patent/CN116048311A/zh
Application granted granted Critical
Publication of CN116048311B publication Critical patent/CN116048311B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/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/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/04883Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72448User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
    • H04M1/72454User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions according to context-related or environment-related conditions

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Environmental & Geological Engineering (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

窗口显示方法、电子设备和计算机可读存储介质
技术领域
本申请涉及电子技术领域,具体涉及一种窗口显示方法、电子设备和计算机可读存储介质。
背景技术
为了满足工作和生活的需求,人们会在电子设备中安装多种应用程序(application,APP)。在使用这些APP的过程中,经常需要将某一个或某几个APP的窗口缩小并悬浮显示,以便于操作桌面或其他APP。例如,用户在使用视频播放APP播放视频时,如果想同时进行会话聊天,就需要将视频播放APP窗口缩小并悬浮显示,以便于对会话聊天APP进行操作。
发明内容
本申请提供了一种窗口显示方法、电子设备和计算机可读存储介质,能够简单、快速将窗口悬浮显示,且对屏幕中内容遮挡少,便于用户进行其他操作,提高用户使用便捷性。
第一方面,本申请提供一种窗口显示方法,该方法由电子设备执行,该方法包括:电子设备全屏显示第一窗口,第一窗口中显示第一应用的界面;响应作用于电子设备的屏幕底部第一区域并向上移动的第一操作,第一窗口随着第一操作移动并缩小;响应于第一操作抬起于屏幕中的第二区域,第一窗口缩小至第一尺寸,得到第二窗口,悬浮显示第二窗口,第二窗口中显示第一应用的界面,第一尺寸小于第二尺寸,第二尺寸为缩小前的第一窗口的尺寸;响应作用于第二窗口的第二操作,将第二窗口切换为第三窗口,第三窗口中显示第一应用的界面,第三窗口为悬浮窗,第三窗口的第三尺寸大于第一尺寸且小于第二尺寸。
第一方面提供的窗口显示方法中,全屏显示的第一窗口即全屏窗口,第二窗口即迷你窗,第三窗口即悬浮窗。第一区域即屏幕底部检测区域,第一操作即屏幕底部上滑操作,第二区域即第一迷你窗触发热区。另外,操作抬起,也即离手,抬起速度即离手速度。
也就是说,在屏幕中显示全屏窗口,全屏窗口中显示第一应用的界面的情况下,响应于屏幕底部上滑操作,全屏窗口跟随该屏幕底部上滑操作移动并缩小。响应于屏幕底部上滑操作抬起于第一迷你窗触发热区,全屏窗口切换为迷你窗,迷你窗中显示第一应用的界面。
可选的,第二操作可以为单击第一窗口(即迷你窗)中任意位置的操作。也就是说,响应于单击迷你窗的操作,迷你窗展开为悬浮窗。可选的,迷你窗中的界面的内容不可操作,悬浮窗中的界面的内容可操作。
第一方面提供的窗口显示方法,只需执行第一操作(屏幕底部上滑操作),且第一操作在第二区域(第一迷你窗触发热区)抬起,即可由全屏显示的第一窗口进入第二窗口(迷你窗),整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,第二窗口(迷你窗)的尺寸较小(小于悬浮窗的尺寸),对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。另外,通过第二操作,例如,单击第二窗口的操作,即可将第二窗口(迷你窗)切换为第三窗口(悬浮窗),便于用户操作第三窗口(悬浮窗)界面中的内容,操作简单便捷,提高用户体验。
结合第一方面,在第一方面的有些实现方式中,悬浮显示第二窗口之后,该方法还包括:全屏显示第四窗口,第四窗口中显示第二应用的界面;响应作用于第二窗口的第三操作,在第四窗口中显示第一应用的界面,并在第二窗口中显示第二应用的界面。
具体的,第四窗口即全屏窗口。可选的,第三操作可以为双击第二窗口中任意位置的操作。也就是说,当电子设备的界面中显示有一个迷你窗和一个全屏窗口,迷你窗中显示第一应用的界面,全屏窗口中显示第二应用的界面。若用户双击迷你窗,则迷你窗和全屏窗口中显示的应用的界面互换。用户通过双击操作即可实现迷你窗与全屏窗口中应用界面的互换,简单方便,可以应用于多种应用场景,适用性强。
在一种可能的实现方式中,响应于第一操作抬起于屏幕中的第二区域,第一窗口缩小至第一尺寸,得到第二窗口之前,该方法还包括:响应于第一操作的触控点进入屏幕中的第三区域,显示引导图案,且引导图案随着第一操作按照第一速率变大;其中,第三区域中至少部分区域相较于第二区域更靠近屏幕的下边缘;响应于第一操作的触控点进入第二区域,引导图案随着第一操作按照第二速率变大,第二速率大于第一速率;响应于第一操作抬起于第二区域,引导图案消失。
第三区域也即第一迷你窗热区。引导图案也即视觉引导图案,用于引导用户进入迷你窗。第三区域中至少部分区域相较于第二区域更靠近屏幕的下边缘,也即第一迷你窗热区中至少部分区域相较于第一迷你窗触发热区更靠近屏幕的下边缘,这样,执行屏幕底部上滑操作时,先进入第一迷你窗热区,再进入第一迷你窗触发热区。
执行屏幕底部上滑操作过程中,当手指进入第一迷你窗热区,屏幕中显示视觉引导图案,且视觉引导图案随屏幕底部上滑操作慢速变大;当手指进入第一迷你窗触发热区,视觉引导图案随屏幕底部上滑操作快速变大;当手指抬起,视觉引导图案消失。
在一种可能的实现方式中,引导图案为1/4圆形,引导图案的圆心与屏幕的左上顶点或右上顶点重合。
可选的,引导图案中可以标识有表示缩小的图形和提示进入迷你窗的相关字样等。便于用户获知操作的结果,也便于引导用户进入迷你窗,提高用户体验。
在一种可能的实现方式中,第三区域包括左侧第三区域和右侧第三区域,显示引导图案,包括:若第一操作的触控点进入左侧第三区域,则在屏幕的左半部分显示引导图案;若第一操作的触控点进入右侧第三区域,则在屏幕的右半部分显示引导图案。
也就是说,视觉引导图案与底部上滑操作进入的第一迷你窗热区位于屏幕的同一侧,这样视觉上更加协调,更符合用户使用习惯,提高用户体验。
在一种可能的实现方式中,第二区域包括左侧第二区域和右侧第二区域,左侧第二区域为以屏幕左上顶点为中心点的1/4椭圆区域,右侧第二区域为以屏幕右上顶点为中心点的1/4椭圆区域,左侧第二区域和右侧第二区域的长半轴的长度均小于屏幕的高度,左侧第二区域和右侧第二区域短半轴的长度均小于或等于屏幕的宽度的50%。
在一种可能的实现方式中,左侧第二区域和右侧第二区域的长半轴的长度均大于屏幕的高度的40%且小于或等于屏幕的高度的50%;左侧第二区域和右侧第二区域的短半轴的长度均大于屏幕的宽度的40%且小于或等于屏幕的宽度的50%。
在一种可能的实现方式中,第三区域包括左侧第三区域和右侧第三区域,左侧第三区域为以屏幕左上顶点为中心点的1/4椭圆区域,右侧第三区域为以屏幕右上顶点为中心点的1/4椭圆区域,左侧第三区域和右侧第三区域的长半轴的长度均小于屏幕的高度,左侧第三区域和右侧第三区域的短半轴的长度均小于或等于屏幕的宽度的50%,左侧第三区域的面积大于左侧第二区域的面积,右侧第三区域的面积大于右侧第二区域的面积。
在一种可能的实现方式中,左侧第三区域和右侧第三区域的长半轴的长度均大于屏幕的高度的50%且小于或等于屏幕的高度的60%;左侧第三区域和右侧第三区域的短半轴的长度均大于屏幕的宽度的40%且小于或等于屏幕的宽度的50%。
也就是说,第一迷你窗热区和第一迷你窗触发热区均为以屏幕左上顶点和右上顶点分别为中心点设置1/4椭圆形状,用户执行屏幕底部上滑操作时只有手指进入屏幕的这两个1/4椭圆区域才会被识别为与迷你窗相关的操作,这样能够将进入迷你窗的屏幕底部上滑操作与触发进入多任务或返回桌面等功能的上滑操作进行有效区分,避免与进入多任务及返回桌面的手势产生冲突,也减小用户误操作进入迷你窗的概率,提高用户体验。而且,分别设置左右两个1/4椭圆形状的第一迷你窗热区和左右两个1/4椭圆形状的第一迷你窗触发热区,方便用户通过单手操作进入迷你窗,进一步提高用户体验。
在一种可能的实现方式中,屏幕中显示的界面中包括目标对象,第二窗口与目标对象不重叠,目标对象包括信号栏、导航栏、预设图标和软键盘中的至少一种。
也就是说,迷你窗在显示时,避让信号栏、导航栏、预设图标和软键盘等目标对象,这样能够防止迷你窗与目标对象重叠,防止遮挡目标对象中的内容,提高迷你窗的实用性。
在一种可能的实现方式中,第二区域包括左侧第二区域和右侧第二区域,悬浮显示第二窗口,包括:若第一操作抬起于左侧第二区域,则在屏幕的左半部分悬浮显示第二窗口;若第一操作抬起于右侧第二区域,则在屏幕的右半部分悬浮显示第二窗口。
也就是说,迷你窗显示的位置与底部上滑操作抬起时所在的第一迷你窗热区位于屏幕的同一侧,这样视觉上更加协调,更符合用户使用习惯,提高用户体验。
在一种可能的实现方式中,在第一窗口随着第一操作移动并缩小的过程中:在第一比例小于或等于第二比例的情况下,第一窗口的下边缘与第一操作的触控点的距离等于第一距离,第一比例是指第一操作的触控点与屏幕下边缘的距离占屏幕的高度的比例;在第一比例大于第二比例且小于或等于第三比例的情况下,第一窗口的下边缘与第一操作的触控点的距离随着第一操作按照第三速率增大;在第一比例大于第三比例且小于或等于1的情况下,第一窗口的下边缘与第一操作的触控点的距离随着第一操作按照第四速率增大,第四速率大于或等于第三速率。
在一种可能的实现方式中,在第一比例大于第二比例且小于或等于第三比例的情况下,该方法还包括:
基于下述公式确定第一窗口的下边缘与第一操作的触控点的距离:
M=a1*(D-b1)/(B2-B1)
其中,M为第一窗口的下边缘与第一操作的触控点的距离,a1为第一预设值,用于表征第一窗口缩小至第一尺寸时,第一窗口上边缘与屏幕上边缘的预设距离,0<a1<B2*屏幕的高度,D为第一比例,B1为第二比例,B2为第三比例。
在一种可能的实现方式中,在第一比例大于第三比例且小于或等于1的情况下,方法还包括:
基于下述公式确定第一窗口的下边缘与第一操作的触控点的距离:
M=D*S-Y
Y=B2*S-a1+[(D-B2)/(1-B2)]*(a1-a2)
其中,M为第一窗口的下边缘与第一操作的触控点的距离,D为第一比例,S为屏幕的高度,Y为第一窗口的下边缘与屏幕下边缘的距离,a1为第一预设值,用于表征第一窗口的尺寸缩小至第一尺寸时,第一窗口上边缘与屏幕上边缘的预设距离,0<a1<B2*屏幕的高度,B1为第二比例,B2为第三比例,a2为第二预设值,用于表征预设的第一窗口与屏幕上边缘之间的最小距离,0≤a2≤a1。
也就是说,在第一窗口(全屏窗口)缩小的过程中,当手指位置未超过第二比例*屏高时,用户手指保持距离第一窗口下边缘第一距离,达到窗口完全跟手缩小的效果。当手指位置超过第二比例*屏高但小于或等于第三比例*屏高时,用户手指与第一窗口下边缘的距离慢速变大,实现窗口跟手缩小的同时,给用户上滑受阻的感觉。当手指位置超过第三比例*时,用户手指与窗口下边缘的距离快速变大,实现窗口跟手缩小的同时,给用户更强烈的上滑受阻感觉。如此,使得第一窗口缩小的过程中,窗口跟手且不同阶段呈现不同上滑感觉,提示窗口缩小的不同阶段,增强电子设备与用户的人机交互性能,提高用户体验。
在一种可能的实现方式中,该方法还包括:响应于第一操作抬起于第二区域,输出提醒信息。提醒信息例如可以为振动提醒、声音提醒等。输出提醒信息能够提醒用户进入迷你窗,增加人机交互性能,提高用户体验。
在一种可能的实现方式中,该方法还包括:在第一窗口随着第一操作移动并缩小的过程中,屏幕中显示蒙版图像,第一窗口覆盖显示于蒙版图像的上层。蒙版图像能使第一窗口的变化看起来更加明显,使用户更容易监控第一窗口的变化,提高用户体验。
在一种可能的实现方式中,电子设备支持同一时刻屏幕中显示一个第五窗口,第五窗口为悬浮窗或尺寸为第一尺寸且悬浮显示的窗口;第一窗口随着第一操作移动并缩小之前,该方法还包括:响应于第一操作,若屏幕中显示有第五窗口,则将第五窗口切换为悬浮球。
具体的,第五窗口也即悬浮类窗口,第五窗口为迷你窗或悬浮窗。电子设备支持同一时刻屏幕中显示一个第五窗口,也即电子设备的悬浮类窗口合并上限数量为1。
该实现方式中,对于悬浮类窗口合并上限数量为1的电子设备,若接收到屏幕底部上滑操作时,电子设备的屏幕中已经显示有一个悬浮类窗口,则将悬浮类窗口切换为悬浮球,以便于屏幕底部上滑操作在第一迷你窗触发热区抬起后进入迷你窗,保证迷你窗的正常显示。
可以理解,若屏幕底部上滑操作在第一迷你窗触发热区之外的区域抬起,则悬浮球重新切换回悬浮类窗口,即悬浮球消失,原来的悬浮类窗口恢复显示。
在一种可能的实现方式中,电子设备支持同一时刻屏幕中显示n个第五窗口,第五窗口为悬浮窗或尺寸为第一尺寸且悬浮显示的窗口,n为大于或等于2的整数;响应于第一操作,若屏幕中显示有m个第五窗口,m为小于n的正整数,则第一窗口随着第一操作移动并缩小之前,该方法还包括:将m个第五窗口隐藏;悬浮显示第二窗口之后,该方法还包括:显示m个第五窗口;响应于第一操作,若屏幕中显示有n个第五窗口,则第一窗口随着第一操作移动并缩小之前,该方法还包括:将n个第五窗口中最早显示的窗口切换为悬浮球,并将n个第五窗口中除最早显示的窗口之外的其他窗口隐藏;悬浮显示第二窗口之后,该方法还包括:显示其他窗口。
该实现方式中,对于悬浮类窗口合并上限数量大于或等于2的电子设备,若接收到屏幕底部上滑操作时,电子设备的屏幕中显示的悬浮类窗口数量小于合并上限数量,则在执行屏幕底部上滑操作的过程中,悬浮类窗口暂时隐藏,待屏幕底部上滑操作抬起后,重新显示悬浮类窗口。若接收到屏幕底部上滑操作时,电子设备的屏幕中显示的悬浮类窗口的数量与合并上限数量相同,则将最早显示的一个悬浮类窗口切换为悬浮球,其他的悬浮类窗口暂时隐藏,以便于屏幕底部上滑操作在第一迷你窗触发热区抬起后进入迷你窗,保证迷你窗的正常显示。进入迷你窗后,重新显示隐藏的悬浮类窗口。
在一种可能的实现方式中,屏幕被划分为多个区域,每个区域显示一个悬浮类窗口,第二窗口显示于多个区域中的第四区域;显示m个第五窗口,包括:若m个第五窗口中的任一第五窗口原来的位置位于第四区域,则将该任一第五窗口显示于多个区域中除第四区域外的其他区域;显示其他窗口,包括:若其他窗口中任一其他窗口原来的位置位于第四区域,则将该任一其他窗口显示于多个区域中除第四区域外的其他区域。
在一种可能的实现方式中,悬浮显示第二窗口之后,该方法还包括:响应作用于第二窗口并滑动的第四操作,第二窗口随着第四操作移动;响应于第四操作抬起,解析第四操作,确定第四操作的操作参数,操作参数包括第四操作的抬起位置、第四操作的抬起速度、第四操作抬起时的滑动方向和第四操作的滑动距离中的至少一个;其中,第四操作的滑动距离是指第四操作按下时的触控点与抬起时的触控点之间的距离;根据操作参数显示第二窗口或退出第二窗口或将第二窗口切换为悬浮球。
该实现方式中,通过第四操作即可简单方便的将迷你窗移动、退出或切换为悬浮球,提高用户使用便捷性,进而提高用户体验。
在一种可能的实现方式中,屏幕被划分为多个区域,根据操作参数显示第二窗口,包括:根据第四操作的抬起速度、第四操作的抬起位置和第四操作的滑动距离中的至少一个,在多个区域中确定第四区域;将第二窗口显示于第四区域。
在一种可能的实现方式中,根据第四操作的抬起速度、第四操作的抬起位置和第四操作的滑动距离中的至少一个,在多个区域中确定第四区域,包括:若第四操作的抬起速度小于第一速度阈值,将第四操作的抬起位置所在的区域确定为第四区域。
该实现方式中,第四操作的抬起速度小于第一速度阈值,即第四操作为慢速拖拽迷你窗操作。这种情况下,根据第四操作的抬起位置确定迷你窗移动后的显示位置。第四操作的抬起位置位于哪个区域,就将迷你窗显示于哪个区域中的预设位置。若第四操作的抬起位置位于迷你窗原来显示的区域,则迷你窗回弹至原来的位置。
在一种可能的实现方式中,根据第四操作的抬起速度、第四操作的抬起位置和第四操作的滑动距离中的至少一个,在多个区域中确定第四区域,包括:若第四操作的抬起速度大于或等于第一速度阈值且小于第二速度阈值,且第四操作的滑动距离大于第二距离,则将第四操作的滑动轨迹对应的区域确定为第四区域;第四操作的滑动轨迹对应的区域是指将第四操作按下时的触控点与抬起时的触控点连线,并将连线向第四操作抬起时的触控点所在方向延伸后与屏幕边缘的交点所在的区域;若第四操作的抬起速度大于或等于第一速度阈值且小于第二速度阈值,且第四操作的滑动距离小于或等于第二距离,则将第五区域确定为第四区域,第五区域是指第四操作按下之前第二窗口所在的区域。
该实现方式中,第四操作的抬起速度大于或等于第一速度阈值且小于第二速度阈值,即第四操作的抬起速度介于慢速拖拽迷你窗操作和快速滑动迷你窗操作的抬起速度之间。这种情况下,根据第四操作的滑动距离确定迷你窗移动后的移动位置。若第四操作的滑动距离大于第二距离,则将迷你窗显示于滑动轨迹对应的区域中的预设位置。若第四操作的滑动距离小于或等于第二距离,则将迷你窗回弹至原来的位置。
在一种可能的实现方式中,根据第四操作的抬起速度、第四操作的抬起位置和第四操作的滑动距离中的至少一个,在多个区域中确定第四区域,包括:若第四操作的抬起速度大于或等于第二速度阈值,则将第四操作的滑动轨迹对应的区域确定为第四区域;第四操作的滑动轨迹对应的区域是指将第四操作按下时的触控点与抬起时的触控点连线,并将连线向第四操作抬起时的触控点所在方向延伸后与屏幕边缘的交点所在的区域。
该实现方式中,第四操作的抬起速度大于或等于第二速度阈值,即第四操作为快速滑动迷你窗操作。这种情况下,直接将迷你窗显示于滑动轨迹对应的区域中的预设位置。
以上几种实现方式中,根据第四操作抬起速度的不同,设置不同的迷你窗移动条件,使得用户通过多种操作均可移动迷你窗的位置,提高了迷你窗移动的灵活性和可操作性,进而提高用户体验。
在一种可能的实现方式中,电子设备支持同一时刻屏幕中显示n个第五窗口,第五窗口为悬浮窗或尺寸为第一尺寸且悬浮显示的窗口,n为大于或等于2的整数;将第二窗口显示于第四区域之前,该方法还包括:若第四区域显示有第五窗口,则将第五窗口显示于第五区域,第五区域是指第四操作按下之前第二窗口所在的区域。
该实现方式中,对于悬浮类窗口合并上限数量大于或等于2的电子设备,若移动迷你窗,根据移动规则,迷你窗最终显示的区域已经显示有一个悬浮类窗口,则将迷你窗与这个悬浮类窗口互换位置。这样,在实现迷你窗移动的同时,自动调整电子设备中悬浮窗的位置,智能性高,提高用户体验。
在一种可能的实现方式中,屏幕被划分为多个区域,多个区域的划分界线包括第一线,第二窗口位于第一线的第一方向,根据操作参数退出第二窗口,包括:若第四操作的抬起速度大于或等于第三速度阈值,第四操作的滑动距离大于或等于第三距离,且第四操作抬起时的滑动方向为第一方向,则退出第二窗口。
在一种可能的实现方式中,第一线为屏幕的横中线,第一方向为上方或下方。
该实现方式中,若第四操作的抬起速度较大,滑动距离较远,且抬起时的滑动方向与迷你窗与第一线的相对方位一致,则退出迷你窗。例如,在第四操作的抬起速度大于或等于第三速度阈值,且第四操作的滑动距离大于或等于第三距离的情况下,若迷你窗显示于屏幕的上半部分,且第四操作抬起时的滑动方向为向上,则退出迷你窗;或者,若迷你窗显示于屏幕的下半部分,且第四操作抬起时的滑动方向为向下,则退出迷你窗。该实现方式能够实现迷你窗的快速退出,操作简单方便,提高用户体验。
在一种可能的实现方式中,根据操作参数将第二窗口切换为悬浮球,包括:若第四操作抬起时的滑动方向为第二方向,且第四操作的抬起速度大于第四速度阈值,则根据第四操作抬起时的滑动方向确定悬浮球显示位置,并将第二窗口切换为悬浮球,将悬浮球显示于悬浮球显示位置。
该实现方式中,第二方向例如可以为向左或者向右。第四操作抬起时的滑动方向为第二方向,且第四操作的抬起速度大于第四速度阈值,也即,第四操作为迷你窗甩动操作。这种情况下,根据第四操作抬起时的滑动方向(即迷你窗甩动操作的方向)确定悬浮球显示位置,并将迷你窗切换为悬浮窗,将悬浮窗显示于该位置。例如,若迷你窗甩动操作的方向为向左,则将迷你窗显示于屏幕的左侧边缘;若迷你窗甩动操作的方向为向右,则将迷你窗显示于屏幕的右侧边缘。
在一种可能的实现方式中,将第二窗口切换为第三窗口之后,该方法还包括:响应作用于第三窗口底部的第七区域或作用于第三窗口底部的第一控件并向上滑动的第五操作,第三窗口随着第五操作移动并缩小;响应于第五操作抬起于屏幕中的第六区域,且第五操作的抬起速度小于或等于第五速度阈值,将第三窗口切换为第二窗口,悬浮显示第二窗口,第二窗口中显示第一应用的界面。
具体的,第一控件可以为悬浮窗底部横条(bar)。第五操作即悬浮窗底部上滑操作,第六区域即第二迷你窗触发热区。也就是说,迷你窗切换为悬浮窗之后,响应于悬浮窗底部上滑操作,悬浮窗跟随该悬浮窗底部上滑操作移动并缩小。响应于悬浮窗底部上滑操作抬起于第二迷你窗触发热区,且抬起速度小于或等于第五速度阈值,悬浮窗切换为迷你窗。
该实现方式中,迷你窗切换为悬浮窗之后,可以执行悬浮窗底部上滑操作,悬浮窗底部上滑操作抬起于第二迷你窗触发热区,即可由悬浮窗进入迷你窗。这样,方便用户操作悬浮窗中的界面中的内容后,再次进入迷你窗,整个过程只需一步操作,简单方便。而且迷你窗对底层界面遮挡较少,便于用户进行其他操作,提高用户体验。
在一种可能的实现方式中,将第二窗口切换为第三窗口之后,该方法还包括:响应作用于第三窗口顶部的第二控件并移动的第六操作,第三窗口随着第六操作移动;响应于第六操作抬起于屏幕中的第七区域,将第三窗口切换为第二窗口,悬浮显示第二窗口,第二窗口中显示第一应用的界面。
具体的,第二控件可以为悬浮窗顶部bar。第六操作即悬浮窗顶部bar拖拽操作,第七区域即第三迷你窗触发热区。也就是说,迷你窗切换为悬浮窗之后,响应于悬浮窗顶部bar拖拽操作,悬浮窗跟随该悬浮窗顶部bar拖拽操作移动。响应于悬浮窗顶部bar拖拽操作抬起于第三迷你窗触发热区,悬浮窗切换为迷你窗。
该实现方式中,迷你窗切换为悬浮窗之后,可以执行悬浮窗顶部bar拖拽操作,悬浮窗顶部bar拖拽操作抬起于第三迷你窗触发热区,即可由悬浮窗进入迷你窗。这样,方便用户操作悬浮窗中的界面中的内容后,再次进入迷你窗,整个过程只需一步操作,简单方便。而且迷你窗对底层界面遮挡较少,便于用户进行其他操作,提高用户体验。
可以理解,悬浮窗通过悬浮窗底部上滑操作或悬浮窗顶部bar拖拽操作进入迷你窗过程中,也存在对应的迷你窗热区,以及视觉引导图案等,具体的,与全屏窗口进入迷你窗过程中的第一迷你窗热区、视觉引导图案等类似,不再赘述。
在一种可能的实现方式中,将第二窗口切换为第三窗口之后,该方法还包括:响应作用于第三窗口任意一个角并向第三窗口所在方向拉伸的第七操作,第三窗口随着第七操作缩小;响应于第七操作抬起,且第三窗口缩小至小于或等于第四尺寸,将第三窗口切换为第二窗口,悬浮显示第二窗口,第二窗口中显示第一应用的界面,第四尺寸小于第三尺寸。
具体的,第七操作即悬浮窗缩小操作。也就是说,迷你窗切换为悬浮窗之后,响应于悬浮窗缩小操作,悬浮窗跟随该悬浮窗缩小操作缩小。响应于悬浮窗缩小操作抬起,若抬起时悬浮窗缩小至小于或等于第四尺寸,悬浮窗切换为迷你窗。
该实现方式中,迷你窗切换为悬浮窗之后,可以执行悬浮窗缩小操作,悬浮窗缩小操作抬起,且抬起时悬浮窗缩小至小于或等于第四尺寸,即可由悬浮窗进入迷你窗。这样,方便用户操作悬浮窗中的界面中的内容后,再次进入迷你窗,整个过程只需一步操作,简单方便。而且迷你窗对底层界面遮挡较少,便于用户进行其他操作,提高用户体验。
第二方面,本申请提供一种窗口显示方法,该方法由电子设备执行,该方法包括:电子设备的屏幕显示第一窗口,第一窗口中显示第一应用的界面,第一窗口为悬浮窗;响应作用于第一窗口的第一操作,第一窗口随着第一操作发生第一变化;第一变化包括移动和缩小中的至少一种;响应于第一操作抬起,若满足预设条件,则将第一窗口切换为第一尺寸的第二窗口,悬浮显示第二窗口,第二窗口中显示第一应用的界面,第一尺寸小于第二尺寸,第二尺寸为发生第一变化前的第一窗口的尺寸,预设条件包括第一操作抬起于屏幕中的第一区域,或第一窗口缩小至小于或等于第三尺寸,第三尺寸小于第二尺寸。
第二方面提供的窗口显示方法中,第一窗口即悬浮窗,第二窗口即迷你窗,第一区域即第二迷你窗触发热区或第三迷你窗触发热区。
可选的,第一操作可以为悬浮窗底部上滑操作、悬浮窗顶部bar拖拽操作或悬浮窗缩小操作中的任一种。
也就是说,在屏幕中显示迷你窗,悬浮窗中显示第一应用的界面的情况下,响应作用于悬浮窗底部上滑操作、悬浮窗顶部bar拖拽操作或悬浮窗缩小操作的第一操作,悬浮窗随着第一操作缩小和/或移动。响应于第一操作抬起,若满足第一操作对应的条件,则将悬浮窗切换为悬浮窗,悬浮窗中显示第一应用的界面。
第二方面提供的窗口显示方法,只需执行第一操作,在第一操作抬起时满足预设条件,即可由第一窗口(悬浮窗)进入第二窗口(迷你窗),整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,第二窗口(迷你窗)的尺寸较小(小于悬浮窗的尺寸),对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。
结合第二方面,在第二方面的有些实现方式中,第一操作为作用于第一窗口底部的第二区域或作用于第一窗口底部的第一控件并向上滑动的第一上滑操作,第一变化包括移动和缩小,预设条件为第一操作抬起于第一区域且第一操作的抬起速度小于或等于第一速度阈值;或者,第一操作为作用于第一窗口顶部的第二控件并移动的第二拖拽操作,第一变化包括移动,预设条件为第一操作抬起于第一区域;或者,第一操作为作用于第一窗口任意一个角并向第一窗口所在方向拉伸的第三拖拽操作,第一变化包括缩小,预设条件为第一窗口缩小至小于或等于第三尺寸。
第一上滑操作即悬浮窗底部上滑操作,第二拖拽操作即悬浮窗顶部bar拖拽操作,第三拖拽操作即悬浮窗缩小操作,发生第一变化前的第一窗口也即初始悬浮窗。
也就是说,响应于悬浮窗底部上滑操作,悬浮窗跟随该悬浮窗底部上滑操作移动并缩小,响应于悬浮窗底部上滑操作抬起于第二迷你窗触发热区,且抬起速度小于或等于第一速度阈值,悬浮窗切换为迷你窗。或者,响应于悬浮窗顶部bar拖拽操作,悬浮窗跟随该悬浮窗顶部bar拖拽操作移动,响应于悬浮窗顶部bar拖拽操作抬起于第三迷你窗触发热区,悬浮窗切换为迷你窗。或者,响应于悬浮窗缩小操作,悬浮窗跟随该悬浮窗缩小操作缩小。响应于悬浮窗缩小操作抬起,若抬起时悬浮窗缩小至小于或等于第三尺寸,悬浮窗切换为迷你窗。
该实现方式中,执行三种操作的任一种,均可由悬浮窗进入迷你窗,提高了悬浮窗进入迷你窗的灵活性和可操作性,进而提高用户体验。
在一种可能的实现方式中,第一操作为第一上滑操作或第二拖拽操作,预设条件包括第一操作抬起于第一区域,响应于第一操作抬起,若满足预设条件,则将第一窗口切换为第一尺寸的第二窗口之前,该方法还包括:响应于第一操作的触控点进入屏幕中的第二区域,显示引导图案,且引导图案随着第一操作按照第一速率变大;其中,第二区域中至少部分区域相较于第一区域更靠近屏幕的下边缘;响应于第一操作的触控点进入第一区域,引导图案随着第一操作按照第二速率变大,第二速率大于第一速率;响应于第一操作抬起于第一区域,引导图案消失。
第二区域也即第二迷你窗热区或第三迷你窗热区。引导图案也即视觉引导图案。
该实现方式中,执行悬浮窗底部上滑操作过程中,当手指进入第二迷你窗热区,屏幕中显示视觉引导图案,且视觉引导图案随屏幕底部上滑操作慢速变大;当手指进入第二迷你窗触发热区,视觉引导图案随屏幕底部上滑操作快速变大;当手指抬起,视觉引导图案消失。执行悬浮窗顶部bar拖拽操作的过程中视觉引导图案的变化类似,不再赘述。且视觉引导图案的形状、显示位置等,与第一方面中的视觉引导图案类似,不再赘述。
在一种可能的实现方式中,第一操作为第一上滑操作,第一区域包括左侧第一区域和右侧第一区域,左侧第一区域为以屏幕左上顶点为中心点的1/4椭圆区域,右侧第一区域为以屏幕右上顶点为中心点的1/4椭圆区域,左侧第一区域和右侧第一区域的长半轴的长度均小于或等于第一高度,左侧第一区域和右侧第一区域短半轴的长度均小于或等于屏幕的宽度的50%;第一高度是指发生第一变化前的第一窗口的下边缘距离屏幕上边缘的高度。
在一种可能的实现方式中,左侧第一区域和右侧第一区域的长半轴的长度均大于第一高度的70%且小于或等于第一高度的80%;左侧第一区域和右侧第一区域的短半轴的长度均大于屏幕的宽度的40%且小于或等于屏幕的宽度的50%。
在一种可能的实现方式中,第二区域包括左侧第二区域和右侧第二区域,左侧第二区域为以屏幕左上顶点为中心点的1/4椭圆区域,右侧第二区域为以屏幕右上顶点为中心点的1/4椭圆区域,左侧第二区域和右侧第二区域的长半轴的长度均小于或等于第一高度,左侧第二区域和右侧第二区域的短半轴的长度均小于或等于屏幕的宽度的50%,左侧第二区域的面积大于左侧第一区域的面积,右侧第二区域的面积大于右侧第一区域的面积。
在一种可能的实现方式中,左侧第二区域和右侧第二区域的长半轴的长度均大于第一高度的90%且小于或等于第一高度;左侧第二区域和右侧第二区域的短半轴的长度均大于屏幕的宽度的40%且小于或等于屏幕的宽度的50%。
上述几种实现方式中,第二迷你窗热区和第二迷你窗触发热区均为以屏幕左上顶点和右上顶点为中心点设置1/4椭圆形状,使得用户执行悬浮窗底部上滑操作时只有手指进入屏幕的这两个1/4椭圆区域才会被识别为与迷你窗相关的操作,这样能够将进入迷你窗的悬浮窗底部上滑操作与触发缩小悬浮窗等功能的悬浮窗底部上滑操作进行有效区分,避免与缩小悬浮窗的手势产生冲突,也减小用户误操作进入迷你窗的概率,提高用户体验。而且,1/4椭圆形状的第二迷你窗热区和第二迷你窗触发热区方便用户通过单手操作进入迷你窗,进一步提高用户体验。另外,1/4椭圆形状的第二迷你窗热区和第二迷你窗触发热区的长轴均与第一高度相关,也就是说,第二迷你窗热区和第二迷你窗触发热区的大小与初始悬浮窗的位置相关,这样无论悬浮窗在什么位置,用户都能通过悬浮窗底部上滑操作方便的进入迷你窗,无需用户长距离滑动,因而不会导致用户有滑动疲惫感,符合用户使用习惯,提高用户使用便捷性。
在一种可能的实现方式中,第一操作为第二拖拽操作,第一区域包括左侧第一区域和右侧第一区域,左侧第一区域为以屏幕左上顶点为中心点的1/4圆形区域,右侧第一区域为以屏幕右上顶点为中心点的1/4圆形区域,左侧第一区域和右侧第一区域的半径均小于屏幕的宽度的50%。
在一种可能的实现方式中,左侧第一区域和右侧第一区域的半径均大于屏幕的宽度的25%且小于或等于屏幕的宽度的35%。
在一种可能的实现方式中,第二区域包括左侧第二区域和右侧第二区域,左侧第二区域为以屏幕左上顶点为中心点的1/4椭圆区域,右侧第二区域为以屏幕右上顶点为中心点的1/4椭圆区域,左侧第二区域和右侧第二区域的长半轴的长度均小于屏幕的高度的50%,左侧第二区域和右侧第二区域的短半轴的长度均小于屏幕的宽度的50%,左侧第二区域的面积大于左侧第一区域的面积,右侧第二区域的面积大于右侧第一区域的面积。
在一种可能的实现方式中,左侧第二区域和右侧第二区域的长半轴的长度大于屏幕的高度的20%且小于或等于屏幕的高度的30%,左侧第二区域和右侧第二区域的短半轴的长度大于屏幕的宽度的25%且小于或等于屏幕的宽度的35%。
上述几种实现方式中,第三迷你窗热区为椭圆形,且椭圆的短轴半径小于屏宽的50%,使得左右两个第三迷你窗热区之间具有一定的距离,且越往屏幕下方二者距离越大;第三迷你窗触发热区为圆形,且圆形的半径小于屏宽的50%,使得左右两个第三迷你窗触发热区之间具有一定的距离,且越往屏幕下方二者距离越大,这样便于将用户进入迷你窗的操作与用户对悬浮窗的移动操作区分开,防止两种操作产生冲突,减少对用户操作意图的误解,提高用户体验。
在一种可能的实现方式中,第一操作为第三拖拽操作,悬浮显示第二窗口,包括:若拖拽角为第一窗口左侧的角,则在屏幕的左半部分悬浮显示第二窗口;拖拽角是指执行第三拖拽操作所拖拽的第一窗口的角;若拖拽角为第一窗口右侧的角,则在屏幕的右半部分悬浮显示第二窗口。
也就是说,视觉引导图案与悬浮窗缩小操作拖拽的方向位于屏幕的同一侧,这样视觉上更加协调,更符合用户使用习惯,提高用户体验。
在一种可能的实现方式中,第一操作为第二拖拽操作,第一变化包括移动和缩小,预设条件包括第一操作抬起于第一区域,响应作用于第一窗口的第一操作,第一窗口随着第一操作发生第一变化,包括:响应于第一操作,第一窗口随着第一操作移动;响应于第一操作的触控点进入第一区域,第一窗口缩小至第一尺寸;跟随第一操作移动第一尺寸的第一窗口。
该实现方式中,执行悬浮窗顶部bar拖拽操作,悬浮窗跟随该操作移动,当用户手指进入第三迷你窗触发热区后,将悬浮窗缩小至迷你窗的第一尺寸,悬浮窗顶部bar拖拽操作抬起之前,缩小后的悬浮窗跟随该操作继续移动。
在一种可能的实现方式中,第一操作为第一上滑操作,该方法还包括:响应于第一操作抬起,若第一操作抬起于第一区域之外,且第一操作的抬起速度小于或等于第一速度阈值,则恢复显示发生第一变化前的第一窗口;若第一操作抬起于第一区域之外,且第一操作的抬起速度大于第一速度阈值,则关闭第一窗口。
该实现方式中,若悬浮窗底部上滑操作抬起时,不满足对应的预设条件,则根据悬浮窗底部上滑操作抬起的位置,以及抬起速度,恢复初始悬浮窗或关闭悬浮窗。具体的,若悬浮窗底部上滑操作抬起于第二迷你窗触发热区之外的区域,且抬起速度小于或等于第一速度阈值,则恢复显示初始悬浮窗。若悬浮窗底部上滑操作抬起速度大于第一速度阈值,则关闭悬浮窗。如此,实现了进入迷你窗与关闭悬浮窗功能触发手势的兼容,既能通过悬浮窗底部上滑操作进入迷你窗,又能通过悬浮窗底部上滑操作触发悬浮窗关闭功能,节约开发成本。
在一种可能的实现方式中,第一操作为第三拖拽操作,该方法还包括:响应于第一操作抬起,若第一窗口当前的尺寸大于第三尺寸且小于第四尺寸,则显示第四尺寸的第一窗口,第四尺寸大于第二尺寸且小于第三尺寸。
可选的,第四尺寸可以为悬浮窗支持缩小的最小尺寸。若用户执行悬浮窗缩小操作,将悬浮窗缩小至小于悬浮窗能够支持缩小的最小尺寸,但是大于进入迷你窗的预设条件中的第三尺寸,则悬浮窗回弹至悬浮窗支持缩小的最小尺寸。这样,对于用户需要将悬浮窗缩小至最小但是不需要进入迷你窗的场景,便于用户操作,相当于放宽了用户缩小悬浮窗至最小尺寸的条件,加宽了将悬浮窗缩小至最小和进入迷你窗两种操作之间的界限,防止用户误操作进入迷你窗,提高用户体验。
可以理解,第二方面提供窗口显示方法,在不冲突的情况,也可以包括第一方面任一实现方式中的方案,在此不再赘述。
第三方面,本申请提供一种装置,该装置包含在电子设备中,该装置具有实现上述第一方面及上述第一方面的可能实现方式中电子设备行为的功能。功能可以通过硬件实现,也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块或单元。例如,接收模块或单元、处理模块或单元等。
第四方面,本申请提供一种装置,该装置包含在电子设备中,该装置具有实现上述第二方面及上述第二方面的可能实现方式中电子设备行为的功能。功能可以通过硬件实现,也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块或单元。例如,接收模块或单元、处理模块或单元等。
第五方面,本申请提供一种电子设备,电子设备包括:处理器、存储器和接口;处理器、存储器和接口相互配合,使得电子设备执行第一方面或第二方面的技术方案中任意一种方法。
第六方面,本申请提供一种芯片,包括处理器。处理器用于读取并执行存储器中存储的计算机程序,以执行第一方面或第二方面及其任意可能的实现方式中的方法。
可选的,芯片还包括存储器,存储器与处理器通过电路或电线连接。
进一步可选的,芯片还包括通信接口。
第七方面,本申请提供一种计算机可读存储介质,计算机可读存储介质中存储了计算机程序,当计算机程序被处理器执行时,使得该处理器执行第一方面或第二方面的技术方案中任意一种方法。
第八方面,本申请提供一种计算机程序产品,计算机程序产品包括:计算机程序代码,当计算机程序代码在电子设备上运行时,使得该电子设备执行第一方面或第二方面的技术方案中任意一种方法。
附图说明
图1是本申请实施例提供的一例方位示意图;
图2-1是相关技术中打开APP的悬浮窗并打开其他APP全屏窗口的操作过程对应的界面变化示意图;
图2-2是相关技术中打开APP的悬浮窗并打开其他APP全屏窗口的操作过程对应的界面变化示意图;
图3是本申请实施例提供的一例电子设备100的结构示意图;
图4是本申请实施例提供的一例电子设备100的软件结构框图;
图5是本申请实施例提供的一例屏幕区域划分示意图;
图6是本申请实施例提供的一例迷你窗避让规则示意图;
图7是本申请实施例提供的一例全屏窗口进入迷你窗的过程示意图;
图8是本申请实施例提供的一例全屏窗口进入迷你窗过程中缩放中心点的变化示意图;
图9是本申请实施例提供的一例执行屏幕底部上滑操作后进入多任务的过程示意图;
图10是本申请实施例提供的一例执行屏幕底部上滑操作后返回桌面的过程示意图;
图11是本申请实施例提供的一例执行屏幕底部上滑操作后返回全屏窗口的过程示意图;
图12是本申请实施例提供的一例通过悬浮窗底部上滑操作进入迷你窗的过程示意图;
图13是本申请实施例提供的一例悬浮窗进入迷你窗过程中窗口位置和尺寸的变化示意图;
图14是本申请实施例提供的一例执行悬浮窗底部上滑操作后回弹至悬浮窗的界面变化示意图;
图15是本申请实施例提供的另一例执行悬浮窗底部上滑操作后回弹至悬浮窗的界面变化示意图;
图16是本申请实施例提供的一例执行悬浮窗底部上滑操作后关闭悬浮窗的界面变化示意图;
图17是本申请实施例提供的一例通过悬浮窗顶部bar拖拽操作进入迷你窗的界面变化示意图;
图18是本申请实施例提供的一例通过悬浮窗顶部bar拖拽操作实现悬浮窗移动的界面变化示意图;
图19是本申请实施例提供的另一例通过悬浮窗顶部bar拖拽操作实现悬浮窗移动的界面变化示意图;
图20是本申请实施例提供的一例通过悬浮窗缩小操作进入迷你窗的过程示意图;
图21是本申请实施例提供的一例通过悬浮窗缩小操作实现悬浮窗缩小的界面变化示意图;
图22是本申请实施例提供的另一例通过悬浮窗缩小操作实现悬浮窗缩小的界面变化示意图;
图23是本申请实施例提供的另一例全屏窗口进入迷你窗的过程的界面变化示意图;
图24是本申请实施例提供的一例两个迷你窗共同显示于屏幕的过程示意图;
图25是本申请实施例提供的另一例两个迷你窗共同显示于屏幕的过程示意图;
图26是本申请实施例提供的一例迷你窗与悬浮球的切换过程的界面变化示意图;
图27是本申请实施例提供的一例迷你窗与悬浮窗的切换过程的界面变化示意图;
图28是本申请实施例提供的另一例迷你窗与悬浮窗的切换过程的界面变化示意图;
图29是本申请实施例提供的一例迷你窗与全屏窗口中APP的互换的界面变化示意图;
图30是本申请实施例提供的一例移动迷你窗过程中的界面变化示意图;
图31是本申请实施例提供的另一例移动迷你窗过程中的界面变化示意图;
图32是本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图;
图33是本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图;
图34是本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图;
图35是本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图;
图36是本申请实施例提供的一例退出迷你窗过程中的界面变化示意图;
图37是本申请实施例提供的另一例退出迷你窗过程中的界面变化示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;本文中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”、“第三”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”、“第三”的特征可以明示或者隐含地包括一个或者更多个该特征。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本申请说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
为更好地理解本申请实施例,以下对实施例中可能涉及的术语或概念进行解释说明。
1、关于方位
本申请实施例中涉及上、下、左、右、顶部和底部等方位。这些方位为相对方位,是指电子设备处于正持状态时对应的方位。其中,正持状态是指电子设备中打开的APP正向显示时电子设备所处的方位状态。
参见图1,以长方形屏幕的手机来说,当手机竖屏正向显示APP时,上、下、顶部和底部是指手机的短边对应的方向,左、右是指手机的长边对应的方向,具体的方位如图1中的(a)图所示。当手机横屏显示APP时,上、下、顶部和底部是指手机的长边对应的方向,左、右是指手机的短边对应的方向,具体的方位如图1中的(b)图所示。
另外,其他表示相对方位的描述,如上半部分、下半部分、左上、左下、右上、右下等,与上述定义类似,不再赘述。
2、关于悬浮类窗口
悬浮类窗口是指电子设备的软件***预先定义的悬浮显示(也称为***级悬浮)的窗口。本申请实施例中,悬浮类窗口可以包括悬浮窗和迷你窗。其中,迷你窗的尺寸小于悬浮窗的默认尺寸(即***定义的、未经用户调整的悬浮窗的尺寸)。在一个具体的实施例中,迷你窗的尺寸可以小于悬浮窗所支持缩小的最小尺寸。
3、关于操作
屏幕底部上滑操作:是指从屏幕底部开始向上的滑动操作。可选的,电子设备可以预先设置有底部检测区域,当检测到用户手指按压该底部检测区域中某一位置,并朝上滑动时,确定该操作为屏幕底部上滑操作。
悬浮窗底部上滑操作:是指从悬浮窗的底部开始向上的滑动操作。可选的,悬浮窗底部上滑操作可以包括悬浮窗底部预设区域上滑操作和悬浮窗底部bar上滑操作。根据电子设备软件***版本的不同,有些电子设备的悬浮窗底部不包括bar,有些电子设备的悬浮窗底部包括bar。悬浮窗底部预设区域上滑操作是指对于悬浮窗底部不包括bar的电子设备,从悬浮窗底部的预设区域开始向上的滑动操作。悬浮窗底部bar上滑操作是指对于悬浮窗底部包括bar的电子设备,按压悬浮窗底部bar并向上滑动的操作。
悬浮窗顶部bar拖拽操作:是指按压悬浮窗顶部bar并移动的操作。
悬浮窗缩小操作:是指向悬浮窗内侧方向拖拽悬浮窗的角的操作,也即,按压悬浮窗的某一个角,并向悬浮窗所在的方向移动的操作。执行悬浮窗缩小操作时所拖拽的角定义为拖拽角。例如,用户通过拖拽悬浮窗的左下角执行悬浮窗缩小操作,则悬浮窗的左下角为拖拽角。
迷你窗甩动操作:是指按压迷你窗的任意位置并向某一方向滑动,且用户离手速度超过预设的甩动速度阈值。其中,离手即手指抬起,离开屏幕。离手速度是指用户离手时手指的滑动速度,也称为终止滑动速度等。可选的,甩动速度阈值可以为1500dp/s。本申请实施例中,向左侧的迷你窗甩动操作可以称为迷你窗左侧甩动操作,向右侧的迷你窗甩动操作可以称为迷你窗右侧甩动操作。
慢速拖拽迷你窗操作:是指拖拽迷你窗(即按压迷你窗的任意位置并滑动),且用户离手速度小于或等于预设的拖拽速度阈值。可选的,拖拽速度阈值可以为趋近于0的值,例如可以为0.5dp/s。
快速滑动迷你窗操作:是指用户按压迷你窗的任意位置并滑动,且用户离手速度大于快滑速度阈值。可选的,快滑速度阈值可以与甩动速度阈值相等,例如也为1500dp/s,也可以与甩动速度阈值不相等。
下面对本申请实施例提供的方法涉及的应用场景和技术问题进行说明。
在使用电子设备中安装的APP时,很多时候都需要将一个或多个APP的窗口缩小并悬浮显示,以便于操作桌面或操作其他的APP。例如,场景1:用户在通过全屏显示的备忘录记录或查找笔记之后,需要打开会话聊天APP(如),对照备忘录中的笔记在/>的对话框中输入内容。这种情况下,用户就需要将备忘录的窗口缩小并悬浮显示,以便于操作又例如,场景2:用户在通过全屏显示的视频APP(如/>)观看直播时,需要打开进行会话聊天,但是用户又不想退出/>错过直播内容。这种情况下,用户就需要将/>的窗口缩小并悬浮显示,以便于操作/>
相关技术中,一般是通过打开该APP的悬浮窗来实现APP窗口缩小和悬浮显示。APP的悬浮窗可以通过侧边应用栏打开。示例性的,图2-1和图2-2为相关技术中打开APP的悬浮窗并打开其他APP全屏窗口的操作过程对应的界面变化示意图。以电子设备应用于上述场景1,且电子设备为手机为例,当前用户在手机中打开备忘录并使用备忘录记录了多条笔记,备忘录处于全屏显示状态,如图2-1中的(a)图所示。此时用户需要缩小且悬浮显示备忘录,并全屏显示的会话聊天界面,以对照备忘录的笔记在/>的对话框中进行会话输入。用户一般的操作过程如下:首先,用户在屏幕右边缘向左滑动(如图2-1中的(a)图所示),退出备忘录,进入桌面,如图2-1中的(b)图所示。之后,用户点击桌面的/>图标,进入/>主界面,如图2-1中的(c)图所示。然后,用户点击/>主界面中“小明”的会话记录,进入“小明”的会话聊天界面,如图2-1中的(d)图所示。用户在该会话聊天界面下,从屏幕右边缘向左滑动,拉起侧边应用栏201,如图2-2中的(a)图所示。用户在侧边应用栏201中点击备忘录图标,打开备忘录的悬浮窗,如图2-2中的(b)图所示。之后用户可以对照备忘录中的内容在“小明”的会话聊天界面进行会话输入。
实际应用过程中,由于悬浮窗的窗口较大,对界面遮挡较多,不便于用户操作(参见如图2-2中的(b)图)。用户为了操作方便,需要将悬浮窗缩小。可选的,用户可以通过拖拽悬浮窗的右下角或左下角缩小悬浮窗(如图2-2中的(b)图所示),对悬浮窗进行缩小后的手机界面如图2-2中的(c)图所示。并且,用户还需要通过悬浮窗顶部bar拖拽操作移动悬浮窗的位置(如图2-2中的(c)图所示),以减少遮挡。移动悬浮窗后的手机界面如图2-2中的(d)图所示。/>
由上述描述可见,相关技术中,将APP的显示窗口从全屏显示切换为悬浮窗并与其他应用同时显示的操作过程较为繁琐,不便于用户操作。
有鉴于此,本申请实施例提供一种窗口显示方法,该方法用于将APP通过迷你窗显示,其中,迷你窗的窗口尺寸较小,且能够悬浮显示于界面最上层。用户通过点击、滑动或拖拽等简单操作即可进入迷你窗,提高使用便捷性,提高用户体验。另外,迷你窗的尺寸小于悬浮窗的尺寸,对底层界面的遮挡较少,因而进入迷你窗之后用户即可对桌面或其他APP进行操作,无需用户再进行缩小、移动等操作,进一步提高使用便捷性,提高用户体验。
本申请实施例提供的窗口显示方法可以应用于手机、平板电脑、可穿戴设备、车载设备、增强现实(augmented reality,AR)/虚拟现实(virtual reality,VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、个人数字助理(personal digital assistant,PDA)等可以安装APP的电子设备上,本申请实施例对电子设备的具体类型不作任何限制。
示例性的,图3是本申请实施例提供的一例电子设备100的结构示意图。电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universalserial 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等。
可以理解的是,本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器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)接口等。
显示屏194,也称为屏幕,用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organiclight-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的,AMOLED),柔性发光二极管(flexlight-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过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等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码,可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作***,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中,音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194,电子设备100根据压力传感器180A检测触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时,执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时,执行新建短消息的指令。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中,骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏,接收血压跳动信号。在一些实施例中,骨传导传感器180M也可以设置于耳机中,结合成骨传导耳机。音频模块170可以基于骨传导传感器180M获取的声部振动骨块的振动信号,解析出语音信号,实现语音功能。应用处理器可以基于骨传导传感器180M获取的血压跳动信号解析心率信息,实现心率检测功能。
电子设备100的软件***可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以分层架构的Android***为例,示例性说明电子设备100的软件结构。
图4是本申请实施例的一例电子设备100的软件结构框图。分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android***分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和***库,以及内核层。应用程序层可以包括一系列应用程序包。
如图4所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图4所示,应用程序框架层可以包括窗口管理器,内容提供器,视图***,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。可选的,本申请实施例提供的方法可以通过窗口管理器实现。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图***包括可视控件,例如显示文字的控件,显示图片的控件等。视图***可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在***顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
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绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
为了便于理解,在对本申请实施例提供的方法进行具体阐述之前,先对本申请实施例中涉及的迷你窗及相关概念进行说明。
可选的,迷你窗的尺寸为预设尺寸。在一个具体的实施例中,预设尺寸可以与屏幕的尺寸相关。例如,迷你窗的窗口宽度可以为0.28*(屏宽-2*预设边距)/屏宽,迷你窗窗口的宽高比可以与全屏窗口的宽高比或悬浮窗的默认宽高比相同。其中,屏宽是指屏幕的宽度,宽高比是指窗口的宽度与高度的比例。本申请实施例中,长度、高度等的单位可以为设备独立像素(device independent pixels,dp)。预设边距是指为了保证显示效果,防止迷你窗过于靠近屏幕边缘,预先设置的迷你窗边缘与屏幕左侧或右侧边缘之间的距离。预设边距例如可以为24dp。本实施例中,迷你窗的宽高比与全屏窗口的宽高比和/或悬浮窗的默认宽高比相同,这样能够在防止迷你窗显示的画面失真,提高显示效果。
可选的,迷你窗可以显示于屏幕的预设位置。迷你窗的预设位置可以设置一个,也可以设置多个。作为一种可能的实现方式,如图5中的(a)图和(b)图所示,可以通过屏幕的横中线501和竖中线502将屏幕分割四个区域:左上区域、右上区域、左下区域和右上区域,每个区域可以包括一个迷你窗的预设位置,即迷你窗的预设位置包括左上区域的预设位置、右上区域的预设位置、左下区域的预设位置和右下区域的预设位置。可以根据场景或用户执行的操作的不同,将迷你窗显示于不同区域的预设位置。在一个具体的实施例中,电子设备响应于用户的操作进入迷你窗时,默认将迷你窗显示于屏幕右上区域的预设位置或左上位置的预设位置。
可选的,在确定迷你窗的预设位置时,迷你窗距离屏幕左边缘或右边缘的距离可以为固定距离(预设边距),迷你窗距离上边缘或下边缘的距离可以根据当前界面中的内容,按照预设的避让规则进行设置或选择。请参见图6,在一个具体的实施例中,避让规则可以包括以下几种:
1、迷你窗避让信号栏。信号栏也称为状态栏,是指屏幕中用于显示移动运营商名称、移动信号标识、时间、电子设备电量等信息和状态的栏目。在设置迷你窗的预设位置时,迷你窗的上边缘不高于信号栏的下边缘的高度,即迷你窗避让信号栏,以防止迷你窗与信号栏重叠,防止遮挡信号栏中内容。如图6中的(a)图所示,迷你窗601的上边缘不超过信号栏602的下边缘。
2、迷你窗避让三键导航栏。对于当前界面底部包括三键导航栏,但不包括图标、导航栏或软键盘的情况(如电子设备的设置APP的界面、短信APP的界面、负一屏界面等),在设置迷你窗的预设位置时,迷你窗的下边缘高于三键导航栏的上边缘,即迷你窗避让三键导航栏。在一个具体的实施例中,迷你窗的下边缘可以高于三键导航栏的上边缘8dp,如图6中的(b)图所示。这样能够防止迷你窗601遮挡三键导航栏603,防止影响用户操作三键导航栏603中的控件。
3、迷你窗避让桌面底部图标。对于当前界面为桌面,且桌面底部包括APP图标的情况,在设置迷你窗的预设位置时,迷你窗的下边缘高于APP图标上边缘,即迷你窗避让桌面底部APP图标。在一个具体的实施例中,迷你窗601的下边缘可以高于桌面底部APP图标的上边缘16dp,如图6中的(c)图所示。这样能够防止迷你窗601遮挡桌面底部的APP图标,防止影响用户操作桌面底部的APP图标。
4、迷你窗避让底部导航栏。对于当前界面底部包括导航栏的情况,在设置迷你窗的预设位置时,迷你窗的下边缘高于导航栏的上边缘,即迷你窗避让底部导航栏。在一个具体的实施例中,迷你窗601的下边缘可以高于底部导航栏604的上边缘16dp,如图6中的(d)图所示。这样能够防止迷你窗601遮挡底部导航栏604,防止影响用户操作底部导航栏。
5、迷你窗避让软键盘。对于当前界面中包括软键盘的情况,在设置迷你窗的预设位置时,迷你窗的下边缘高于软键盘的上边缘,即迷你窗避让软键盘。在一个具体的实施例中,迷你窗601的下边缘可以高于软键盘的上边缘16dp,如图6中的(e)图所示。这样能够防止迷你窗601遮挡软键盘,防止影响用户操作软键盘。
另外,不同电子设备的悬浮类窗口的合并上限数量可以不同。合并上限数量是指电子设备支持同一时刻同时显示的悬浮类窗口的最大数量。例如,非折叠屏手机的悬浮类窗口的合并上限数量可以为1,即,同一时刻非折叠屏手机支持显示1个悬浮窗或1个迷你窗。折叠屏手机或平板电脑的悬浮类窗口的合并上限数量为2,即,同一时刻,折叠屏手机或平板电脑最多支持悬浮窗和迷你窗中的2个窗口同时显示。同时显示的2个窗口可以为2个迷你窗,或者,2个悬浮窗,或者1个迷你窗和1个悬浮窗。
可选的,当某一APP运行于迷你窗或悬浮窗时,若用户点击桌面该APP的图标时,该迷你窗或悬浮窗可以展开为全屏窗口。
可选的,同一APP的窗口由全屏窗口或悬浮窗切换为迷你窗,其界面内容不变,即APP在迷你窗中显示的界面与在全屏窗口或悬浮窗中显示的界面相同。
可选的,APP运行于迷你窗后可以屏蔽界面中控件的相关功能,即,迷你窗中运行的APP界面中的控件不可以操作,这样能够防止用户误触迷你窗中运行的APP界面中的控件,便于用户对迷你窗进行拖拽、滑动、甩动等操作。
以下实施例将以具有图3和图4所示结构的电子设备为例,结合附图和应用场景,对本申请实施例提供的窗口显示方法进行具体阐述。
本申请实施例提供的窗口显示方法,能够适用于多种应用场景,实现将不同的窗口切换为迷你窗(即从不同的窗口进入迷你窗),且能够实现迷你窗的多种应用。具体的,下述实施例涉及以下几种应用场景:
1)全屏窗口进入迷你窗;
2)悬浮窗进入迷你窗;
3)迷你窗与其他悬浮类窗口的合并;
4)迷你窗与悬浮球的切换;
5)迷你窗与悬浮窗的切换;
6)迷你窗与全屏窗口中APP的互换;
7)迷你窗的移动和退出。
以下结合实施例对不同场景下的窗口显示方法分别进行说明。
1)全屏窗口进入迷你窗
本应用场景以电子设备为非折叠屏手机,悬浮类窗口的合并上限数量为1为例进行说明。
在一个实施例中,当APP运行于全屏窗口时,用户可以通过屏幕底部上滑操作进入迷你窗。具体的,可以预先设置第一迷你窗热区和第一迷你窗触发热区,第一迷你窗热区和第一迷你窗触发热区可以为屏幕上半部分中的区域,第一迷你窗热区的下边缘相较于第一迷你窗触发热区的下边缘更靠近屏幕下边缘。换句话说,位于同一竖直线上的第一迷你窗热区的边缘上的点相较于第一迷你窗触发热区的边缘上的点更靠近屏幕边缘。具体来说,以XOY坐标系为例,纵坐标Y相同的一个第一迷你窗热区边缘上的点a和一个第一迷你触发热区边缘上的点b,点a的横坐标小于点b的横坐标。其中,XOY坐标系的横轴X为屏幕的水平方向,纵轴为屏幕的垂直方向,坐标原点为屏幕右下角的顶点。也就是说,第一迷你窗热区中至少部分区域相较于第一迷你窗触发热区更靠近屏幕下边缘。
当电子设备检测到用户的屏幕底部上滑操作,即检测到用户按压屏幕底部并向上滑动时,电子设备跟随该屏幕底部上滑操作逐渐缩小全屏窗口。当电子设备检测到用户手指继续上滑进入第一迷你窗热区时,在屏幕的预设位置显示视觉引导图案。视觉引导图案用于引导用户进入迷你窗。当电子设备检测到用户手指继续上滑,窗口继续缩小,视觉引导图案慢速放大(例如以第一放大速度放大)。当电子设备检测到用户手指进入第一迷你窗触发热区时,视觉引导图案快速放大(例如以第二放大速度放大,第二放大速度大于第一放大速度)。若电子设备检测到用户在第一迷你窗触发热区离手,则将窗口切换为迷你窗,即,在屏幕的预设位置显示迷你窗,在迷你窗中运行APP。
可选的,本实施例中,第一迷你窗热区可以为以60%屏高为长轴半径,以50%屏宽为短轴半径的1/4椭圆形状。第一迷你窗热区的数量可以为2个,2个第一迷你窗热区分别为屏幕中以左上顶点和右上顶点为中心点的1/4椭圆区域。以下实施例中,位于屏幕左半部分的第一迷你窗热区称为左侧第一迷你窗热区,位于屏幕右半部分第一迷你窗热区称为右侧第一迷你窗热区。
可选的,本实施例中,第一迷你窗触发热区可以为以50%屏高为长轴半径(即长半轴的长度),以50%屏宽为短轴半径(即短半轴的长度)的1/4椭圆形状。第一迷你窗触发热区的数量可以为2个,2个第一迷你窗触发热区分别为屏幕中以左上顶点和右上顶点为中心点的1/4椭圆区域。以下实施例中,位于屏幕左半部分的第一迷你窗触发热区称为左侧第一迷你窗触发热区,位于屏幕右半部分第一迷你窗触发热区称为右侧第一迷你窗触发热区。
第一迷你窗触发热区和第一迷你窗热区均为1/4椭圆形状,且短轴半径相等,椭圆中心点相同,但是第一迷你窗触发热区的长轴半径小于第一迷你窗热区的长轴半径。也就是说,第一迷你窗触发热区的全部与第一迷你窗热区的上半部分重合,即,第一迷你窗热区的下边缘相较于第一迷你窗触发热区的下边缘更靠近屏幕下边缘。这样,用户进行屏幕底部上滑操作的过程中,手指先进入第一迷你窗热区,再进入第一迷你窗触发热区。当然,在一些其他的实施例中,第一迷你窗触发热区也可以不与第一迷你窗热区重合,或者第一迷你窗触发热区仅部分与第一迷你窗热区重合,只要保证第一迷你窗热区至少有部分区域相较于第一迷你窗触发热区更靠近屏幕下边缘,使得用户手指上滑过程中先进入第一迷你窗热区,再进入第一迷你窗触发热区即可。
可以理解,在一些实际应用中,电子设备进入多任务或返回桌面等功能也可以通过上滑操作触发。其中,电子设备进入多任务是指电子设备的屏幕上显示最近任务栏窗口,最近任务栏窗口包括电子设备中最近运行过的APP对应的图片,该图片可以APP最后运行时刻的界面的截图。本实施例中,第一迷你窗热区和第一迷你窗触发热区均为以屏幕左上顶点和右上顶点为中心点设置1/4椭圆形状,使得用户执行屏幕底部上滑操作时只有手指进入屏幕的这两个1/4椭圆区域才会被识别为与迷你窗相关的操作,这样能够将进入迷你窗的屏幕底部上滑操作与触发进入多任务或返回桌面等功能的上滑操作进行有效区分,避免与进入多任务及返回桌面的手势产生冲突,也减小用户误操作进入迷你窗的概率,提高用户体验。而且,1/4椭圆形状的第一迷你窗热区和第一迷你窗触发热区方便用户通过单手操作进入迷你窗,进一步提高用户体验。
可选的,视觉引导图案可以为1/4圆形图像,图像中可以标识有表示缩小的图形和提示进入迷你窗的相关字样。例如,图像中可以标识有两个相对的箭头,并标识有“进入迷你窗”字样(可参见图7中的(c)图和(d)图)。
可选的,对全屏窗口缩小的过程中,底层界面可以显示蒙版图像,从而呈现蒙版效果。可选的,蒙版图像可以为根据桌面背景图像生成的图像。
可选的,视觉引导图案可以显示于屏幕的右上区域或左上区域的预设位置。在一个具体的实施例中,视觉引导图案可以以屏幕的左上顶点或右上顶点为圆心,以预设半径显示于屏幕的左上角或右上角。预设半径可以小于1/2屏宽。具体的,视觉引导图案显示于屏幕的左上角还是显示于右上角,可以根据用户手指所进入的第一迷你窗热区确定,而且,进入迷你窗后迷你窗显示的位置可以与视觉引导图案位于同一区域。在一个具体的实施例中,若用户手指进入左侧第一迷你窗热区,视觉引导图案显示于屏幕的左上角,迷你窗最终显示于屏幕的左上区域中的预设位置。若用户手指进入右侧第一迷你窗热区,视觉引导图案显示于屏幕的右上角,迷你窗显示于屏幕右上区域中的预设位置。
可选的,若电子设备检测到用户在第一迷你窗触发热区离手,在将窗口切换为迷你窗的同时,电子设备还可以输出提醒信息,例如,可以振动提醒,或者声音提醒(如发出“叮”的声响)等。
示例性的,图7为本申请实施例提供的一例全屏窗口进入迷你窗的过程示意图。以 为例,如图7中的(a)图所示,当前用户正在通过运行于全屏窗口的/>观看直播,若用户想要将全屏窗口切换为迷你窗,可以执行屏幕底部上滑操作,即按压屏幕底部并向上滑动。用户手指上滑过程中,窗口跟随用户手指上移并逐渐缩小,且底层界面呈现蒙版效果,如图7中的(b)图所示。
用户手指继续向上滑动,窗口继续缩小,当用户手指进入右侧第一迷你窗热区701(但未进入第一迷你窗触发热区703)时,屏幕右上角显示视觉引导图案702,如图7中的(c)图所示。
用户手指继续上滑,窗口继续缩小,视觉引导图案702慢速放大。当用户手指进入右侧第一迷你窗触发热区703时,视觉引导图案702快速放大,进一步提示和引导用户进入迷你窗,如图7中的(d)图所示。
用户在第一迷你窗触发热区703离手,手机振动,屏幕右上区域的预设位置显示迷你窗,底层蒙版效果消失,显示桌面,如图7中的(e)图所示。
本实施例提供的窗口显示方法,通过屏幕底部上滑操作即可由全屏窗口进入迷你窗,整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,迷你窗的尺寸较小,对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。
可选的,本实施例中,用户执行屏幕底部上滑的过程中,窗口可跟随用户手指移动等比缩小。等比缩小是指缩小后的窗口与缩小前的窗口的宽高比相等。等比缩小能够防止画面变形或失真,提高显示效果,进而提高用户体验。
可选的,窗口在跟随用户手指移动和缩小的过程中,窗口的中心点与手指位置位于同一直线上。
可选的,在对全屏窗口缩小的过程中,可以根据手指当前位置确定缩放的中心点。在一个具体的实施例中,当手指位置与屏幕下边缘的距离小于或等于30%屏高,即手指位置未超过30%屏高位置时,以预设点作为固定缩放中心点进行缩小。预设点可以为屏幕竖中线上距离屏幕下边缘的距离为70%屏高的点。
当手指位置与屏幕下边缘的距离大于30%屏高,即手指位置超过30%屏高位置后,缩放中心点为窗口的中心点。具体的,当手指位置与屏幕下边缘的距离大于30%屏高,但小于或等于H*屏高,其中,H=100%-迷你窗预设尺寸占屏幕尺寸的比例,即手指位置超过30%屏高位置,但未超过H*屏高的位置时,随着手指上移,缩放中心点位置沿窗口竖中线慢速上移,用户手指与窗口下边缘的距离慢速变大。
当手指位置与屏幕下边缘的距离大于H*屏高,即手指位置超过H*屏高位置时,随着手指上移,缩放中心点位置沿窗口竖中线快速上移,用户手指与窗口下边缘的距离快速变大。
可选的,对全屏窗口缩小的过程中,保证窗口上边缘与屏幕上边缘的最小距离为:迷你窗位于预设位置时,迷你窗的上边缘与屏幕上边缘的距离(例如64dp)。换句话说,缩小后的窗口的上边缘不超过迷你窗预设位置的最高位置。当窗口移动至迷你窗预设位置的最高位置后,若用户手指仍在上滑,则窗口不再上移,仅跟随手指水平移动。
可选的,对全屏窗口缩小的过程中,窗口的最小尺寸为迷你窗的预设尺寸,即,0.28*(屏宽-2*预设边距)/屏宽。当窗口缩小至迷你窗口的预设尺寸后,若用户手指仍在上滑,则窗口不再缩小,仅跟随手指移动。
也就是说,全屏窗口进入迷你窗时,窗口跟随用户手指移动和缩小的过程可以分为三个阶段:第一阶段,手指未超过30%屏高位置;第二阶段,手指高于30%屏高位置但未超过H*屏高位置;第三阶段,手指高于H*屏高位置。以迷你窗预设尺寸占屏幕尺寸的比例为26%,窗口上边缘与屏幕上边缘最小预设距离为64dp,窗口缩小至迷你窗预设尺寸时刻窗口上边缘距离屏幕上边缘的预设距离为88dp为例,上述三个阶段窗口缩小和移动的规则如下:
示例性的,图8为本申请实施例提供的一例全屏窗口进入迷你窗过程中缩放中心点的变化示意图。参见图8,将缩放中心点距离屏幕上边缘的距离与屏高的比例记为X,屏高记为S,当前时刻手指的位置与屏幕下边缘的距离占屏高的比例记为D,当前时刻手指位置距离窗口下边缘的距离记为M,当前时刻窗口下边缘与屏幕下边缘的距离记为Y,当前窗口上边缘与屏幕上边缘的距离记为Z,当前时刻窗口高度记为C。
第一阶段,在0<D≤30%的情况下,参见图8中的(a)图:
M=0;
Y=D*S;
Z=2*X*S*D;
C=S-Y-Z。
第二阶段,在30%S<D≤74%的情况下,参见图8中的(b)图:
M=88*(D-30%)/(74%-30%);
Y=D*S-M;
Z=(1-D)*S-2*(Z/2-M);
C=S-Y-Z。
第三阶段,在74%<D≤100%的情况下,参见图8中的(c)图:
M=D*S-Y;
Y=74%*S-88dp+[(D-74%)/26%]*(88dp-64dp);
Z=88-[(D-74%)/26%]*(88dp-64dp);
C=26%*S。
如图8中的(a)图所示,对全屏窗口缩小的过程中,当手指位置未超过30%屏高时,以预设点801为固定的缩放中心点进行缩小,窗口随用户手指缩小并上移,且用户手指一直位于窗口的底部(即M=0),达到窗口完全跟手缩小的效果。如图8中的(b)图所示,当手指位置超过30%屏高但小于或等于74%S时,用户手指与窗口下边缘的距离慢速变大(M慢速变大),实现窗口跟手缩小的同时,给用户上滑受阻的感觉。如图8中的(c)图所示,当手指位置超过74%S时,用户手指与窗口下边缘的距离快速变大(M快速变大),实现窗口跟手缩小的同时,给用户更强烈的上滑受阻感觉。
需要说明的是,上述快速和慢速是相对的概念,仅用于表征第二阶段M的增大速度比第三阶段M的增大速度慢。
在一个实施例中,若用户执行屏幕底部上滑操作并在第一迷你窗触发热区之外的区域离手,即用户手指未到达第一迷你窗触发热区时离手,则电子设备解析用户的屏幕底部上滑操作,确定用户离手速度和/或离手时的滑动方向,并根据离手速度和/离手时的滑动方向等,进入多任务、返回桌面或者返回全屏窗口。也就是说,在下述两种情况下电子设备根据离手速度和/或离手时的滑动方向进入多任务、返回桌面或者返回全屏窗口:1、用户手指未到达第一迷你窗热区也未到达第一迷你窗触发热区;2、用户手指到达第一迷你窗触发热区但未到达第一迷你窗触发热区。其中,第1种情况下,屏幕中不显示视觉引导图案,第2种情况下屏幕中显示视觉引导图案。
具体的,若用户手指未到达第一迷你窗触发热区时离手,电子设备解析到用户离手时的滑动方向向上,且离手速度超过返回速度阈值,则返回桌面。其中,返回速度阈值可以与甩动速度阈值、快滑速度阈值相等,例如均为1500dp/s,也可以与甩动速度阈值、快滑速度阈值不相等。
若用户手指未到达第一迷你窗触发热区时离手,电子设备解析到用户离手时的滑动方向向上,且离手速度小于或等于返回速度阈值,则进入多任务。
若用户手指未到达第一迷你窗触发热区时离手,电子设备解析到用户离手时的滑动方向向下,则返回全屏窗口。
示例性的,图9为本申请实施例提供的一例执行屏幕底部上滑操作后进入多任务的过程示意图。如图9中的(a)图所示,当前用户正在通过运行于全屏窗口的观看直播。用户执行屏幕底部上滑操作,即用户手指按压屏幕底部并向上滑动。用户手指上滑过程中,窗口跟随用户手指上移并逐渐缩小,如图9中的(b)图所示。若用户在手指上滑至图9中的(b)图所示的位置时离手,即用户在未进入第一迷你窗热区701也未进入第一迷你窗触发热区703时离手,且电子设备检测到用户离手速度大于1500dp/s,则电子设备进入多任务,显示最近运行过的APP对应的图片,如图9中的(c)图所示。
示例性的,图10为本申请实施例提供的一例执行屏幕底部上滑操作后返回桌面的过程示意图。如图10中的(a)图所示,当前用户正在通过运行于全屏窗口的观看直播。用户执行屏幕底部上滑操作,即用户按压全屏窗口的底部,并向上滑动。用户手指上滑过程中,窗口跟随用户手指上移并逐渐缩小,如图10中的(b)图所示。用户手指继续向上滑动,窗口继续缩小,当用户手指进入右侧第一迷你窗热区701时,屏幕右上角显示视觉引导图案702,如图10中的(c)图所示。若用户在手指上滑至图10中的(c)图所示的位置时离手,即用户在手指进入第一迷你窗热区701但未进入第一迷你触发热区703时离手,且电子设备检测到用户离手时速度小于1500dp/s,则电子设备返回桌面,如图10中的(d)图所示。
示例性的,图11为本申请实施例提供的一例执行屏幕底部上滑操作后返回全屏窗口的过程示意图。如图11中的(a)图所示,当前用户正在通过运行于全屏窗口的观看直播。用户执行屏幕底部上滑操作,即按压全屏窗口的底部,并向上滑动。用户手指过程中,窗口跟随用户手指上移并逐渐缩小,如图11中的(b)图所示。之后用户手指向下滑动,窗口逐渐增大,如图11中的(c)图所示。若用户在手指下滑至图11中的(c)图所示的位置时离手,即用户在手指未进入第一迷你窗热区701也未进入第一迷你触发热区703时离手,且用户离手时的滑动方向向下,则电子设备返回全屏窗口。也就是说,电子设备显示全屏窗口并将抖音运行于全屏窗口,如图11中的(d)图所示。
本实施例中,在用户执行屏幕底部上滑操作并在第一迷你窗触发热区之外的区域离手时,通过解析用户的屏幕底部上滑操作,根据上滑操作的速度、方向等,进入多任务、返回桌面或者返回全屏窗口,实现了进入迷你窗与进入多任务、返回桌面、返回全屏窗口等多种功能的触发手势的兼容,既能通过屏幕底部上滑操作进入迷你窗,又能通过底部上滑操作触发这些功能,因而无需改变这些功能的触发手势,节约开发成本,且符合用户使用习惯,提高用户体验。
可以理解,用户在执行屏幕底部上滑操作的过程中,在未离手的情况下,若用户手指向下滑动,则电子设备按照上述屏幕底部上滑进入迷你窗的逆过程呈现界面。具体的,在用户在手指位于第一迷你窗触发热区时向下滑动,则窗口跟随用户手指的下滑操作放大,视觉引导图案快速缩小。用户手指继续下滑,窗口继续放大,当用户手指离开第一迷你窗触发热区,进入第一迷你窗热区,视觉引导图案慢速缩小。当用户手指继续下滑离开第一迷你窗热区,视觉引导图案消失。类似的,以下实施例中进入迷你窗的各种实现方式中,在用户未离手的情况下执行与进入迷你窗的操作相反方向的操作,电子设备均可按照相应的进入迷你窗的逆过程呈现界面,后续不再赘述。
2)悬浮窗进入迷你窗
本申请实施例提供的方法能够通过多种方法实现悬浮窗进入迷你窗,具体可以包括:
a)悬浮窗底部上滑进入迷你窗;
b)悬浮窗顶部bar拖拽进入迷你窗;
c)缩小悬浮窗进入迷你窗。
下面结合实施例,以电子设备为非折叠屏手机,悬浮类窗口的合并上限数量为1为例,对这几种实现方式分别进行说明。
a)悬浮窗底部上滑进入迷你窗
在一个实施例中,当APP运行于悬浮窗时,用户可以通过悬浮窗底部上滑操作进入迷你窗。具体的,可以预先设置第二迷你窗热区和第二迷你窗触发热区,第二迷你窗热区和第二迷你窗触发热区可以为屏幕上半部分中的区域,与第一迷你窗热区和第一迷你窗触发热区类似,第二迷你窗热区的下边缘相较于第二迷你窗触发热区的下边缘更靠近屏幕下边缘。
当电子设备检测到用户的悬浮窗底部上滑操作时,跟随该悬浮窗底部上滑操作逐渐移动并缩小悬浮窗。当电子设备检测到用户手指继续上滑进入第二迷你窗热区时,在屏幕的预设位置显示视觉引导图案。电子设备检测到用户手指继续上滑,窗口继续缩小,视觉引导图案慢速放大。当电子设备检测到用户手指进入第一迷你窗触发热区时,视觉引导图案快速放大。若电子设备检测到用户在第二迷你窗触发热区离手,且离手速度小于悬浮窗关闭速度阈值,则将窗口切换为迷你窗,即,在屏幕的预设位置显示迷你窗,在迷你窗中运行APP。可选的,悬浮窗关闭速度阈值可以与甩动速度阈值、快滑速度阈值相等,例如均为1500dp/s,也可以与甩动速度阈值、快滑速度阈值不相等。
可选的,悬浮窗底部上滑操作可以包括悬浮窗底部预设区域上滑操作和悬浮窗底部bar上滑操作。对于悬浮窗底部不包括bar的电子设备,当电子设备检测到悬浮窗底部预设区域存在按压并向上滑动的操作时,确定该操作为悬浮窗底部预设区域上滑操作,按照上述过程逐渐缩小悬浮窗。对于悬浮窗底部包括bar的电子设备,当检测到用户按压悬浮窗底部bar并向上滑动的操作时,确定该操作为悬浮窗底部bar上滑操作,按照上述过程逐渐缩小悬浮窗。
为了便于描述,下述将用户执行悬浮窗底部上滑操作之前的悬浮窗称为初始悬浮窗。
可选的,本实施例中,第二迷你窗热区可以为以T为长轴半径,以50%屏宽为短轴半径的1/4椭圆形状。其中,T为初始悬浮窗下边缘与屏幕上边缘的距离。该第二迷你窗热区的数量可以为2个,2个第二迷你窗热区分别为屏幕中以左上顶点和右上顶点为中心点的1/4椭圆区域。以下实施例中,位于屏幕左半部分的第二迷你窗热区称为左侧第二迷你窗热区,位于屏幕右半部分第二迷你窗热区称为右侧第二迷你窗热区。
可选的,本实施例中,第二迷你窗触发热区可以为以80%T为长轴半径,以50%屏宽为短轴半径的1/4椭圆形状。该第二迷你窗触发热区的数量可以为2个,2个第二迷你窗触发热区分别为屏幕中以左上顶点和右上顶点为中心点的1/4椭圆区域。以下实施例中,位于屏幕左半部分的第二迷你窗触发热区称为左侧第二迷你窗触发热区,位于屏幕右半部分第二迷你窗触发热区称为右侧第二迷你窗触发热区。
第二迷你窗触发热区和第二迷你窗热区均为1/4椭圆形状,且短轴半径相等,椭圆中心点相同,但是第二迷你窗触发热区的长轴半径小于第二迷你窗热区的长轴半径。也就是说,第二迷你窗触发热区的全部与第二迷你窗热区的上半部分重合,即,第二迷你窗热区的下边缘相较于第二迷你窗触发热区的下边缘更靠近屏幕下边缘。这样,用户执行悬浮窗底部上滑操作的过程中,手指先进入第二迷你窗热区,再进入第二迷你窗触发热区。当然,在一些其他的实施例中,第二迷你窗触发热区也可以不与第二迷你窗热区重合,或者第二迷你窗触发热区仅部分与第二迷你窗热区重合,只要保证第二迷你窗热区至少有部分区域相较于第二迷你窗触发热区更靠近屏幕下边缘,使得用户手指上滑过程中先进入第二迷你窗热区,再进入第二迷你窗触发热区即可。
可以理解,在一些实际应用中,电子设备缩小悬浮窗等功能也可以通过悬浮窗底部上滑操作触发。本实施例中,第二迷你窗热区和第二迷你窗触发热区均为以屏幕左上顶点和右上顶点为中心点设置1/4椭圆形状,使得用户执行悬浮窗底部上滑操作时只有手指进入屏幕的这两个1/4椭圆区域才会被识别为与迷你窗相关的操作,这样能够将进入迷你窗的悬浮窗底部上滑操作与触发缩小悬浮窗等功能的悬浮窗底部上滑操作进行有效区分,避免与缩小悬浮窗的手势产生冲突,也减小用户误操作进入迷你窗的概率,提高用户体验。而且,1/4椭圆形状的第二迷你窗热区和第二迷你窗触发热区方便用户通过单手操作进入迷你窗,进一步提高用户体验。另外,1/4椭圆形状的第二迷你窗热区和第二迷你窗触发热区的长轴均与初始悬浮窗下边缘距离屏幕上边缘的距离相关,也就是说,第二迷你窗热区和第二迷你窗触发热区的大小与初始悬浮窗的位置相关,这样无论悬浮窗在什么位置,用户都能通过悬浮窗底部上滑操作方便的进入迷你窗,无需用户长距离滑动,因而不会导致用户有滑动疲惫感,符合用户使用习惯,提高用户使用便捷性。
可选的,本实施例中,视觉引导图案中的标识内容以及显示的位置可以同上述实施例所述,在此不再赘述。与上述实施例类似,本实施例中,视觉引导图案显示于屏幕的左上角还是显示于右上角,可以根据用户手指所进入的第二迷你窗热区确定,而且,进入迷你窗后迷你窗显示的位置可以与视觉引导图案位于同一区域。在一个具体的实施例中,若用户手指进入左侧第二迷你窗热区,视觉引导图案显示于屏幕的左上角,迷你窗显示于屏幕的左上区域中的预设位置。若用户手指进入右侧第二迷你窗热区,视觉引导图案显示于屏幕的右上角,迷你窗显示于屏幕的右上区域中的预设位置。
可选的,若电子设备检测到用户在第二迷你窗触发热区离手,且离手速度小于悬浮窗关闭速度阈值,在将窗口切换为迷你窗的同时,电子设备可以输出提醒信息,具体的可以参见上述实施例,不再赘述。
示例性的,图12为本申请实施例提供的一例通过悬浮窗底部上滑操作进入迷你窗的过程示意图。以备忘录运行于底部包括bar的悬浮窗为例,如图12中的(a)图所示,当前用户打开备忘录的悬浮窗。若用户想要将悬浮窗切换为迷你窗,可以执行悬浮窗底部bar上滑操作,即按压悬浮窗底部的bar,并向上滑动。用户手指上滑过程中,窗口跟随用户手指逐渐上移并缩小,如图12中的(b)图所示。
用户手指继续向上滑动,窗口继续缩小,当用户手指进入右侧第二迷你窗热区1201(但未进入第二迷你窗触发热区1203)时,屏幕右上角显示视觉引导图案1202,如图12中的(c)图所示。
用户手指继续上滑,窗口继续缩小,视觉引导图案1202慢速放大。当用户手指进入右侧第二迷你窗触发热区1203时,视觉引导图案1202快速放大,进一步提示和引导用户进入迷你窗,如图12中的(d)图所示。
用户在右侧第二迷你窗触发热区1203离手,且离手速度小于悬浮窗关闭速度阈值,手机振动,屏幕右上区域的预设位置显示迷你窗,如图12中的(e)图所示。
本实施例提供的窗口显示方法通过悬浮窗底部上滑操作即可由悬浮窗进入迷你窗,整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,迷你窗的尺寸较小,对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。
可选的,本实施例中,用户执行悬浮窗底部上滑操作的过程中,窗口可跟随用户手指移动等比缩小。等比缩小能够防止画面变形或失真,提高显示效果,进而提高用户体验。
可选的,窗口在跟随用户手指移动和缩小的过程中,窗口的中心点与手指位置位于同一直线上。
可选的,对悬浮窗缩小的过程中,保证窗口上边缘与屏幕上边缘的最小距离为:迷你窗位于预设位置时,迷你窗的上边缘与屏幕上边缘的距离(例如64dp)。换句话说,缩小后的窗口的上边缘不超过迷你窗预设位置的最高位置。当悬浮窗移动至迷你窗预设位置的最高位置后,若用户手指仍在上滑,则窗口不再上移,仅跟随手指水平移动。
可选的,对悬浮窗缩小的过程中,窗口的最小尺寸为迷你窗的预设尺寸,即,0.28*(屏宽-2*预设边距)/屏宽。当悬浮窗缩小至迷你窗口的预设尺寸后,若用户手指仍在上滑,则窗口不再缩小,仅跟随手指移动。
综合上述窗口缩小最高位置和最小尺寸的原则,在对悬浮窗缩小的过程中,可以根据悬浮窗当前的位置和大小,采取不同的缩放和移动方式,以实现跟手缩小的效果。具体的,在悬浮窗未缩小至迷你窗预设尺寸,且窗口上边缘未到达预设的最高位置(64dp)(下称为悬浮窗靠下)时,窗口随用户手指上滑距离均匀缩小,窗口位置随用户手指移动逐渐上移。具体的,若悬浮窗缩小至迷你窗大小时,窗口上边缘仍未达到预设的最高位置(64dp),则后续上滑过程中,窗口不再缩小,窗口位置跟随手指上滑的距离均匀变化。若悬浮窗缩小至迷你窗大小时,窗口上边缘到达预设的最高位置(64dp)(下称为悬浮窗靠上),则后续上滑过程中,窗口不再缩小,窗口位置不再上移,仅跟随手指水平移动。
图13为本申请实施例提供的一例悬浮窗进入迷你窗过程中窗口位置和尺寸的变化示意图。参见图13,迷你窗预设尺寸(可以用迷你窗的窗宽表示)占当前悬浮窗大小(可以用悬浮窗的窗宽表示)的比例记为A。如图13中的(b)图中,A=W0/W1,其中,W0为迷你窗预设窗宽。如图13中的(a)图所示,初始悬浮窗高度记为F,初始悬浮窗下边缘与屏幕上边缘的距离记为T,屏幕高度记为S。当前时刻手指的位置与初始悬浮窗下边缘之间的距离占T的比例记为D。如图13中的(b)图中,D=A1/T,其中,A1为当前时刻手指的位置与初始悬浮窗下边缘之间的距离。当前悬浮窗下边缘距离屏幕下边缘的距离为Y,如图13中的(b)图所示。以窗口上边缘与屏幕上边缘最小距离为64dp为例(图13中1301所示的位置),悬浮窗缩小和移动的规则如下:
①悬浮窗靠下(A*F+64≤A*T)的情况下:
Y=S-T+D*T
②悬浮窗靠上(A*F+64>A*T)的情况下:
Y=S-T+[T-(A*F+64)]*D/(1-A)
请一并参见图12和图13,用户执行悬浮窗底部上滑操作,手指位置从如图12中的(a)图上滑至图12中的(b)图所示位置的过程中,悬浮窗上边缘未到达预设的最高位置,即未超过预设的最高位置(1301所示的位置),也即悬浮窗靠下,则窗口按照上述情况①的缩小规则缩小,实现窗口随用户手指上滑距离均匀缩小,窗口位置随用户手指移动逐渐上移的效果,如图13中的(b)图和(c)图所示。
用户手指上滑至图12中(c)图所示位置时,悬浮窗的上边缘到达预设的最高位置(图13中的1301所示的位置),从此时开始,窗口位置不再上移。具体的,用户手指位置从图12中的(c)图上滑至图12中的(d)图所示的位置的过程中,按照上述情况②的缩小规则缩小,实现窗口仅随用户手指移动实现缩小和/或左右移动的效果,如图13中的(c)图和(d)图所示。
需要说明的是,图13中为了便于查看,仅示出悬浮窗及迷你窗,而未示出窗口中的界面,不代表实际显示情况。
在一个实施例中,若用户执行悬浮窗底部上滑操作并第二迷你窗触发热区之外的区域离手,且离手速度小于悬浮窗关闭速度阈值,即用户手指未到达第二迷你窗触发热区时离手,则回弹至悬浮窗,即重新显示初始悬浮窗。也就是说,在下述两种情况下回弹至悬浮窗:1、用户手指未到达第二迷你窗热区也未到达第二迷你窗触发热区;2、用户手指到达第二迷你窗触发热区但未到达第二迷你窗触发热区。其中,第1种情况下,屏幕中不显示视觉引导图案,第2种情况下屏幕中显示视觉引导图案。
示例的,图14为本申请实施例提供的一例执行悬浮窗底部上滑操作后回弹至悬浮窗的界面变化示意图。继续以备忘录运行于底部包括bar的悬浮窗为例,如图14中的(a)图所示,当前用户打开备忘录的悬浮窗。若用户执行悬浮窗底部上滑操作,即用户手指按压悬浮窗底部的bar,并向上滑动(本实施例以手指向左上方滑动为例)。用户手指上滑过程中,窗口跟随用户手指逐渐上移并缩小,如图14中的(b)图所示。若用户在手指上滑至图14中的(b)图所示的位置时离手,且离手速度小于悬浮窗关闭速度阈值,即用户在手指未到达第二迷你窗热区1201也未达到第二迷你窗触发热区1203时离手,且离手速度小于悬浮窗关闭速度阈值,则回弹至悬浮窗,如图14中的(c)图所示。
示例的,图15为本申请实施例提供的另一例执行悬浮窗底部上滑操作后回弹至悬浮窗的界面变化示意图。继续以备忘录运行于底部包括bar的悬浮窗为例,如图15中的(a)图所示,当前用户打开备忘录的悬浮窗。用户执行悬浮窗底部上滑操作,即用户手指按压悬浮窗底部的bar,并向上滑动(本实施例以手指向左上方滑动为例)。用户手指上滑过程中,窗口跟随用户手指逐渐上移并缩小,如图15中的(b)图所示。用户手指继续向上滑动,窗口继续缩小,当用户手指进入左侧第二迷你窗热区1201时,屏幕左上角显示视觉引导图案1202,如图15中的(c)图所示。若用户在手指上滑至图15中的(c)图所示的位置时离手,且离手速度小于悬浮窗关闭速度阈值,即用户在手指位于第二迷你窗热区1201但未到达第二迷你窗触发热区1203时离手,且离手速度小于悬浮窗关闭速度阈值,则回弹至悬浮窗,如图15中的(d)图所示。
在一个实施例中,电子设备在检测到悬浮窗底部上滑操作,且用户离手速度超过悬浮窗关闭速度阈值,则确定该悬浮窗底部上滑操作为悬浮窗关闭手势,电子设备关闭悬浮窗。具体的,无论用户手指是否上滑进入第二迷你窗热区1201和第二迷你窗触发热区1203,只要用户离手速度大于或等于悬浮窗关闭速度阈值,均关闭悬浮窗。对于关闭悬浮窗手势,在用户离手之前,窗口缩小、移动以及视觉引导图案的变化方式等均与悬浮窗进入迷你窗过程中的变化方式相同。
示例的,图16为本申请实施例提供的一例执行悬浮窗底部上滑操作后关闭悬浮窗的界面变化示意图。继续以备忘录运行于底部包括bar的悬浮窗为例,如图16中的(a)图所示,当前用户打开备忘录的悬浮窗。用户执行悬浮窗底部上滑操作,即用户手指按压悬浮窗底部的bar,并向上滑动。用户手指上滑过程中,窗口跟随用户手指逐渐上移并缩小,如图16中的(b)图所示。若用户在手指上滑至图16中的(b)图所示的位置时离手,且离手速度大于或等于悬浮窗关闭速度阈值,则关闭悬浮窗,如图16中的(c)图所示。
本实施例中,在用户执行屏幕底部上滑操作并在第二迷你窗触发热区之外的区域离手,通过解析用户的悬浮窗底部上滑操作,根据上滑操作的速度关闭悬浮窗,实现了进入迷你窗与关闭悬浮窗功能触发手势的兼容,既能通过悬浮窗底部上滑操作进入迷你窗,又能通过悬浮窗底部上滑操作触发悬浮窗关闭功能,节约开发成本。
b)悬浮窗顶部bar拖拽进入迷你窗
在一个实施例中,当APP运行于悬浮窗时,用户还可以通过悬浮窗顶部bar拖拽操作进入迷你窗。具体的,可以预先设置第三迷你窗热区和第三迷你窗触发热区,第三迷你窗热区和第三迷你窗触发热区可以为屏幕上半部分中的区域,与第一迷你窗热区及第一迷你窗触发热区类似,第三迷你窗热区的下边缘相较于第三迷你窗触发热区的下边缘更靠近屏幕下边缘。
当电子设备检测到用户的悬浮窗顶部bar拖拽操作时,跟随该拖拽操作移动悬浮窗。当电子设备检测到用户手指进入第三迷你窗热区时,在屏幕的预设位置显示视觉引导图案。电子设备检测到用户继续拖拽,悬浮窗继续移动,视觉引导图案慢速放大。当电子设备检测到用户手指进入第三迷你窗触发热区时,视觉引导图案快速放大,且悬浮窗缩小至迷你窗的预设尺寸。若电子设备检测到用户在第三迷你窗触发热区离手,则将窗口切换为迷你窗,即,在屏幕的预设位置显示迷你窗,迷你窗中运行APP。
可以理解,执行悬浮窗顶部bar拖拽操作的过程中,在用户手指进入第三迷你窗触发热区之前,悬浮窗大小不变仅随手指移动。移动过程中若悬浮窗不能全部显示于屏幕中,则仅显示悬浮窗的部分,显示效果如同悬浮窗的一部分被移出屏幕。具体可参见下述实施例中的图17中的(c)图。
可选的,本实施例中,第三迷你窗热区可以为以30%屏高为长轴半径,以小于50%屏宽的第一预设长度(例如,屏宽的35%)为短轴半径的1/4椭圆形状。在一个具体的实施例中,第一预设长度可以为132dp。第三迷你窗热区的数量可以为2个,2个第三迷你窗热区分别为屏幕中以左上顶点和右上顶点为中心点的1/4椭圆区域。以下实施例中,位于屏幕左半部分的第三迷你窗热区称为左侧第三迷你窗热区,位于屏幕右半部分第三迷你窗热区称为右侧第三迷你窗热区。
可选的,本实施例中,第三迷你窗触发热区可以为以小于50%屏宽的第二预设长度为半径的1/4圆形,且第一预设长度小于或等于第二预设长度(例如第二预设长度也可以为132dp)。第三迷你窗触发热区的数量可以为2个,2个第三迷你窗触发热区分别为屏幕中以左上顶点和右上顶点分别为圆心的1/4圆。以下实施例中,位于屏幕左半部分的第三迷你窗触发热区称为左侧第三迷你窗触发热区,位于屏幕右半部分第三迷你窗热区称为右侧第三迷你窗触发热区。
第三迷你窗触发热区为1/4圆形,第三迷你窗热区为1/4椭圆形,该圆形和该椭圆形的中心点相同,且圆形半径小于或等于椭圆的短轴半径。也就是说,第三迷你窗触发热区的全部与第三迷你窗热区的上半部分重合,即,第三迷你窗热区的下边缘相较于第三迷你窗触发热区的下边缘更靠近屏幕下边缘。这样,用户执行悬浮窗顶部bar拖拽操作的过程中,手指先进入第三迷你窗热区,再进入第三迷你窗触发热区。当然,在一些其他的实施例中,第三迷你窗触发热区也可以不与第三迷你窗热区重合,或者第三迷你窗触发热区仅部分与第三迷你窗热区重合,只要保证第三迷你窗热区至少有部分区域相较于第三迷你窗触发热区更靠近屏幕下边缘,使得用户手指移动过程中先进入第三迷你窗热区,再进入第三迷你窗触发热区即可。
该实现方式中,第三迷你窗热区为椭圆形,且椭圆的短轴半径小于屏宽的50%,使得左右两个第三迷你窗热区之间具有一定的距离,且越往屏幕下方二者距离越大;第三迷你窗触发热区为圆形,且圆形的半径小于屏宽的50%,使得左右两个第三迷你窗触发热区之间具有一定的距离,且越往屏幕下方二者距离越大,这样便于将用户进入迷你窗的操作与用户对悬浮窗的移动操作区分开来,防止两种操作产生冲突,减少对用户操作意图的误解,提高用户体验。
可选的,用户手指进入第三迷你窗触发热区,悬浮窗以顶部bar的中心点为缩放中心点缩小至迷你窗的预设尺寸。
本实施例中,视觉引导图案中的标识内容以及显示的位置可以同上述实施例所述,在此不再赘述。与上述实施例类似,本实施例中,视觉引导图案显示于屏幕的左上角还是显示于右上角,可以根据用户手指所进入的第三迷你窗热区确定,而且,进入迷你窗后迷你窗显示的位置可以与视觉引导图案位于同一区域。在一个具体的实施例中,若用户手指进入左侧第三迷你窗热区,视觉引导图案显示于屏幕的左上角,迷你窗显示于屏幕的左上区域中的预设位置。若用户手指进入右侧第三迷你窗热区,视觉引导图案显示于屏幕的右上角,迷你窗显示于屏幕的右上区域中的预设位置。
可选的,若电子设备检测到用户在第三迷你窗触发热区离手,在将窗口切换为迷你窗的同时,电子设备可以输出提醒信息,具体的可以参见上述实施例,不再赘述。
示例性的,图17为本申请实施例提供的一例通过悬浮窗顶部bar拖拽操作进入迷你窗的界面变化示意图。以备忘录为例,如图17中的(a)图所示,当前用户打开备忘录的悬浮窗。若用户想要将备忘录切换为迷你窗,可以执行悬浮窗顶部bar拖拽操作,即用户按压悬浮窗顶部的bar,并移动,悬浮窗顶部bar跟随用户手指移动,如图17中的(b)图所示。
当用户手指移动进入右侧第三迷你窗热区1701时,屏幕右上角显示视觉引导图案1502,如图17中的(c)图所示。
用户手指继续移动,视觉引导图案1702慢速放大。当用户手指移动进入第二迷你窗触发热区1703时,视觉引导图案1702快速放大,进一步提示和引导用户进入迷你窗,且悬浮窗以顶部bar的中心点为缩放中心点缩小至迷你窗的预设尺寸,如图17中的(d)图所示。
用户在第三迷你窗触发热区1703离手,手机振动,屏幕右上区域的预设位置显示迷你窗,如图17中的(e)图所示。
本实施例提供的窗口显示方法通过悬浮窗顶部bar拖拽操作即可由悬浮窗进入迷你窗,整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,迷你窗的尺寸较小,对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。
可选的,对悬浮窗移动的过程中,悬浮窗上边缘与屏幕上边缘的最小距离为屏幕中信号栏的高度。一般的,电子设备的信号栏的高度为25dp。当悬浮窗上边缘距离等于信号栏高度后,若用户手指仍在上移,则悬浮窗不再向上移动,仅跟随手指水平移动。该实现方式中,悬浮窗上边缘与屏幕上边缘的最小距离设置为屏幕中的信号栏的高度,对于用户在第三迷你窗触发热区之外的区域离手的情况,不会限制悬浮窗的移动位置,能够实现悬浮窗的正常移动,而且能够避免悬浮窗遮挡信号栏中的内容。另一方面,对于悬浮窗顶部bar拖拽操作来说,用户手指移动的距离一般不会很长,因而在保证不遮挡信号栏内容的前提下,即使将悬浮窗移动移动位置的限制高度设置为最大也无需用户长距离滑动,不会滑动导致用户有滑动疲惫感,符合用户使用习惯,提高用户体验。
在一个实施例中,若用户执行悬浮窗顶部bar拖拽操作并在第三迷你窗触发热区之外的区域离手,即用户手指未到达第三迷你窗触发热区时离手,则实现悬浮窗移动,即,将悬浮窗显示于用户离手位置。也就是说,在下述两种情况下实现悬浮窗移动:1、用户手指未到达第二迷你窗热区也未到达第二迷你窗触发热区;2、用户手指到达第二迷你窗触发热区但未到达第二迷你窗触发热区。其中,第1种情况下,屏幕中不显示视觉引导图案,第2种情况下屏幕中显示视觉引导图案。
示例的,图18为本申请实施例提供的一例通过悬浮窗顶部bar拖拽操作实现悬浮窗移动的界面变化示意图。继续以备忘录为例,如图18中的(a)图所示,当前用户打开备忘录的悬浮窗。若用户执行悬浮窗顶部bar拖拽操作,即用户按压悬浮窗顶部的bar,并向右上方移动,悬浮窗跟随用户手移动,如图18中的(b)图所示。若用户在手指移动至图18中的(b)图所示的位置时离手,即手指未到达第三迷你窗热区1701,也未到达第三迷你窗触发热区1703时离手,则在用户离手位置显示悬浮窗,如图18中的(c)图所示。
示例的,图19为本申请实施例提供的另一例通过悬浮窗顶部bar拖拽操作实现悬浮窗移动的界面变化示意图。继续以备忘录为例,如图19中的(a)图所示,当前用户打开备忘录的悬浮窗。若用户按压悬浮窗顶部的bar,并向右上方移动,悬浮窗跟随用户手指移动,如图19中的(b)图所示。用户手指继续向右上方移动,悬浮窗继续跟随用户手指移动,当用户手指进入右侧第三迷你窗热区1701时,屏幕右上角显示视觉引导图案1702,如图19中的(c)图所示。若用户在手指移动至图19中的(c)图所示的位置时离手,即用户在手指到达第三迷你窗热区但未到达第三迷你窗触发热区时离手,则在用户离手位置显示悬浮窗,如图19中的(d)图所示。
本实施例中,在用户执行悬浮窗顶部bar拖拽操作并在第三迷你窗触发热区之外的区域离手时,实现悬浮窗移动,从而实现了进入迷你窗与移动悬浮窗功能触发手势的兼容,既能通过悬浮窗顶部bar拖拽操作进入迷你窗,又能通过悬浮窗顶部bar拖拽操作触发悬浮窗移动功能,无需改变移动悬浮窗的触发手势,节约开发成本,且符合用户使用习惯,提高用户体验。
c)缩小悬浮窗进入迷你窗
在一个实施例中,当APP运行于悬浮窗时,用户还可以通过悬浮窗缩小操作进入迷你窗。具体的,当电子设备检测到用户的悬浮窗缩小操作时,跟随该缩小操作缩小悬浮窗。当悬浮窗缩小至尺寸小于第一预设尺寸时,将悬浮窗切换为迷你窗,即,在屏幕的预设位置显示迷你窗,迷你窗中运行APP。其中,第一预设尺寸小于悬浮窗所支持缩小的最小尺寸且大于迷你窗的预设尺寸。
可选的,悬浮窗尺寸小于第一预设尺寸可以为悬浮窗的窗口宽度小于第一预设宽度,第一预设宽度例如可以为电子设备屏宽的30%。
可选的,悬浮窗缩小过程中可以为等比例缩小。悬浮窗缩小过程中,缩放中心点可以为悬浮窗中拖拽角的对角的顶点。例如,悬浮窗缩小操作的拖拽角为左下角,则缩放中心为悬浮窗的右上角的顶点;悬浮窗缩小操作的拖拽角为右下角,则缩放中心为悬浮窗的左上角的顶点。
可选的,在将窗口切换为迷你窗的同时,电子设备还可以输出提醒信息,例如,可以改变悬浮窗边框颜色,振动提醒,或者声音提醒(如发出“叮”的声响)等。
可选的,通过悬浮窗缩小操作进入迷你窗时,迷你窗最终显示的位置可以与拖拽角位于同一侧。在一个具体的实施例中,若悬浮窗缩小操作的拖拽角为悬浮窗的左上角或左下角,则迷你窗最终显示于屏幕的左上区域的预设位置。若悬浮窗缩小操作的拖拽角为悬浮窗的右上角或右下角,则迷你窗最终显示于屏幕的右上区域的预设位置。
示例性的,图20为本申请实施例提供的一例通过悬浮窗缩小操作进入迷你窗的过程示意图。以备忘录为例,如图20中的(a)图所示,当前用户打开备忘录的悬浮窗,悬浮窗的边框为蓝色(图中示为实线)。若用户想要将悬浮窗切换为迷你窗,可以拖拽悬浮窗的左下角并向悬浮窗内侧(左上方向)拖拽,悬浮窗以悬浮窗右上角的顶点为缩放中心点跟随用户拖拽逐渐缩小,如图20中的(b)图所示。
当用户手指拖拽悬浮窗的移动至某一位置,悬浮窗的窗口宽度缩小至全屏窗口的30%时,悬浮窗边框颜色变为橙色(图中示为点划线),如图20中的(c)图所示。
若用户在图20中的(c)图所示的位置离手,手机振动,屏幕右上区域的预设位置显示迷你窗,如图20中的(d)图所示。
本实施例提供的窗口显示方法通过悬浮窗缩小操作即可由悬浮窗进入迷你窗,整个过程只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。而且,迷你窗的尺寸较小,对底层界面遮挡较少,便于用户进行其他操作,进一步提高用户使用便捷性,进而提高用户体验。
在一个实施例中,还可以预设第二预设尺寸,第二预设尺寸大于第一预设尺寸且小于悬浮窗的默认尺寸。可选的,第二预设尺寸可以为悬浮窗支持缩小的最小尺寸。第二预设尺寸可以为第二预设宽度,第二预设宽度例如可以为屏宽的35%。
可选的,在执行悬浮窗缩小操作的过程中,若悬浮窗的尺寸大于或等于第二预设尺寸时用户离手,则将缩小后的悬浮窗显示于离手位置,窗口边框颜色不变。也就是说,若执行悬浮窗缩小操作但悬浮窗未缩小至第二预设尺寸时就离手,则实现悬浮窗缩小,窗口缩小的尺寸为用户执行悬浮窗缩小操作离手位置对应的窗口尺寸。
示例的,图21为本申请实施例提供的一例通过悬浮窗缩小操作实现悬浮窗缩小的界面变化示意图。继续以备忘录为例,如图21中的(a)图所示,当前用户打开备忘录的悬浮窗,悬浮窗的边框为蓝色(图中示为实线)。若用户向悬浮窗内侧拖拽悬浮窗的左下角,悬浮窗跟随用户拖拽以悬浮窗右上角的顶点为缩放中心点逐渐缩小,如图21中的(b)图所示。若图21中的(b)图所示的悬浮窗尺寸大于第二尺寸(屏宽的35%),用户在图21中的(b)图所示的位置离手,则窗口边框颜色不变,且在用户离手位置显示缩小后的悬浮窗,实现悬浮窗缩小,如图21中的(c)图所示。
可选的,在执行悬浮窗缩小操作的过程中,若悬浮窗的尺寸小于第二预设尺寸且大于第一预设尺寸时用户离手,则窗口边框颜色不变,将窗口回弹至第二预设尺寸。即悬浮显示第二预设尺寸的窗口,窗口显示的位置为窗口缩小过程中尺寸为第二预设尺寸时窗口所在的位置,也即保持窗口中缩放中心点位置不变,窗口尺寸为第二预设尺寸。也就是说,若用户执行悬浮窗缩小操作,将悬浮窗缩小至小于悬浮窗能够支持缩小的最小尺寸,但是大于进入迷你窗所要求的尺寸,则将悬浮窗按照能够支持缩小的最小尺寸显示于屏幕。这样,对于用户需要将悬浮窗缩小至最小但是不需要进入迷你窗的场景,便于用户操作,相当于放宽了用户缩小悬浮窗至最小尺寸的条件,加宽了将悬浮窗缩小至最小和进入迷你窗两种操作之间的界限,防止用户误操作进入迷你窗,提高用户体验。
示例性的,图22为本申请实施例提供的另一例通过悬浮窗缩小操作实现悬浮窗缩小的界面变化示意图。继续以备忘录为例,如图22中的(a)图所示,当前用户打开运行于悬浮窗的备忘录,悬浮窗的边框为蓝色(图中示为实线)。若用户向悬浮窗内侧拖拽悬浮窗的左下角,悬浮窗跟随用户拖拽以右上角的顶点为缩放中心点等比例缩小,如图22中的(b)图所示。用户继续拖拽悬浮窗的左下角,悬浮窗继续缩小。若窗口缩小至窗宽小于屏宽的35%但大于全屏窗口的30%,如图22中的(c)图所示,此时用户离手,则窗口边框颜色不变,窗口宽度回弹至屏宽的35%,从而实现将悬浮窗缩小至其支持的最小尺寸,如图22中的(d)图所示。
本实施例中,在用户执行悬浮窗缩小操作并在窗口未缩小至第一预设尺寸时离手,实现悬浮窗缩小,因而实现了进入迷你窗与缩小悬浮窗触发手势的兼容,既能通过悬浮窗缩小操作进入迷你窗,又能通过悬浮窗缩小操作触发悬浮窗缩小,因而无需改变原本悬浮窗缩小的触发手势,节约开发成本,且符合用户使用习惯,提高用户体验。
3)迷你窗与其他悬浮类窗口的合并
上述实施中以悬浮类窗口合并上限数量为1,且用户执行进入迷你窗的操作时界面不存在悬浮类窗口的电子设备为例对本申请实施例提供的方法进行了说明。对于悬浮类窗口合并上限数量为1,且用户执行进入迷你窗的操作时界面中已存在一个悬浮类窗口(以下称为已有悬浮类窗口)的情况,电子设备可以将该悬浮类窗口切换为悬浮球,悬浮球显示于屏幕的某一预设位置,并将悬浮类窗口中运行的APP放入后台运行,再按照上述实施例所述的方法进入迷你窗。
悬浮球可以理解为悬浮类窗口最小化后生成的、悬浮显示于屏幕的按钮或快捷控件,用于快速进入APP。悬浮类窗口切换为悬浮球后,原先运行于悬浮类窗口中的APP可以切换于后台运行。可选的,用户点击悬浮球,悬浮球切换为悬浮窗。
可选的,悬浮球的形状可以为U形。U形的悬浮球的开口侧与屏幕边缘重合显示于屏幕的左侧或右侧。可选的,U形的悬浮球可以直接显示于屏幕,也可以由其他形状的悬浮球动态变换为U形的悬浮球,例如可以先显示圆形的悬浮球,再由圆形的悬浮球动态转换为U形的悬浮球。悬浮球中可以包括迷你窗中运行的APP的图标,以便于用户知晓悬浮球的是哪一个APP所在的窗口最小化后生成的悬浮球。
具体的,对于悬浮窗和迷你窗的合并上限数量为1的电子设备,若在APP全屏显示的情况下检测到上述实施例所述的屏幕底部上滑操作,则电子设备确定当前界面中是否存悬浮类窗口,即确定当前界面中是否显示有迷你窗或悬浮窗。如果存在,则电子设备将已有悬浮类窗口切换为悬浮球,将悬浮类窗口中运行的APP放入后台运行。之后,若电子设备检测到用户在迷你窗触发热区离手,则按照上述实施例所述,将全屏窗口切换为迷你窗,并保持屏幕中的悬浮球不变;若悬浮球与迷你窗存在重叠,则将迷你窗显示于悬浮球的上层。若用户在迷你窗触发热区之外的区域离手,则电子设备按照上述实施例所述的方法,进入多任务、返回桌面或返回应用后,再将悬浮球切换为已有悬浮类窗口重新显示于原来的位置。
示例的,图23为本申请实施例提供的另一例全屏窗口进入迷你窗的过程的界面变化示意图。如图23中的(a)图所示,当前用户正在通过全屏窗口的观看直播,界面中存在悬浮窗,悬浮窗中运行有备忘录。若用户执行屏幕底部上滑操作,电子设备检测到该操作,并确定当前界面中存在悬浮窗,则电子设备将悬浮窗切换为悬浮球,将备忘录放入后台运行,如图23中的(b)图所示,其中,悬浮球如图23中的2301所示。用户手指继续上滑,上滑过程中,抖音的窗口逐渐缩小;当用户手指进入右侧第一迷你窗热区时,屏幕右上角显示视觉引导图案;当用户手指继续上滑,抖音的窗口继续缩小,视觉引导图案慢速放大。当用户手指上滑进入第一迷你窗触发热区时,视觉引导图案快速放大。上述过程参见如图7实施例所述,不再赘述。当用户在第一迷你窗触发热区离手,手机振动,屏幕右上区域的预设位置显示迷你窗,底层蒙版效果消失,显示桌面,如图23中的(c)图所示。
对于悬浮类窗口合并上限数量大于或等于2的电子设备,在按照上述实施例的方式进入迷你窗时,如果当前界面存在已有悬浮类窗口,且已有悬浮窗的数量小于悬浮类窗口合并上限数量,则首先隐藏已有悬浮类窗口,将已有悬浮窗中运行的APP放在后台运行,即将已有悬浮类窗口退场隐藏。之后若用户离手时满足进入迷你窗的条件(如在手指进入第一迷你窗触发热区、第二迷你窗触发热区、第三迷你窗热区时离手,或在悬浮窗缩小至小于30%屏宽时离手),则按照上述实施例的方式进入迷你窗(以下称为新进迷你窗),并再将已有悬浮类窗口重新显示于屏幕。若用户离手时不满足进入迷你窗的条件,则电子设备按照上述实施例所述的方法,进入多任务或返回桌面,或返回应用,或缩小窗口,或移动窗口等之后,再将已有悬浮类窗口重新显示于原来的位置。
对于悬浮类窗口合并上限数量大于或等于2的电子设备,在按照上述实施例的方式进入迷你窗时,如果当前界面存在已有悬浮类窗口,且已有悬浮窗的数量等于悬浮类窗口合并上限数量,且则首先将已有悬浮窗中的一个(例如可以为已有悬浮窗中最早打开的一个)切换为悬浮球,之后的处理过程与上述已有悬浮窗的数量小于悬浮类窗口合并上限数量情况下的处理过程相同,不再赘述。
可选的,根据已有悬浮类窗口的类型及原来的显示位置的不同,对已有悬浮类窗口重新显示的方式可以不同。若已有悬浮类窗口为迷你窗(以下称为已有迷你窗),且新进迷你窗与已有迷你窗原来的显示位置相同,则将已有迷你窗显示于多个迷你窗预设位置中的其他预设位置;若已有悬浮类窗口为迷你窗,且新进迷你窗与已有迷你窗原来显示的位置不相同,则将已有迷你窗显示于原来的显示位置,这种情况下,若悬浮窗与新进迷你窗有重叠,则将新进迷你窗显示于界面的最上层。
具体的,以悬浮类窗口合并上限数量为2的电子设备为例进行说明:
1)当前界面存在1个已有悬浮窗
若在APP全屏显示的情况下检测上述屏幕底部上滑操作,或者APP显示于悬浮窗的情况下检测到上述悬浮窗底部上滑操作、悬浮窗顶部bar拖拽操作或者悬浮窗缩小操作中的任一种操作,则电子设备确定当前界面是否存在已有悬浮类窗口,如果存在一个已有悬浮类窗口,则隐藏显示已有悬浮类窗口,将已有悬浮类窗口中运行的APP放入后台运行。之后,若用户离手时满足进入迷你窗的条件,则电子设备按照上述实施例所述的方法进入迷你窗。然后,电子设备根据已有悬浮类窗口的类型及原来的显示位置,按照上述方法重新显示已有悬浮类窗口。若用户离手时不满足进入迷你窗的条件,将已有悬浮窗类窗口显示于原来的显示位置。
可选的,已有悬浮窗可以通过侧边逐渐滑出的动态效果实现退场隐藏,例如,已有一个迷你窗显示于屏幕右上区域的预设位置,则可以通过右侧逐渐滑出的动态效果实现对该迷你窗的退出隐藏。动态效果能够增强电子设备与用户的人机交互性能,提高用户体验。
可选的,可以通过逐渐滑入的动态效果重新显示已有悬浮类窗口,例如,将已有迷你窗重新显示于屏幕左上区域时,可以通过左侧滑入的动态效果实现。动态效果能够增强电子设备与用户的人机交互性能,提高用户体验。
示例性的,图24为本申请实施例提供的一例两个迷你窗共同显示于屏幕的过程示意图。以电子设备的悬浮类窗口合并上限数量为2,电子设备为平板电脑为例,如图24中的(a)图所示,当前用户正在通过全屏窗口的观看直播,界面中存在运行有备忘录的迷你窗。若用户执行屏幕底部上滑操作,电子设备检测到该操作,并确定当前界面中存在迷你窗,则电子设备将运行有备忘录的迷你窗通过右侧逐渐滑出的方式隐藏,将备忘录放入后台运行。同时,用户手指上滑的过程中,运行有/>的窗口跟随手指逐渐上移并缩小,并呈现蒙版效果,如图24中的(b)图所示。用户手指继续上滑,当用户手指进入右侧第一迷你窗热区时,屏幕右上角显示视觉引导图案。用户手指继续上滑,抖音的窗口继续缩小,视觉引导图案慢速放大。当用户手指上滑进入第一迷你窗触发热区时,视觉引导图案快速放大。上述过程参见如图7实施例所述,不再赘述。当用户在第一迷你窗触发热区离手,手机振动,屏幕右上区域的预设位置显示运行有/>的迷你窗,同时,电子设备将运行有备忘录的迷你窗通过左侧逐渐滑入的方式显示于屏幕的左上区域的预设位置,底层蒙版效果消失,显示桌面,如图24中的(c)图所示。
2)当前界面存在2个已有悬浮窗
若在APP全屏显示的情况下检测上述屏幕底部上滑操作,或者APP显示于悬浮窗的情况下检测到上述悬浮窗底部上滑操作、悬浮窗顶部bar拖拽操作或者悬浮窗缩小操作中的任一种操作,则电子设备确定当前界面是否存在已有悬浮类窗口,如果存在2个已有悬浮类窗口,则首先将最早打开的1个已有悬浮类窗口切换为悬浮球,将悬浮球显示于预设位置,将该已有悬浮类窗口中运行的APP放入后台运行。之后,隐藏显示另一个已有悬浮类窗口,将另一个已有悬浮类窗口中运行的APP放入后台运行。然后,电子设备继续监测用户手指移动情况,若用户离手时满足进入迷你窗的条件,则电子设备按照上述实施例所述的方法进入迷你窗。电子设备根据已有悬浮类窗口的类型及原来的显示位置,按照上述方法重新显示另一个已有悬浮类窗口。若用户离手时不满足进入迷你窗的条件,则将悬浮球切换回已有悬浮类窗口,并显示于原来的位置,将另一个已有悬浮类窗口重新显示于原来的显示位置,即,恢复显示2个已有悬浮窗。
示例性的,图25为本申请实施例提供的另一例两个迷你窗共同显示于屏幕的过程示意图。以电子设备的悬浮类窗口合并上限数量为2,电子设备为平板电脑为例,如图25中的(a)图所示,当前用户正在通过全屏窗口的观看直播,界面中存在运行有备忘录的迷你窗和运行有电子邮件的悬浮窗,且运行有电子邮件的悬浮窗比运行有备忘录的迷你窗更早打开。若用户执行屏幕底部上滑操作,电子设备检测到该操作,并确定当前界面中存在一个迷你窗和一个悬浮窗,则电子设备首先将电子邮件的悬浮窗切换为悬浮球,将电子邮件放在后台运行,并将运行有备忘录的迷你窗通过右侧逐渐滑出的方式隐藏,将备忘录放入后台运行,用户手指上滑的过程中,运行有/>的窗口跟随手指逐渐上移并缩小,并呈现蒙版效果,如图25中的(b)图所示,其中,悬浮球如图中2501所示。用户手指继续上滑,当用户手指进入右侧第一迷你窗热区时,屏幕右上角显示视觉引导图案。用户手指继续上滑,抖音的窗口继续缩小,视觉引导图案慢速放大。当用户手指上滑进入第一迷你窗触发热区时,视觉引导图案快速放大。上述过程参见如图7实施例所述,不再赘述。当用户在第一迷你窗触发热区离手,手机振动,屏幕右上区域的预设位置显示运行有/>的迷你窗,并将运行有备忘录的迷你窗通过左侧逐渐滑入的方式显示于屏幕的左上区域的预设位置,底层蒙版效果消失,显示桌面,如图25中的(c)图所示。
可选的,无论是悬浮类窗口合并上限数量为几个的电子设备,在按照上述实施例的方式迷你窗时,如果当前界面存在悬浮球,悬浮球不影响迷你窗的进入,保持悬浮球的持续显示。但是,进入迷你窗后,若悬浮球与迷你窗存在重叠,则保持迷你窗显示于界面的最上层。
本实施例提供的窗口显示方法在界面中已经存在悬浮类窗口的情况下,用户只需一步操作即可实现多个悬浮类窗口的共同显示,且能够自动调整悬浮类窗口的显示状态和位置,简单方便,提高了用户使用便捷性,进而提高用户体验。
4)迷你窗与悬浮球的切换
在一个实施例中,迷你窗显示于预设位置时,可以通过执行与迷你窗水平方向上所在的方位一致的迷你窗甩动操作进入悬浮球。水平方向上的方位包括左侧和右侧。具体的,迷你窗甩动操作可以包括迷你窗左侧甩动操作和迷你窗右侧甩动操作,当迷你窗甩动操作的方向与迷你窗当前水平方向上所在的方位一致,则将迷你窗切换为悬浮球。
例如,如果迷你窗当前位于屏幕的右上区域或右下区域,即迷你窗当前在水平方向上所在的方位为右侧,那么,若用户执行迷你窗右侧甩动操作,则将迷你窗切换为悬浮球;若用户执行迷你窗左侧甩动操作,则不将迷你窗切换为悬浮球。相应的,如果迷你窗当前位于屏幕的左上区域或左下区域,即迷你窗当前在水平方向上所在的方位为左侧,那么,若用户执行迷你窗左侧甩动操作,则将迷你窗切换为悬浮球;若用户执行迷你窗右侧甩动操作,则不将迷你窗切换为悬浮球。具体的,若电子设备检测到用户按压迷你窗的任意位置并滑动,滑动的方向与迷你窗当前水平方向上所在的方位一致,且用户离手速度超过甩动速度阈值,则电子设备将迷你窗切换为悬浮球。
可选的,悬浮球显示的位置可以根据用户的迷你窗甩动操作的甩动轨迹确定。在一个具体的实施例中,悬浮球的落点位置为迷你窗中心点沿甩动轨迹延伸至与屏幕边缘的交点,且悬浮球在屏幕中的位置与甩动方向(向左或向右)一致。其中,落点位置是指悬浮球的U形开口侧的边缘与悬浮球横中线的交点。具体的,若迷你窗甩动操作的方向为向右,则悬浮球显示于屏幕右侧;若迷你窗甩动操作的方向为向左,则悬浮球显示于屏幕左侧。
可选的,用户在预设时长内未操作悬浮球,可以对悬浮球进行隐藏显示。预设时长例如可以为5s。隐藏显示是指将U形悬浮球的圆形部分的靠近屏幕内侧的一半显示于屏幕边缘,且降低悬浮球的不透明度。这样能够减小悬浮球对用户其他操作造成的影响,提高用户体验。
可选的,当用户点击隐藏显示的悬浮球时,隐藏显示的悬浮球首先恢复为正常显示的悬浮球(即U形的悬浮球),之后进入悬浮窗。整个过程可以平滑过渡,呈动效显示效果,提高电子设备与用户的交互效果。
可选的,运行有某一APP的迷你窗切换为悬浮球后,若用户点击该APP的桌面图标,悬浮球展开为全屏。
示例的,图26为本申请实施例提供的一例迷你窗与悬浮球的切换过程的界面变化示意图。继续以备忘录为例,如图26中的(a)图所示,当前备忘录运行于迷你窗,迷你窗显示于屏幕右上区域的预设位置。若用户执行迷你窗右侧甩动操作,甩动轨迹如图26中的(a)图中的2601所示,则迷你窗切换为悬浮球,悬浮球的落点位置2602(悬浮球的U形开口侧的边缘2605与悬浮球的横中线2604的交点)为甩动轨迹2601与屏幕的右侧边缘的交点2603,即点2602与点2603重合,如图26中的(b)图所示。若用户5s对悬浮球无操作,悬浮球隐藏显示,如图26中的(c)图所示。之后用户点击隐藏显示的悬浮球,隐藏显示的悬浮球先恢复为正常显示的悬浮球,如图26中的(d)图所示,再进入悬浮窗,如图26中的(e)图所示。
本实施例提供的窗口显示方法能够将迷你窗切换为悬浮球,方便用户进一步将迷你窗缩小,减小对用户其他操作的影响,提高用户体验。另外,可以理解,当用户操作悬浮球时一般是需要对APP的界面进行查看或操作,本申请实施例提供的方法在用户点击悬浮球的情况下,默认展开悬浮窗,便于用户查看和操作界面,符合常规使用场景,提高了用户使用便捷性,进而提高用户体验。
5)迷你窗与悬浮窗的切换
在一个实施例中,迷你窗显示于预设位置时,可以通过单击迷你窗任意位置将迷你窗切换为悬浮窗。具体的,当电子设备检测到用户单击迷你窗的任意位置,则将迷你窗展开为悬浮窗。
可选的,若运行于迷你窗的APP在本次运行过程中,在进入迷你窗之前未运行于悬浮窗,则迷你窗展开为悬浮窗后悬浮窗可以显示于默认显示位置,例如,显示于屏幕的中间位置,使得悬浮窗的中心点与屏幕中心点重合。
可选的,若运行于迷你窗的APP在本次运行过程中,在进入迷你窗之前曾运行于悬浮窗,则迷你窗展开为悬浮窗后悬浮窗可以显示于上一次的显示位置,即恢复原悬浮窗。例如,APP本次运行过程中,先运行于悬浮窗,之后对悬浮窗拖拽,移动了悬浮窗的位置,之后,执行悬浮窗底部上滑操作进入迷你窗,则单击迷你窗进入悬浮窗时,悬浮窗可以显示于上次移动后的位置。
示例的,图27为本申请实施例提供的一例迷你窗与悬浮窗的切换过程的界面变化示意图。继续以备忘录为例,如图27中的(a)图所示,当前备忘录运行于迷你窗,迷你窗显示于屏幕右上区域的预设位置。若备忘录在本次运行过程中,未运行于悬浮窗,则用户单击迷你窗,迷你窗展开为悬浮窗,悬浮窗显示于默认位置,如图27中的(b)图所示。
示例的,图28为本申请实施例提供的另一例迷你窗与悬浮窗的切换过程的界面变化示意图。继续以备忘录为例,如图28中的(a)图所示,用户打开备忘录悬浮窗。之后,用户通过悬浮窗顶部bar拖拽操作,移动了悬浮窗的位置,将悬浮窗显示于屏幕右上区域,如图28中的(b)图所示。然后,用户通过悬浮窗底部上滑操作进入迷你窗,如图28中的(c)图所示。这种情况下,若用户单击迷你窗的任意位置,迷你窗展开为悬浮窗,悬浮窗显示于上一次显示的位置,如图28中的(d)图所示。由图可见,图28中的(d)图中,迷你窗展开为悬浮窗后悬浮窗显示的位置与图28中的(b)图的位置相同。
本实施例提供的窗口显示方法能够将迷你窗切换为悬浮窗,方便用户由迷你窗进入悬浮窗,便于用户操作界面中的控件,且通过单击操作即可将迷你窗切换为悬浮窗,操作简单便捷,提高用户体验。而且,在APP曾运行于悬浮窗的情况下,迷你窗展开为悬浮窗后悬浮窗可以显示于上次的显示位置,能够记忆用户操作结果,符合用户使用习惯,进一步提高用户体验。
6)迷你窗与全屏窗口中APP的互换
在一个施例中,当界面中显示有一个迷你窗和一个全屏窗口,迷你窗中运行有第一APP,全屏窗口中运行有第二APP,若用户双击迷你窗中任意位置,则迷你窗和全屏窗口中运行的APP互换,即第一APP运行于全屏窗口,第二APP运行于迷你窗。
示例性的,图29为本申请实施例提供的一例迷你窗与全屏窗口中APP的互换的界面变化示意图。如图29中的(a)图所示,当前界面中显示有迷你窗和全屏窗口,迷你窗中运行有备忘录,全屏窗口运行有当用户双击迷你窗的任意位置,电子设备将/> 运行于迷你窗中,将备忘录运行于全屏窗口中,实现迷你窗和全屏窗口中APP的互换,如图29中的(b)图所示。
本实施例提供窗口显示方法,用户通过双击操作即可实现迷你窗与全屏窗口中APP的互换,简单方便,可以应用于多种应用场景,适用性强。
7)迷你窗的移动和退出
如上述实施例所述,迷你窗可以显示于屏幕的左上区域、右上区域、左下区域或右下区域的预设位置。如图5所示,屏幕的横中线501和竖中线502将屏幕分割四个区域:左上区域、右上区域、左下区域和右上区域,迷你窗可以显示于左上区域、右上区域、左下区域或右下区域中的预设位置。
在一个施例中,某一迷你窗显示于某一预设位置后,用户还可以通过慢速拖拽迷你窗操作或快速滑动迷你窗操作,将迷你窗移动至其他的预设位置。
具体的,在一种可能的实现方式中,若电子设备检测到用户拖拽迷你窗,用户离手速度未超过拖拽速度阈值,且用户离手位置位于当前迷你窗所在区域之外的其他三个区域中的某一区域,则将迷你窗显示于离手区域中的预设位置。拖拽过程中,迷你窗跟随手指移动。若用户离手速度小于拖拽速度阈值,且用户离手位置位于当前迷你窗所在区域,则将迷你窗回弹至原来的位置。
示例性的,图30为本申请实施例提供的一例移动迷你窗过程中的界面变化示意图。如图30中的(a)图所示,迷你窗位于右上区域中的位置,当用户向左拖拽迷你窗,且手指在未超过横中线501且但超过竖中线502时离开屏幕,即用户离手位置位于左上区域,且离手速度小于拖拽速度阈值,电子设备将迷你窗显示于左上区域中的位置,如图30中的(b)图所示。类似的,用户还可以向下拖拽,或向左下方拖拽,将迷你窗移动至左下区域中的或右下区域中的位置,不再赘述。
示例性的,图31为本申请实施例提供的另一例移动迷你窗过程中的界面变化示意图。如图31中的(a)图所示,迷你窗位于右上区域中的位置,当用户向左拖拽迷你窗,并用户手指在未超过竖中线502且未超过横中线501时离开屏幕,即用户离手位置位于右上区域,且离手速度小于拖拽速度阈值,电子设备将迷你窗回弹至原来的位置,即右上区域中的预设位置,如图31中的(b)图所示。
在另一种可能的实现方式中,若电子设备检测到用户拖拽迷你窗,且用户离手速度超过快滑速度阈值,则电子设备确定用户正在执行快速滑动迷你窗操作,将迷你窗显示于用户手指滑动轨迹对应的区域中的预设位置。其中,滑动轨迹对应的区域是指:将用户滑动操作的起点和终点连接为直线,并将该直线向终点所在一侧延伸,延伸后的直线与屏幕边缘的交点所在的区域即为滑动轨迹对应的区域。
示例性的,图32为本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图。如图32中的(a)图所示,迷你窗位于右上区域中的位置,若用户向左下方拖拽迷你窗一定距离后离手,离手时滑动速度大于或等于快滑速度阈值,手指滑动轨迹如图32中的(a)图中的3201所示,则电子设备将迷你窗显示于用户手指滑动轨迹对应的区域的预设位置,即显示于左下区域中的位置,如图32中的(b)图所示。
在又一种可能的实施例中,若电子设备检测到用户拖拽迷你窗,用户离手速度小于快滑速度阈值且大于或等于拖拽速度阈值,并且用户手指滑动距离超过第一预设距离,则电子设备将迷你窗显示于用户手指滑动轨迹对应的区域中的预设位置。其中,手指滑动距离可以为直线距离,即,手指滑动的起点与终点的连线的长度。第一预设距离例如可以为100dp。若用户离手时的滑动速度小于快滑速度阈值且大于或等于拖拽速度阈值,并且用户手指滑动距离未超过第一预设距离,则电子设备将迷你窗回弹至原来的位置。
示例性的,图33为本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图。如图33中的(a)图所示,迷你窗位于右上区域中的位置,若用户向下拖拽迷你窗一定距离后离手,离手时滑动速度小于快滑速度阈值但大于或等于拖拽速度阈值,手指滑动轨迹如图33中的(a)图中的3301所示,手指滑动距离m1超过第一预设距离,则电子设备将迷你窗显示于用户手指滑动轨迹对应的区域的预设位置,即显示于右下区域中的位置,如图33中的(b)图所示。
示例性的,图34为本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图。如图34中的(a)图所示,迷你窗位于右上区域中的位置,若用户向下拖拽迷你窗一定距离后离手,离手时滑动速度小于快滑速度阈值但大于或等于拖拽速度阈值,手指滑动轨迹如图34中的(a)图中的3401所示,手指滑动距离m2小于第一预设距离,则电子设备将迷你窗回弹至拖拽前的预设位置,即右上区域中的位置,如图34中的(b)图所示。
在一个实施例中,对于悬浮类窗口合并数量为两个或两个以上的电子设备,按照上述方式移动迷你窗时,若移动后迷你窗显示的位置已经存在迷你窗,则将两个迷你窗的位置互换。
示例性的,图35为本申请实施例提供的又一例移动迷你窗过程中的界面变化示意图。如图35中的(a)图所示,平板电脑的左上区域的预设位置显示有备忘录的迷你窗,右上区域显示有的迷你窗。当用户向左拖拽右上区域中/>的迷你窗,并在左上区域中某一位置离手,离手速度小于拖拽速度阈值。则电子设备将两个迷你窗位置互换,即将原来显示于左上区域的备忘录的迷你窗显示于右上区域,将原来显示于右上区域的/>的迷你窗显示于左上区域,如图35中的(b)图所示。
需要说明的是,图35仅以慢速拖拽方式为例进行说明,在迷你窗位置切换时,上述实施例提供的其他移动方式也同样适用,不再赘述。
在一个实施例中,用户可以通过上滑迷你窗或下滑迷你窗退出迷你窗。退出迷你窗即关闭迷你窗并关闭迷你窗中运行的APP。
具体的,对于显示于屏幕上半部分(即屏幕横中线以上的部分)的迷你窗,即位于左上区域或右上区域的迷你窗,若电子设备检测到用户按压迷你窗并向上滑动超过第二预设距离,且离手速度大于退出速度阈值,则退出该迷你窗;若用户按压迷你窗并向上滑动,但是滑动距离未超过第二预设距离,或者离手速度小于或等于退出速度阈值,则迷你窗重新弹回原来的位置。其中,第二预设距离可以与第一距离相等,也可以不相等。退出速度阈值可以与拖拽速度阈值相等,也可以不相等。
对于显示于屏幕下半部分(即屏幕横中线以下的部分)的迷你窗,即位于左下区域或右下区域的迷你窗,若电子设备检测到用户按压迷你窗并向下滑动超过第二预设距离,且离手速度大于退出速度阈值,则退出该迷你窗;若用户按压迷你窗并向下滑动,但是滑动距离未超过第二预设距离,或者离手速度小于或等于退出速度阈值,则迷你窗重新弹回原来的位置。
示例性的,图36为本申请实施例提供的一例退出迷你窗过程中的界面变化示意图。如图36中的(a)图所示,迷你窗位于右上区域中的位置,当用户向上滑动迷你窗,且滑动距离m3超过第二预设距离,离手速度大于退出速度阈值,电子设备退出该迷你窗,如图36中的(b)图所示。
示例性的,图37为本申请实施例提供的另一例退出迷你窗过程中的界面变化示意图。如图37中的(a)图所示,迷你窗位于左下区域中的位置,当用户向下滑动迷你窗,且滑动距离m4超过第二预设距离,离手速度大于退出速度阈值,电子设备退出该迷你窗,如图37中的(b)图所示。
本实施例提供的窗口显示方法通过拖拽或滑动的方式即可实现迷你窗的移动、关闭或位置互换等,整个过程用户只需一步操作,简单方便,提高了用户使用便捷性,进而提高用户体验。
上文详细介绍了本申请实施例提供的窗口显示方法的示例。可以理解的是,电子设备为了实现上述功能,其包含了执行各个功能相应的硬件和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。本领域技术人员可以结合实施例对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
本申请实施例可以根据上述方法示例对电子设备进行功能模块的划分,例如,可以对应各个功能划分为各个功能模块,例如检测单元、处理单元、显示单元等,也可以将两个或两个以上的功能集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本申请实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
需要说明的是,上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应功能模块的功能描述,在此不再赘述。
本实施例提供的电子设备,用于执行上述窗口显示方法,因此可以达到与上述实现方法相同的效果。
在采用集成的单元的情况下,电子设备还可以包括处理模块、存储模块和通信模块。其中,处理模块可以用于对电子设备的动作进行控制管理。存储模块可以用于支持电子设备执行存储程序代码和数据等。通信模块,可以用于支持电子设备与其他设备的通信。
其中,处理模块可以是处理器或控制器。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,数字信号处理(digital signal processing,DSP)和微处理器的组合等等。存储模块可以是存储器。通信模块具体可以为射频电路、蓝牙芯片、Wi-Fi芯片等与其他电子设备交互的设备。
在一个实施例中,当处理模块为处理器,存储模块为存储器时,本实施例所涉及的电子设备可以为具有图3所示结构的设备。
本申请实施例还提供了一种计算机可读存储介质,计算机可读存储介质中存储了计算机程序,当计算机程序被处理器执行时,使得处理器执行上述任一实施例的窗口显示方法。
本申请实施例还提供了一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得计算机执行上述相关步骤,以实现上述实施例中的窗口显示方法。
另外,本申请的实施例还提供一种装置,这个装置具体可以是芯片,组件或模块,该装置可包括相连的处理器和存储器;其中,存储器用于存储计算机执行指令,当装置运行时,处理器可执行存储器存储的计算机执行指令,以使芯片执行上述各方法实施例中的窗口显示方法。
其中,本实施例提供的电子设备、计算机可读存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法,因此,其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果,此处不再赘述。
通过以上实施方式的描述,所属领域的技术人员可以了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上内容,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。

Claims (44)

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.根据权利要求16所述的方法,其特征在于,所述屏幕被划分为多个区域,所述多个区域的划分界线包括第一线,所述第二窗口位于所述第一线的第一方向,所述根据所述操作参数退出所述第二窗口,包括:
若所述第四操作的抬起速度大于或等于第三速度阈值,所述第四操作的滑动距离大于或等于第三距离,且所述第四操作抬起时的滑动方向为所述第一方向,则退出所述第二窗口。
23.根据权利要求22所述的方法,其特征在于,所述第一线为所述屏幕的横中线,所述第一方向为上方或下方。
24.根据权利要求16所述的方法,其特征在于,所述根据所述操作参数将所述第二窗口切换为悬浮球,包括:
若所述第四操作抬起时的滑动方向为第二方向,且所述第四操作的抬起速度大于第四速度阈值,则根据所述第四操作抬起时的滑动方向确定悬浮球显示位置,并将所述第二窗口切换为所述悬浮球,将所述悬浮球显示于所述悬浮球显示位置。
25.根据权利要求1至24中任一项所述的方法,其特征在于,所述将所述第二窗口切换为第三窗口之后,所述方法还包括:
响应作用于所述第三窗口底部的第七区域或作用于所述第三窗口底部的第一控件并向上滑动的第五操作,所述第三窗口随着所述第五操作移动并缩小;
响应于所述第五操作抬起于所述屏幕中的第六区域,且所述第五操作的抬起速度小于或等于第五速度阈值,将所述第三窗口切换为所述第二窗口,悬浮显示所述第二窗口,所述第二窗口中显示所述第一应用的界面。
26.根据权利要求1至24中任一项所述的方法,其特征在于,所述将所述第二窗口切换为第三窗口之后,所述方法还包括:
响应作用于所述第三窗口顶部的第二控件并移动的第六操作,所述第三窗口随着所述第六操作移动;
响应于所述第六操作抬起于所述屏幕中的第七区域,将所述第三窗口切换为所述第二窗口,悬浮显示所述第二窗口,所述第二窗口中显示所述第一应用的界面。
27.根据权利要求1至24中任一项所述的方法,其特征在于,所述将所述第二窗口切换为第三窗口之后,所述方法还包括:
响应作用于所述第三窗口任意一个角并向所述第三窗口所在方向拉伸的第七操作,所述第三窗口随着所述第七操作缩小;
响应于所述第七操作抬起,且所述第三窗口缩小至小于或等于第四尺寸,将所述第三窗口切换为所述第二窗口,悬浮显示所述第二窗口,所述第二窗口中显示所述第一应用的界面,所述第四尺寸小于所述第三尺寸。
28.一种窗口显示方法,所述方法由电子设备执行,其特征在于,所述方法包括:
所述电子设备的屏幕显示第一窗口,所述第一窗口中显示第一应用的界面,所述第一窗口为悬浮窗;显示于所述第一窗口内的所述第一应用,响应作用于所述第一应用的界面中任意控件的操作,执行所述控件对应的业务;
响应作用于所述第一窗口的第一操作,所述第一窗口随着所述第一操作发生第一变化;所述第一变化包括移动和缩小中的至少一种;
响应于所述第一操作抬起,若满足预设条件,则将所述第一窗口切换为第一尺寸的第二窗口,悬浮显示所述第二窗口,所述第二窗口中显示所述第一应用的界面,所述第一尺寸小于第二尺寸,所述第二尺寸为发生所述第一变化前的所述第一窗口的尺寸,所述预设条件包括所述第一操作抬起于所述屏幕中的第一区域,或所述第一窗口缩小至小于或等于第三尺寸,所述第三尺寸小于所述第二尺寸;显示于所述第二窗口内的所述第一应用对作用于所述第二窗口内的操作均不响应。
29.根据权利要求28所述的方法,其特征在于,
所述第一操作为作用于所述第一窗口底部的第二区域或作用于所述第一窗口底部的第一控件并向上滑动的第一上滑操作,所述第一变化包括移动和缩小,所述预设条件为所述第一操作抬起于所述第一区域且所述第一操作的抬起速度小于或等于第一速度阈值;
或者,所述第一操作为作用于所述第一窗口顶部的第二控件并移动的第二拖拽操作,所述第一变化包括移动,所述预设条件为所述第一操作抬起于所述第一区域;
或者,所述第一操作为作用于所述第一窗口任意一个角并向所述第一窗口所在方向拉伸的第三拖拽操作,所述第一变化包括缩小,所述预设条件为所述第一窗口缩小至小于或等于所述第三尺寸。
30.根据权利要求29所述的方法,其特征在于,所述第一操作为所述第一上滑操作或所述第二拖拽操作,所述预设条件包括所述第一操作抬起于所述第一区域,所述响应于所述第一操作抬起,若满足预设条件,则将所述第一窗口切换为第一尺寸的第二窗口之前,所述方法还包括:
响应于所述第一操作的触控点进入所述屏幕中的第二区域,显示引导图案,且所述引导图案随着所述第一操作按照第一速率变大;其中,所述第二区域中至少部分区域相较于所述第一区域更靠近所述屏幕的下边缘;
响应于所述第一操作的触控点进入所述第一区域,所述引导图案随着所述第一操作按照第二速率变大,所述第二速率大于所述第一速率;
响应于所述第一操作抬起于所述第一区域,所述引导图案消失。
31.根据权利要求30所述的方法,其特征在于,所述第一操作为所述第一上滑操作,所述第一区域包括左侧第一区域和右侧第一区域,所述左侧第一区域为以所述屏幕左上顶点为中心点的1/4椭圆区域,所述右侧第一区域为以所述屏幕右上顶点为中心点的1/4椭圆区域,所述左侧第一区域和所述右侧第一区域的长半轴的长度均小于或等于第一高度,所述左侧第一区域和所述右侧第一区域短半轴的长度均小于或等于所述屏幕的宽度的50%;所述第一高度是指发生所述第一变化前的所述第一窗口的下边缘距离所述屏幕上边缘的高度。
32.根据权利要求31所述的方法,其特征在于,所述左侧第一区域和所述右侧第一区域的长半轴的长度均大于所述第一高度的70%且小于或等于所述第一高度的80%;所述左侧第一区域和所述右侧第一区域的短半轴的长度均大于所述屏幕的宽度的40%且小于或等于所述屏幕的宽度的50%。
33.根据权利要求31或32所述的方法,其特征在于,所述第二区域包括左侧第二区域和右侧第二区域,所述左侧第二区域为以所述屏幕左上顶点为中心点的1/4椭圆区域,所述右侧第二区域为以所述屏幕右上顶点为中心点的1/4椭圆区域,所述左侧第二区域和所述右侧第二区域的长半轴的长度均小于或等于所述第一高度,所述左侧第二区域和所述右侧第二区域的短半轴的长度均小于或等于所述屏幕的宽度的50%,所述左侧第二区域的面积大于所述左侧第一区域的面积,所述右侧第二区域的面积大于所述右侧第一区域的面积。
34.根据权利要求33所述的方法,其特征在于,所述左侧第二区域和所述右侧第二区域的长半轴的长度均大于所述第一高度的90%且小于或等于所述第一高度;所述左侧第二区域和所述右侧第二区域的短半轴的长度均大于所述屏幕的宽度的40%且小于或等于所述屏幕的宽度的50%。
35.根据权利要求30所述的方法,其特征在于,所述第一操作为所述第二拖拽操作,所述第一区域包括左侧第一区域和右侧第一区域,所述左侧第一区域为以所述屏幕左上顶点为中心点的1/4圆形区域,所述右侧第一区域为以所述屏幕右上顶点为中心点的1/4圆形区域,所述左侧第一区域和所述右侧第一区域的半径均小于所述屏幕的宽度的50%。
36.根据权利要求35所述的方法,其特征在于,所述左侧第一区域和所述右侧第一区域的半径均大于所述屏幕的宽度的25%且小于或等于所述屏幕的宽度的35%。
37.根据权利要求35或36所述的方法,其特征在于,所述第二区域包括左侧第二区域和右侧第二区域,所述左侧第二区域为以所述屏幕左上顶点为中心点的1/4椭圆区域,所述右侧第二区域为以所述屏幕右上顶点为中心点的1/4椭圆区域,所述左侧第二区域和所述右侧第二区域的长半轴的长度均小于所述屏幕的高度的50%,所述左侧第二区域和所述右侧第二区域的短半轴的长度均小于所述屏幕的宽度的50%,所述左侧第二区域的面积大于所述左侧第一区域的面积,所述右侧第二区域的面积大于所述右侧第一区域的面积。
38.根据权利要求37所述的方法,其特征在于,所述左侧第二区域和所述右侧第二区域的长半轴的长度大于所述屏幕的高度的20%且小于或等于所述屏幕的高度的30%,所述左侧第二区域和所述右侧第二区域的短半轴的长度大于所述屏幕的宽度的25%且小于或等于所述屏幕的宽度的35%。
39.根据权利要求29所述的方法,其特征在于,所述第一操作为所述第三拖拽操作,所述悬浮显示所述第二窗口,包括:
若拖拽角为所述第一窗口左侧的角,则在所述屏幕的左半部分悬浮显示所述第二窗口;所述拖拽角是指执行所述第三拖拽操作所拖拽的所述第一窗口的角;
若所述拖拽角为所述第一窗口右侧的角,则在所述屏幕的右半部分悬浮显示所述第二窗口。
40.根据权利要求29所述的方法,其特征在于,所述第一操作为所述第二拖拽操作,所述第一变化包括移动和缩小,所述预设条件包括所述第一操作抬起于所述第一区域,所述响应作用于所述第一窗口的第一操作,所述第一窗口随着所述第一操作发生第一变化,包括:
响应于所述第一操作,所述第一窗口随着所述第一操作移动;
响应于所述第一操作的触控点进入所述第一区域,所述第一窗口缩小至所述第一尺寸;
跟随所述第一操作移动所述第一尺寸的所述第一窗口。
41.根据权利要求29所述的方法,其特征在于,所述第一操作为所述第一上滑操作,所述方法还包括:
响应于所述第一操作抬起,若所述第一操作抬起于所述第一区域之外,且所述第一操作的抬起速度小于或等于所述第一速度阈值,则恢复显示发生所述第一变化前的所述第一窗口;若所述第一操作抬起于所述第一区域之外,且所述第一操作的抬起速度大于所述第一速度阈值,则关闭所述第一窗口。
42.根据权利要求29所述的方法,其特征在于,所述第一操作为所述第三拖拽操作,所述方法还包括:
响应于所述第一操作抬起,若所述第一窗口当前的尺寸大于所述第三尺寸且小于第四尺寸,则显示所述第四尺寸的所述第一窗口,所述第四尺寸大于所述第二尺寸且小于所述第三尺寸。
43.一种电子设备,其特征在于,包括:处理器、存储器和接口;
所述处理器、所述存储器和所述接口相互配合,使得所述电子设备执行如权利要求1至42中任一项所述的方法。
44.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储了计算机程序,当所述计算机程序被处理器执行时,使得所述处理器执行权利要求1至42中任一项所述的方法。
CN202210722050.5A 2022-06-24 2022-06-24 窗口显示方法、电子设备和计算机可读存储介质 Active CN116048311B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210722050.5A CN116048311B (zh) 2022-06-24 2022-06-24 窗口显示方法、电子设备和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210722050.5A CN116048311B (zh) 2022-06-24 2022-06-24 窗口显示方法、电子设备和计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN116048311A CN116048311A (zh) 2023-05-02
CN116048311B true CN116048311B (zh) 2024-04-19

Family

ID=86126077

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210722050.5A Active CN116048311B (zh) 2022-06-24 2022-06-24 窗口显示方法、电子设备和计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN116048311B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117111823A (zh) * 2023-07-12 2023-11-24 荣耀终端有限公司 缩放方法及相关装置

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015106514A1 (zh) * 2014-01-20 2015-07-23 中兴通讯股份有限公司 一种实现悬浮显示的方法及装置
CN106201181A (zh) * 2016-06-29 2016-12-07 努比亚技术有限公司 一种应用中图标的显示装置及方法
CN107203305A (zh) * 2017-05-03 2017-09-26 努比亚技术有限公司 快速切换应用的方法、移动终端及计算机可读存储介质
CN108920240A (zh) * 2018-06-29 2018-11-30 Oppo(重庆)智能科技有限公司 用户界面显示方法、装置、终端及存储介质
CN109364479A (zh) * 2018-10-16 2019-02-22 网易(杭州)网络有限公司 应用窗口界面交互方法与装置、电子设备、存储介质
CN110119296A (zh) * 2019-04-30 2019-08-13 华为技术有限公司 切换父页面和子页面的方法、相关装置
CN111176506A (zh) * 2019-12-25 2020-05-19 华为技术有限公司 一种屏幕显示方法及电子设备
CN111597000A (zh) * 2020-05-14 2020-08-28 青岛海信移动通信技术股份有限公司 一种小窗口管理方法及终端
CN112130742A (zh) * 2019-06-25 2020-12-25 华为技术有限公司 一种移动终端的全屏显示方法及设备
CN112346639A (zh) * 2020-11-04 2021-02-09 北京小米移动软件有限公司 一种显示应用界面的方法、装置、设备及存储介质
CN113645351A (zh) * 2020-04-24 2021-11-12 华为技术有限公司 应用界面交互方法、电子设备和计算机可读存储介质
WO2021227770A1 (zh) * 2020-05-14 2021-11-18 华为技术有限公司 应用窗口显示方法和电子设备
CN113805744A (zh) * 2021-08-12 2021-12-17 荣耀终端有限公司 窗口的显示方法和电子设备
CN113805743A (zh) * 2021-08-12 2021-12-17 荣耀终端有限公司 切换显示窗口的方法和电子设备
CN114356158A (zh) * 2021-12-21 2022-04-15 浪潮金融信息技术有限公司 一种用于安卓应用的悬浮窗控制方法、***及介质
CN114416227A (zh) * 2021-11-16 2022-04-29 华为技术有限公司 窗口切换方法、电子设备及可读存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102016975B1 (ko) * 2012-07-27 2019-09-02 삼성전자주식회사 디스플레이 장치 및 그 제어 방법

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015106514A1 (zh) * 2014-01-20 2015-07-23 中兴通讯股份有限公司 一种实现悬浮显示的方法及装置
CN106201181A (zh) * 2016-06-29 2016-12-07 努比亚技术有限公司 一种应用中图标的显示装置及方法
CN107203305A (zh) * 2017-05-03 2017-09-26 努比亚技术有限公司 快速切换应用的方法、移动终端及计算机可读存储介质
CN108920240A (zh) * 2018-06-29 2018-11-30 Oppo(重庆)智能科技有限公司 用户界面显示方法、装置、终端及存储介质
CN109364479A (zh) * 2018-10-16 2019-02-22 网易(杭州)网络有限公司 应用窗口界面交互方法与装置、电子设备、存储介质
CN110119296A (zh) * 2019-04-30 2019-08-13 华为技术有限公司 切换父页面和子页面的方法、相关装置
CN112130742A (zh) * 2019-06-25 2020-12-25 华为技术有限公司 一种移动终端的全屏显示方法及设备
CN111176506A (zh) * 2019-12-25 2020-05-19 华为技术有限公司 一种屏幕显示方法及电子设备
CN113645351A (zh) * 2020-04-24 2021-11-12 华为技术有限公司 应用界面交互方法、电子设备和计算机可读存储介质
CN111597000A (zh) * 2020-05-14 2020-08-28 青岛海信移动通信技术股份有限公司 一种小窗口管理方法及终端
WO2021227770A1 (zh) * 2020-05-14 2021-11-18 华为技术有限公司 应用窗口显示方法和电子设备
CN112346639A (zh) * 2020-11-04 2021-02-09 北京小米移动软件有限公司 一种显示应用界面的方法、装置、设备及存储介质
CN113805744A (zh) * 2021-08-12 2021-12-17 荣耀终端有限公司 窗口的显示方法和电子设备
CN113805743A (zh) * 2021-08-12 2021-12-17 荣耀终端有限公司 切换显示窗口的方法和电子设备
CN114416227A (zh) * 2021-11-16 2022-04-29 华为技术有限公司 窗口切换方法、电子设备及可读存储介质
CN114356158A (zh) * 2021-12-21 2022-04-15 浪潮金融信息技术有限公司 一种用于安卓应用的悬浮窗控制方法、***及介质

Also Published As

Publication number Publication date
CN116048311A (zh) 2023-05-02

Similar Documents

Publication Publication Date Title
US11556201B2 (en) Device, method, and user interface for processing intensity of touch contacts
US11567644B2 (en) Cursor integration with a touch screen user interface
CN111694486B (zh) 用于在用户界面之间导航的设备、方法和图形用户界面
WO2021244443A1 (zh) 分屏显示方法、电子设备及计算机可读存储介质
US11269508B2 (en) Devices, methods, and graphical user interfaces for touch input processing
CN114416227B (zh) 窗口切换方法、电子设备及可读存储介质
CN113805743B (zh) 切换显示窗口的方法和电子设备
CN110119296B (zh) 切换父页面和子页面的方法、相关装置
EP3594796A1 (en) Device, method, and graphical user interface for adjusting the appearance of a control
US12015732B2 (en) Device, method, and graphical user interface for updating a background for home and wake screen user interfaces
WO2023226455A1 (zh) 应用图标的显示方法、电子设备及可读存储介质
US11775128B1 (en) Devices, methods, and graphical user interfaces for updating a session region
US11842028B2 (en) Devices, methods, and graphical user interfaces for updating a session region
US20230359315A1 (en) Devices, Methods, and Graphical User Interfaces for Updating a Session Region
US20230418426A1 (en) Devices, Methods, and Graphical User Interfaces for Updating a Session Region
US20230359316A1 (en) Devices, Methods, and Graphical User Interfaces for Updating a Session Region
EP4216563A1 (en) Photographing method and electronic device
CN116048311B (zh) 窗口显示方法、电子设备和计算机可读存储介质
EP4310836A1 (en) Text reading method and device
CN114461312B (zh) 显示的方法、电子设备及存储介质
CN115185440B (zh) 一种控件显示方法及相关设备
CN116661635B (zh) 手势处理方法和电子设备
WO2024078114A1 (zh) 窗口显示方法、电子设备及计算机可读存储介质
KR102582146B1 (ko) 미디어 관리용 사용자 인터페이스
DK180986B1 (en) Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects

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
GR01 Patent grant
GR01 Patent grant