CN115729425A - 一种显示方法及电子设备 - Google Patents
一种显示方法及电子设备 Download PDFInfo
- Publication number
- CN115729425A CN115729425A CN202110989308.3A CN202110989308A CN115729425A CN 115729425 A CN115729425 A CN 115729425A CN 202110989308 A CN202110989308 A CN 202110989308A CN 115729425 A CN115729425 A CN 115729425A
- Authority
- CN
- China
- Prior art keywords
- window
- electronic device
- page
- area
- display
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种显示方法及电子设备,方法包括:电子设备可以接收用户操作将应用程序一的一个或多个页面拖出并分别显示在一个或多个悬浮窗口中。该用户操作可以是针对窗口内的打开新页面的操作,也可以是对当前窗口的拖动操作等。并且,电子设备也可以接收用户操作将一个或多个悬浮窗口以非悬浮窗口的形式显示在显示屏上。这样,提高了用户对应用程序内页面操作的灵活性。
Description
技术领域
本申请涉及终端技术领域,尤其涉及一种显示方法及电子设备。
背景技术
应用显示技术在电子设备上的使用越来越广泛,一个电子设备可以以多种的显示方法显示应用的页面,当电子设备显示应用的某个页面时,接收到用户针对该页面的切换页面输入,响应于该输入,电子设备可以显示切换后的页面。这样,电子设备不能灵活配置用户界面。当用户想要查看两个页面的内容时,需要来回切换,操作繁琐。
发明内容
本申请提供了一种显示方法及电子设备,实现了电子设备100可以在同一时刻以悬浮窗口的形式显示同一应用程序的一个或多个页面,提高了电子设备100的应用程序内页面显示的灵活性。
第一方面,本申请提供了一种显示方法,方法包括:电子设备在显示屏上的第一区域中显示第一应用的第一窗口,第一窗口为非悬浮窗口;电子设备接收并响应于针对第一窗口的第一操作,电子设备将第一窗口以悬浮窗口的形式显示在显示屏上,并在显示屏上的第二区域中显示第一应用的第二窗口,第二窗口为非悬浮窗口。
通过第一方面的方法,电子设备可以将应用内显示的页面拖出并在悬浮窗口中显示,提高了电子设备的应用程序内页面显示的灵活性。
结合第一方面,在一种可能的实现方式中,第一区域与第二区域相同。第二窗口为第一窗口以非悬浮窗口的形式显示时所覆盖的窗口。在一种可能的实现方式中,第二窗口中显示的页面为第一窗口中显示的页面的上一级页面。
结合第一方面,在一种可能的实现方式中,显示屏的图像显示区域为第一区域。这样,电子设备可以将全屏应用场景中应用内显示的页面拖出并在悬浮窗口中显示。
结合第一方面,在一种可能的实现方式中,在电子设备在显示屏上的第一区域显示第一窗口时,方法还包括:电子设备在显示屏上的第三区域显示第三窗口,第三窗口为非悬浮窗口;第三区域与所述第一区域不重叠,显示屏的图像显示区域包括第三区域和第一区域。这样,电子设备可以将同一应用程序单任务分屏模式应用场景中应用内显示的页面拖出并在悬浮窗口中显示。
结合第一方面,在一种可能的实现方式中,第一区域与第二区域不相同,在第一窗口以非悬浮窗口的形式显示在第一区域时,第一区域中只包括第一窗口;在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之前,方法还包括:电子设备在显示屏的第三区域上显示第二窗口;其中,第三区域与第一区域不重叠,第三区域与第二区域不相同,显示屏的图像显示区域包括第三区域和第一区域。
结合第一方面,在一种可能的实现方式中,当电子设备在第二区域上显示第二窗口时,电子设备在显示屏的图像显示区域上的第四区域中不包括有非悬浮窗口;显示屏的图像显示区域包括第二区域和第四区域。也就是说,在第一窗口非悬浮窗口的形式显示在第一区域时,第一窗口没有覆盖显示其他的窗口。那么第一窗口以悬浮窗口的形式显示在显示屏上时,电子设备将第二窗口居中显示。
结合第一方面,在一种可能的实现方式中,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第三窗口的第二操作,电子设备将第三窗口以悬浮窗口的形式显示在显示屏上,并在显示屏的第五区域上显示第二窗口。由于第三窗口为主页面,那么电子设备在将第三窗口以悬浮窗口的形式显示在显示屏上,后,电子设备将第二窗口居中显示。第五区域可以理解为显示屏上的中间显示区域。
在其他可能的实现方式中,电子设备接收并响应于针对第三窗口的第二操作,电子设备将在显示屏的第五区域上显示第二窗口,且第二窗口覆盖显示在第三窗口上。由于第三窗口为主页面,电子设备也可以不允许将第三窗口拖出并以悬浮窗口的形式显示。那么当电子设备监测到用户将第三窗口退出时,电子设备将第二窗口叠加显示在第三窗口上,且电子设备将第二窗口居中显示。
结合第一方面,在一种可能的实现方式中,在第一窗口从非悬浮窗口的显示模式切换为悬浮窗口的显示模式的过程中,电子设备在第一区域中显示预设背景图片。这样,电子设备可以在窗口拖动过程中显示动效,提高用户体验。
结合第一方面,在一种可能的实现方式中,在电子设备接收并响应于用户针对第一窗口的第一操作之前,方法还包括:电子设备接收到针对第一窗口上的第一拖动控件的长按操作;响应于长按操作,电子设备在显示屏上显示第一响应热区;第一操作为将第一拖动控件拖动至第一响应热区内的拖动操作。第一响应热区可以作为提示信息,同于提示用户将第一拖动控件拖动至第一响应热区内。
结合第一方面,在一种可能的实现方式中,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。第二响应热区与第一响应热区可以相同,也可以不同。当第一拖动控件位于第二响应热区内时,那么用户松开手指即可将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。用户不需要再拖动悬浮窗口的形式显示的第一窗口。减少用户操作。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口的尺寸一致。
结合第一方面,在一种可能的实现方式中,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二响应热区内的拖动操作,并将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。当第一拖动控件位于第二响应热区外时,用户需将第一拖动控件拖动至第二响应热区内,之后,松开手指,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口的尺寸一致。
结合第一方面,在一种可能的实现方式中,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;其中,第二响应热区包括第一子响应热区和第二子响应热区,第一子响应热区位于第三窗口内,第二子响应热区位于第二窗口内;当第一拖动控件位于第一子响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第一子响应热区内的拖动操作,并将第一窗口以非悬浮窗口的形式覆盖显示在第三窗口上;或者,当第一拖动控件位于第二子响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二子响应热区内的拖动操作,并将一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。第二响应热区与第一响应热区可以相同,也可以不同。当第一拖动控件已经位于第二响应热区,那么用户不需要再拖动悬浮窗口的形式显示的第一窗口。减少用户操作。并且,用户可以选择将第一窗口以非悬浮窗口的形式覆盖显示在哪个窗口上。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口或第三窗口的尺寸一致。
结合第一方面,在一种可能的实现方式中,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;其中,第二响应热区包括第一子响应热区和第二子响应热区,第一子响应热区位于第三窗口内,第二子响应热区位于第二窗口内;当第一拖动控件位于第一子响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第三窗口上。或者,当第一拖动控件位于第二子响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。第二响应热区与第一响应热区可以相同,也可以不同。当第一拖动控件位于第二响应热区外时,用户需将第一拖动控件拖动至第二响应热区内,之后,松开手指,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口或者第三窗口上。这样,用户可以选择将第一窗口以非悬浮窗口的形式覆盖显示在哪个窗口上。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口或第三窗口的尺寸一致。
结合第一方面,在一种可能的实现方式中,在电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于用户针对第二窗口的拖动操作,电子设备将第二窗口以悬浮窗口的形式显示在显示屏上。这样,电子设备可以接收用户操作同时显示一个应用内多个页面以悬浮窗的形式显示。提高了应用内页面操作的灵活性。
结合第一方面,在一种可能的实现方式中,在电子设备将第二窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备在显示屏的第二区域上显示第四窗口;第四窗口中显示的页面为第二窗口中显示的页面的上一级页面。
在其他可能的实现方式中,在电子设备将第二窗口以悬浮窗口的形式显示在显示屏上之前,第二窗口没有覆盖显示其他的窗口。在电子设备将第二窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备将第三窗口居中显示。
第二方面,本申请提供了一种显示方法,方法包括:电子设备在显示屏上显示第一应用的第一窗口,第一窗口为非悬浮窗口;电子设备接收针对第一窗口中显示的页面上的第一操作,第一操作为打开新页面的操作;响应于第一操作,电子设备将新打开的页面显示在第二窗口中;其中,第二窗口为悬浮窗口。
通过第二方面的方法,电子设备只需接收用户的单击操作,即可将新打开的页面显示在悬浮窗口中,节省了用户操作,提高了用户体验。
结合第二方面,在一种可能的实现方式中,电子设备在显示屏上显示第一应用的第一窗口,具体包括:电子设备在显示屏上的第一区域中显示第一应用的第一窗口;其中,显示屏的图像显示区域为第一区域。这样,电子设备可以将全屏应用场景中应用内显示的页面拖出并在悬浮窗口中显示。
结合第二方面,在一种可能的实现方式中,电子设备在显示屏上显示第一应用的第一窗口,具体包括:电子设备在显示屏上的第一区域中显示第一应用的第一窗口;当电子设备在显示屏上的第一区域中显示第一应用的第一窗口时,方法还包括:电子设备在显示屏上的第二区域上显示第二应用的第三窗口;其中,第一区域与第二区域不重叠,显示屏的图像显示区域包括所述第一区域和所述第二区域。第二应用与第一应用相同或者不同。这样,电子设备可以将不同应用程序分屏模式应用场景中或者同一应用单任务分屏模式应用场景中显示的页面拖出并在悬浮窗口中显示。
结合第二方面,在一种可能的实现方式中,在电子设备将新打开的页面显示在悬浮窗口中之后,方法还包括:电子设备接收并响应于针对第二窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区内时,电子设备将第二窗口以非悬浮窗口的形式覆盖显示在第一窗口上。第二响应热区可以与第一方面中介绍的第二响应热区相同。这样,用户不需要再拖动悬浮窗口的形式显示的第一窗口,减少用户操作。以非悬浮窗口的形式显示的第二窗口的尺寸与第一窗口的尺寸一致。
结合第二方面,在一种可能的实现方式中,在电子设备将新打开的页面显示在悬浮窗口中之后,方法还包括:电子设备接收并响应于针对第二窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二响应热区内的拖动操作,电子设备将第二窗口以非悬浮窗口的形式覆盖显示在第一窗口上。第二响应热区可以与第一方面中介绍的第二响应热区相同。当第一拖动控件位于第二响应热区外时,用户需将第一拖动控件拖动至第二响应热区内,之后,松开手指,电子设备将第二窗口以非悬浮窗口的形式覆盖显示在第一窗口上。以非悬浮窗口的形式显示的第二窗口的尺寸与第一窗口的尺寸一致。
第三方面,本申请提供了一种电子设备,电子设备包括:一个或多个处理器、一个或多个存储器;一个或多个存储器与一个或多个处理器耦合,一个或多个存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,一个或多个处理器调用计算机指令以使得电子设备执行上述第一方面中的任一项所述的方法。
第四方面,本申请提供了一种计算机可读存储介质,包括指令,其特征在于,当指令在电子设备上运行时,使得电子设备执行上述第一方面中的任一项所述的方法。
第五方面,本申请提供了一种计算机程序产品,其特征在于,当计算机程序产品在电子设备上运行时,使得电子设备执行上述第一方面中的任一项所述的方法。
附图说明
图1A-图1B示例性示出了本申请实施例提供的一种实例一的活动记录、任务栈和应用程序的实例的关系示意图;
图2A-图2C示例性示出了一组电子设备100在全屏模式下的多窗口显示UI图;
图3A-图3L示例性示出了一组电子设备100在分屏模式下的多窗口显示UI图;
图3M-图3P示例性示出了一组电子设备100在自由模式下的多窗口显示UI图;
图4A-图4B示例性示出了一组电子设备100在画中画模式下的多窗口显示UI图;
图5示例性示出了本申请实施例提供的一种电子设备100的结构示意图;
图6A示例性示出了本申请实施例提供的一种电子设备100的软件结构框图;
图6B示例性示出了本申请实施例提供的一种电子设备100显示拖动控件的原理示意图;
图7A-图7S示例性示出了一组UI图;
图8A-图8E示例性示出了一组不同应用程序多任务分屏模式的UI图;
图9A-图9E示例性示出了一组同一应用程序多任务分屏模式的UI图;
图10A-图10I示例性示出了一组同一应用程序单任务分屏模式的UI图;
图11A-图11E示例性示出了一组自由模式的UI图;
图12A-图12C示例性示出了一组全屏多窗口显示模式的具体实现的UI图;
图13A-图13C示例性示出了一组不同应用程序多任务分屏模式的具体实现的UI图;
图14A-图14C示例性示出了一组同一应用程序多任务分屏模式的具体实现的UI图;
图15A-图15C示例性示出了一组同一应用程序单任务分屏模式的具体实现的UI图;
图16A-图16C示例性示出了一组自由模式的具体实现的UI图;
图17示例性示出了本申请实施例提供的一种显示方法的方法流程图;
图18示例性示出了本申请实施例提供的另一种显示方法的方法流程图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
本申请以下实施例中的术语“用户界面(user interface,UI)”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面是通过java、可扩展标记语言(extensible markuplanguage,XML)等特定计算机语言编写的源代码,界面源代码在电子设备上经过解析,渲染,最终呈现为用户可以识别的内容。用户界面常用的表现形式是图形用户界面(graphicuser interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的文本、图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
首先,对本申请实施例涉及到的应用程序的实例、活动记录(activity record)和任务栈(task record)、任务栈(task record)进行介绍。
应用程序的实例用于标识正在运行的应用程序。电子设备100可以在同一时刻包括同一应用程序可以多个实例。例如,电子设备100接收用户操作开启了应用程序一,对应的,电子设备100创建应用程序一的实例一,实例一用于标识正在运行的应用程序一。在应用程序一没有关闭的前提下,电子设备100再次接收用户操作又开启了一个应用程序一,对应的,电子设备100创建应用程序一的实例二,实例二也用于标识正在运行的应用程序一。
活动记录(activity record)是用于记录活动(activity)信息的类,主要记录一个活动的所有信息,其中,一个活动记录对应一个活动,但是电子设备100可以同时创建同一个应用程序的多个实例,则每一个活动可以存在同一个应用程序的多个实例中,因此一个活动可以对应多个活动记录。
一个任务栈(task record)由一个或者多个活动记录组成,任务栈具有后进先出的特点,用于记录一个任务栈里面调用活动的相关信息。
活动栈(activity stack)则是用来管理任务栈的,一个活动栈会包含多个任务栈。
图1A-图1B示出了实例一的活动记录、任务栈和应用程序的实例的关系示意图。
首先,电子设备100接收用户操作开启了应用程序一,电子设备100创建应用程序一的实例一。
如图1A所示,实例一包括活动栈一,活动栈一可以包含一个或多个任务栈,例如,活动栈包含任务栈一和任务栈二。
每一个任务栈又可以包括一个或多个活动记录。例如,任务栈一包含活动记录1和活动记录2。任务栈二包含活动记录3。
在电子设备100没有关闭应用程序一的实例一的前提下,电子设备100接收用户操作又开启了一个应用程序一(即应用程序一开启了两次)。则电子设备100创建应用程序一的实例二。
如图1B所示,实例二包括活动栈二,活动栈二可以包含一个或多个任务栈,例如,活动栈包含任务栈三和任务栈四。
每一个任务栈又可以包括一个或多个活动记录。例如,任务栈三包含活动记录4和活动记录5。任务栈四包含活动记录6。
需要说明的是,活动记录4可以与活动记录1相同。活动记录5也可以与活动记录2相同。活动记录6也可以与活动记录3相同。
目前,电子设备100有四种多窗口显示模式,分别是全屏模式、分屏模式、自由(free form)模式和画中画模式。
下面结合图2A-图4B对上述四种多窗口显示模式分别进行介绍。
一、全屏模式
图2A-图2C示例性示出了电子设备100(例如平板)在全屏模式下的多窗口显示UI图。
如图2A所示,窗口1001显示的是应用程序一(例如备忘录应用)的页面1002,窗口1001内显示有一个或多个笔记图标。
如图2A-图2B所示,当用户想打开某一个笔记的详情内容时,电子设备100可以接收用户对该笔记图标(例如“笔记5”的图标)的输入操作,响应于用户的输入操作,电子设备100显示窗口2101,在窗口2101中显示页面1003,页面1003是“笔记5”对应的详情内容,“笔记5”对应的详情内容可以包括文字或者图片等等。页面1003还可以分享控件、收藏控件、标题输入区域、笔记输入区域和返回控件1004等等。该分享控件可用于触发电子设备100显示分享“笔记5”的页面。该收藏控件可用于触发电子设备100收藏“笔记5”。该标题输入区域可用于接收用户输入的笔记标题。该笔记输入区域可用于接收用户输入的笔记内容,该返回控件1004用于接收用户操作使得电子设备100显示页面1003的上一级页面(即页面1002)。页面1003是页面1002的子页面。
如图2B-图2C所示,当用户想要打开“笔记4”的详情内容时,电子设备100需返回显示应用程序一的窗口1001。具体的,如图2B所示,电子设备100接收并响应用户针对返回控件1004的输入操作(例如单击),响应于用户的输入操作,电子设备100在显示屏上显示窗口2101。之后,电子设备100可以接收用户对该笔记图标(例如“笔记4”的图标)的输入操作,响应于用户的输入操作,电子设备100显示如图2C所示的窗口2102,窗口2102中显示有页面1005,页面1005是“笔记4”对应的详情内容,“笔记4”对应的详情内容可以包括文字或者图片等等。页面1005还可以包括分享控件、收藏控件和返回控件。页面1005是页面1002的子页面。页面1005与页面1003为同一层级的页面。
这样,电子设备100只可以在同一时刻显示一个应用程序的一个页面。当用户需要查看该应用程序的其他页面时,电子设备100需退出当前显示的应用程序的一个页面,并接收用户操作显示该应用程序的其他页面,用户操作不够灵活。
也就是说,电子设备100不可以同时显示一个应用程序的两个或多个页面。例如,电子设备100不可以同时显示页面1003和页面1005。
二、分屏模式
图3A-图3J示例性示出了电子设备100(例如平板)在分屏模式下的多窗口显示UI图。
分屏模式又可以分为不同应用程序多任务分屏模式、同一应用程序多任务分屏模式和同一应用程序单任务分屏模式。
1、不同应用程序多任务分屏模式
不同应用程序多任务分屏模式是指电子设备100同时开启了至少两个不同的应用程序,在不同应用程序多任务分屏模式下,电子设备100分别创建了至少两个不同的应用程序的实例。
在分屏模式下,例如两分屏,电子设备100可以显示窗口一和窗口二,窗口一可以显示应用程序一的页面,窗口二可以显示应用程序二的页面。
图3A-图3D示例性示出了不同应用程序多任务分屏模式的UI图。
如图3A所示,窗口2104显示的是应用程序一(例如社交应用)的页面2002,页面2002显示有一个或多个联系人显示区域。
窗口2105显示的是应用程序二(例如购物应用)的页面2004,页面2004显示有一个或多个商品的信息。
图3A所示的分屏模式可以理解为不同应用程序多任务分屏模式。
如图3A-图3B所示,当用户想打开联系人“Lily”对应的即时通信页面时,电子设备100可以接收针对图3A中联系人“Lily”的图标的点击操作,响应于用户的点击操作,电子设备100显示在图3B所示的窗口2106中显示联系人“Lily”对应的即时通信页面2005。即时通信页面2005可以包括聊天记录、表情控件,更多控件、返回控件2006等等。
如图3C-图3D所示,当用户又想打开其他联系人(例如联系人“Henry”)的即时通信页面时,电子设备100需返回显示应用程序一的页面2002。具体的,电子设备100接收并响应用户针对返回控件的输入操作(例如单击),响应于用户的输入操作,电子设备100显示如图3C所示的窗口2104。之后,电子设备100可以接收用户对联系人“Henry”的图标的输入操作,响应于用户的输入操作,电子设备100在如图3D所示的窗口2107中显示即时通信页面2017,即时通信页面2017可以包括聊天记录、表情控件,更多控件、返回控件等等。
这样,在不同应用程序多任务分屏模式下,电子设备100只可以在同一时刻显示一个应用程序的一个页面。当用户需要查看该应用程序的其他页面时,电子设备100需退出当前显示的应用程序的一个页面,并接收用户操作显示该应用程序的其他页面,用户操作不够灵活。
也就是说,电子设备100不可以同时显示一个应用程序的两个或多个页面。例如,电子设备100不可以同时显示即时通信页面2017和即时通信页面2005。
2、同一应用程序多任务分屏模式
同一应用程序多任务分屏模式是指电子设备100将同一个应用程序开启了至少两次,例如,电子设备100将备忘录应用程序同时开启了至少两次。在同一应用程序多任务分屏模式下,电子设备100创建了同一应用程序的至少两个实例。
对于特定的应用程序(例如备忘录),电子设备100可以分屏显示该应用,即“单应用多开”。在分屏模式下,例如两分屏,电子设备100可以显示窗口一和窗口二,窗口一可以显示应用程序一的页面一,窗口二也可以显示应用程序一的页面一。但是窗口一中显示的应用程序一的页面一对应的活动记录与窗口二中显示的应用程序一的页面一对应的活动记录不属于同一个实例。
图3E-图3G示例性示出了同一应用程序多任务分屏模式的UI图。
如图3E所示,窗口2108显示的是应用程序一(例如备忘录)的页面1002。
窗口2019显示的也是应用程序一(例如备忘录)的页面1002。窗口2108中显示的页面1002对应的活动记录与窗口2109中显示的页面1002对应的活动记录属于不同的实例。
在图3E中,可以理解为,电子设备100将同一个应用程序(例如备忘录)开启了两次,图3E的分屏模式为同一应用程序多任务分屏模式。
如图3E-图3F所示,电子设备100接收用户对图3E中“笔记5”的图标的单击操作,响应于用户的单击操作,电子设备100在图3F中的窗口2110中显示页面1003。
当用户想显示“笔记4”的详情内容时,电子设备100需返回显示页面1002。具体的,如图3F所示,电子设备100接收并响应用户针对返回控件1004的输入操作(例如单击),响应于用户的输入操作,电子设备100在图3G所示的窗口2010中显示页面1002。
如图3G-图3H所示,电子设备100可以接收用户对“笔记4”的图标的输入操作,响应于用户的输入操作,电子设备100在如图3H所示的窗口2111中显示页面1005,页面1005是“笔记4”对应的详情内容。
这样,在同一应用程序多任务分屏模式下,电子设备100只可以在同一时刻在同一个窗口中显示一个应用程序的一个页面。当用户需要在同一个窗口中查看该应用程序的其他页面时,电子设备100需退出该窗口中显示的应用程序的一个页面,并接收用户操作在该窗口中显示该应用程序的其他页面,用户操作不够灵活。
3、同一应用程序单任务分屏模式
同一应用程序单任务分屏模式是指电子设备100只开启了一个应用程序,但是电子设备100可以在显示屏上显示至少两个窗口,那么电子设备100可以在显示屏上的至少两个窗口中显示同一个应用程序的至少两个页面。在同一应用程序单任务分屏模式下,电子设备100只创建了一个应用程序的一个实例。
电子设备100可以响应于用户操作,通过分屏功能在电子设备100的显示屏上同时显示该应用程序的至少两个页面。例如两分屏,电子设备100可以平铺显示该应用程序的两个页面。电子设备100可以显示窗口一和窗口二,窗口一可以显示应用程序一的页面一,窗口二可以显示应用程序一的页面二。例如,电子设备100可以在左半显示屏的窗口一中显示应用程序一的页面一,在右半显示屏的窗口二中显示应用程序一的页面二。页面二可以是页面一的子页面。
图3I-图3L示例性示出了同一应用程序单任务分屏模式的UI图。
如图3I所示,图3I示例性示出了电子设备100显示的社交应用的用户界面。其中,图3I所示的用户界面可以包括社交应用的页面2002。
如图3I所示,当用户想打开联系人“Henry”对应的即时通信页面时,联系人“Henry”的图标1001可以接收用户的点击操作,响应于用户的点击操作,电子设备100显示图3J所示的用户界面,该用户界面包括窗口2140和窗口2112。窗口2140中显示有页面2002,窗口2112中显示有页即时通信页面2017。页面2002显示在电子设备100的左半边显示屏上,即时通信页面2017显示在电子设备100的右半边显示屏上。即时通信页面2017为页面2002的子页面。这样,电子设备100可以在显示屏的一侧显示某个页面,并在显示屏的另一侧显示某个页面的子页面。
如图3K-图3L所示,当用户想打开联系人“Lily”对应的即时通信页面时,图3K中联系人“Lily”的图标可以接收用户的点击操作,响应于用户的点击操作,电子设备100显示在电子设备100的右半边显示屏上的窗口2113中显示联系人“Lily”对应的即时通信页面2005。
这样,在不同应用程序多任务分屏模式下,电子设备100不可以同时显示一个应用程序的两个或多个相同级的页面。例如,即时通信页面2017和即时通信页面2005就是两个相同层级的页面。
三、自由模式
图3M-图3P示例性示出了电子设备100在自由模式下的多窗口显示UI图。
自由模式类似于电脑上的应用程度的多窗口显示模式。即电子设备100在自由模式下,可以同时显示一个或多个窗口,该一个或多个窗口可以显示不同的应用程序的用户界面,该一个或多个窗口也可以显示相同的应用程序的用户界面。而且,该一个或多个窗口的位置可以随意拖动,该一个或多个窗口的尺寸大小可以随意修改。
如图3M所示,电子设备100可以接收用户操作打开多个不同的应用程序(例如社交应用程序和视频应用程序),电子设备100显示有窗口2014和窗口2015。其中,窗口2114中显示的是社交应用程序的用户界面,该用户界面包括页面2002。窗口2115显示的是视频应用程序的用户界面,该用户界面包括页面2022。页面2022可以包括一个或多个视频图像,视频的图像可以是动态的,也可以是静态的。此外,页面2022还可以显示有底部菜单栏、搜索框、子频道入口等,本申请实施例对此不作限制。
如图3M-图3N所示,当用户想打开联系人“Henry”对应的即时通信页面时,图3M中联系人“Henry”的图标可以接收用户的点击操作,响应于用户的点击操作,电子设备100显示在图3N所示的窗口2116中显示联系人“Henry”对应的即时通信页面2017。电子设备100可以接收用户操作移动窗口2116或窗口2115在电子设备100的显示屏上的位置,电子设备100可以接收用户操作改变窗口2116或窗口2115的尺寸大小。
如图3O-图3P所示,当用户又想打开其他联系人(例如联系人“Lily”)的即时通信页面时,电子设备100需返回显示应用程序一的页面2002。具体的,电子设备100接收并响应针对返回控件2006的输入操作(例如单击),响应于用户的输入操作,电子设备100显示页面2002。之后,如图3O所示,电子设备100可以接收用户对联系人“Lily”的图标的输入操作,响应于用户的输入操作,电子设备100在窗口2117中显示如图3P所示的即时通信页面2005。
这样,在自由模式下,电子设备100只可以在同一时刻在同一个窗口中显示一个应用程序的一个页面。当用户需要在同一个窗口中查看该应用程序的其他页面时,电子设备100需退出该窗口中显示的应用程序的一个页面,并接收用户操作在该窗口中显示该应用程序的其他页面,用户操作不够灵活。
四、画中画模式
图4A示例性示出了电子设备100(例如平板)在画中画模式下的多窗口显示UI图。
画中画模式为电子设备100进入视频应用程序,电子设备100可以在显示屏上的悬浮窗口内显示视频播放页面。之后,当电子设备100退出该视频应用程序时,电子设备100仍然可以在显示屏上的悬浮窗口内显示视频播放页面。
如图4A所示,电子设备100可以接收用户操作打开视频应用程序,并且在悬浮窗口内播放视频。图4A示出的用户界面包括窗口2118和窗口2119,其中,窗口2118显示的是视频应用程序的页面4003,页面4003包括一个或多个视频图像(例如视频图像4004)。视频的图像可以是动态的,也可以是静态的。此外,页面4003还可以显示有底部菜单栏、搜索框、子频道入口等,本申请实施例对此不作限制。窗口2119中显示的是视频图像4004的视频播放页面4005。
当电子设备100接收用户操作退出视频应用程序时,如图4B所示,电子设备100在显示屏上显示电子设备100的主页面,电子设备100的主页面包括一个或多个应用程序的图标、日期指示符、天气指示符等。电子设备100仍然可以在窗口2119中显示的视频图像4004的视频播放页面4005。
根据上述分析可知,窗口2119中显示的是视频图像4004的视频播放页面4005,窗口2119中显示的并不是页面4003。且只有针对特定的用户操作(例如播放视频的用户操作)时,电子设备100才可以在画中画的悬浮窗口中显示特定的页面(例如视频播放页面)。
也就是说,电子设备100无法针对对应用程序显示的任意一个页面进行主动操作,这样会导致用户无法根据自身的需求,实现将应用程序中显示的任意页面在悬浮窗口中显示。从而导致电子设备100的操作灵活性降低。
以及,目前画中画模式通常是应用于视频应用程序,对于非视频应用程序,想要在同一时刻显示一个应用程序的一个或多个悬浮窗口页面,并没有有效的实现方式。
因此,本申请实施例提供了一种显示方法,该方法可以接收用户操作将应用程序一的任意一个或多个页面拖出并分别显示在一个或多个悬浮窗口中。并且,电子设备100也可以接收用户操作将一个或多个悬浮窗口中显示的页面拖回至应用程序一的原窗口中显示。该用户操作可以是作用于应用程序一的任意一个页面上的拖动操作。这样,电子设备100可以在同一时刻以悬浮窗口的形式显示同一应用程序的一个或多个页面,提高了电子设备100的应用程序内页面显示的灵活性。
为了使得本申请实施例可以实现在同一时刻将同一应用程序的多个页面分别显示在一个或多个悬浮窗口中,电子设备100采用了应用程序内的任务栈分离,实现了任意应用程序内的任意页面拖出并显示在悬浮窗口中。
具体的,在全屏模式应用场景中,电子设备100接收用户操作开启应用程序一,电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100在应用程序一的主窗口中显示应用程序一的页面一(主页面),电子设备100将页面一对应的活动记录一存放在任务栈一中。之后,电子设备100接收用户操作在应用程序一的主窗口中显示应用程序一的页面二,页面二为页面一的子页面,电子设备100将页面二对应的活动记录二存放在主任务栈中。当电子设备100接收用户操作将页面二从主窗口中拖出并在悬浮窗口中显示时,电子设备100将新建一个任务栈(任务栈二),电子设备100将页面二对应的活动记录二从任务栈一中移除,并存放在任务栈二中。此时,任务栈一中包括页面一对应的活动记录一,任务栈二中包括页面二对应的活动记录二。
在分屏模式下,例如不同应用程序多任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),电子设备100接收用户操作开启应用程序一和应用程序二。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序二的页面一。电子设备100创建应用程序一的主任务栈(任务栈一)和应用程序二的主任务栈(任务栈二),电子设备100将应用程序一的页面一对应的活动记录一存放在任务栈一中,电子设备100将应用程序二的页面一对应的活动记录一存放在任务栈二中。当电子设备100接收用户操作在应用程序二的窗口二中显示应用程序二的页面二,电子设备100将页面二对应的活动记录二存放在任务栈二中。当电子设备100接收用户操作将页面二从窗口二中拖出并在悬浮窗口中显示时,电子设备100将新建一个任务栈(任务栈三),电子设备100将页面二对应的活动记录二从任务栈二中移除,并存放在任务栈三中。此时,任务栈一中包括应用程序一的页面一对应的活动记录一,任务栈二中包括应用程序二的页面一对应的活动记录一,任务栈三中包括应用程序二的页面二对应的活动记录二。页面一、页面二和页面三均处于可见状态。页面二为应用程序二的页面一的子页面。
在分屏模式下,例如同一应用程序多任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),电子设备100接收用户操作将同一个应用程序发分别启动了两次。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序一的页面二,页面一和页面二均处于可见状态。当页面二可以与页面一相同时,窗口一与窗口二中同时显示应用程序一的同一个页面。当页面二可以与页面一不同时,窗口一与窗口二中同时显示应用程序一的不同页面。电子设备100创建应用程序一的主任务栈(任务栈一)和应用程序一的主任务栈(任务栈二),电子设备100将页面一对应的活动记录一存放在任务栈一中,电子设备100将页面二对应的活动记录二存放在任务栈二中。当电子设备100接收用户操作在应用程序一的窗口二中显示应用程序一的页面三时,电子设备100将页面三对应的活动记录三存放在任务栈二中,页面一和页面三均处于可见状态,页面二处于不可见状态。当电子设备100接收用户操作将页面三从窗口二中拖出并在悬浮窗口中显示时,电子设备100将新建一个任务栈(任务栈三),电子设备100将页面三对应的活动记录三从任务栈二中移除,并存放在任务栈三中。此时,任务栈一中包括页面一对应的活动记录二,任务栈二中包括页面二对应的活动记录二,任务栈三中包括页面三对应的活动记录三。页面一、页面二和页面三均处于可见状态。页面三为页面一或页面二的子页面。
在分屏模式下,例如同一应用程序单任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二)。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序一的页面二。页面二为页面一的子页面。电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100将页面一对应的活动记录一和页面二对应的活动记录二均存放在任务栈一中,页面一和页面二均处于可见的状态。当电子设备100接收用户操作在窗口二中显示应用程序一的页面三,电子设备100将页面三对应的活动记录三存放在任务栈一中,此时页面一和页面三处于可见的状态,页面二处于不可见的状态。当电子设备100接收用户操作将页面三从窗口二中移除并在悬浮窗口中显示时,电子设备100将新建一个任务栈(任务栈二),电子设备100将页面三对应的活动记录三从任务栈一中移除,并存放在任务栈二中。此时,任务栈一中包括页面一对应的活动记录一和页面二对应的活动记录二,任务栈二中包括页面三对应的活动记录三。页面一、页面二和页面三均处于可见的状态。页面三为页面一或页面二的子页面。
在自由模式中,电子设备100在显示屏上至少显示一个窗口(例如窗口一),电子设备100在窗口一中显示应用程序一的页面一。电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100将页面一对应的活动记录一存放在任务栈一中。之后,当电子设备100接收用户操作(例如单击操作)在窗口一中显示应用程序一的页面二,电子设备100将页面而对应的活动记录而存放在任务栈一中,此时页面二处于可见的状态,页面一处于不可见的状态。当电子设备100接收用户操作将页面二从窗口一中移除并在悬浮窗口中显示时,电子设备100将新建一个任务栈(任务栈二),电子设备100将页面二对应的活动记录二从任务栈一中移除,并存放在任务栈二中。此时,任务栈一中包括页面一对应的活动记录一,任务栈二中包括页面二对应的活动记录二。页面一和页面二处于可见的状态。页面二为页面一的子页面。
在一些实施例中,用户可以不需要对应用程序一的任意一个页面上长按并拖动,即当电子设备100检测到用户打开应用程序一的子页面的操作(例如用户对页面的单击操作)时,电子设备100自动将该子页面显示在悬浮窗口中。这样,电子设备100可以减少用户将应用程序一的页面显示在悬浮窗口中的操作。
具体的,在全屏模式应用场景中,电子设备100接收用户操作开启应用程序一,电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100在应用程序一的主窗口中显示应用程序一的页面一(主页面),电子设备100将页面一对应的活动记录一存放在任务栈一中。之后,电子设备100接收用户操作(例如单击操作)打开应用程序一的页面二,电子设备100将新建一个任务栈(任务栈二),电子设备100将页面二对应的活动记录二存放在任务栈二中。此时,任务栈一中包括页面一对应的活动记录一,任务栈二中包括页面二对应的活动记录二。页面一显示在主窗口中,页面二显示在悬浮窗口中。页面二为页面一的子页面。
在分屏模式下,例如不同应用程序多任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),电子设备100接收用户操作开启应用程序一和应用程序二。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序二的页面一。电子设备100创建应用程序一的主任务栈(任务栈一)和应用程序二的主任务栈(任务栈二),电子设备100将应用程序一的页面一对应的活动记录一存放在任务栈一中,电子设备100将应用程序二的页面一对应的活动记录一存放在任务栈二中。之后,电子设备100接收用户操作(例如单击操作)打开应用程序二的页面二,电子设备100将新建一个任务栈(任务栈三),电子设备100将页面二对应的活动记录二存放在任务栈三中。此时,任务栈一中包括应用程序一的页面一对应的活动记录一,任务栈二中包括应用程序二的页面一对应的活动记录一,任务栈三中包括应用程序二的页面二对应的活动记录二。页面一、页面二和页面三均处于可见状态。页面二为应用程序二的页面一的子页面。
在分屏模式下,例如同一应用程序多任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),电子设备100接收用户操作将同一个应用程序发分别启动了两次。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序一的页面二,页面一和页面二均处于可见状态。当页面二可以与页面一相同时,窗口一与窗口二中同时显示应用程序一的同一个页面。当页面二可以与页面一不同时,窗口一与窗口二中同时显示应用程序一的不同页面。电子设备100创建应用程序一的主任务栈(任务栈一)和应用程序一的主任务栈(任务栈二),电子设备100将页面一对应的活动记录一存放在任务栈一中,电子设备100将页面二对应的活动记录二存放在任务栈二中。之后,电子设备100接收用户操作(例如单击操作)打开应用程序一的页面三,电子设备100将新建一个任务栈(任务栈三),电子设备100将页面三对应的活动记录三存放在任务栈三中。此时,任务栈一中包括页面一对应的活动记录二,任务栈二中包括页面二对应的活动记录二,任务栈三中包括页面三对应的活动记录三。页面一、页面二和页面三均处于可见状态。页面三为页面一或页面二的子页面。
在分屏模式下,例如同一应用程序单任务分屏模式,电子设备100至少显示两个分屏窗口(例如窗口一和窗口二)。电子设备100在窗口一中显示应用程序一的页面一,电子设备100在窗口二中显示应用程序一的页面二。页面二为页面一的子页面。电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100将页面一对应的活动记录一和页面二对应的活动记录二均存放在任务栈一中,页面一和页面二均处于可见的状态。之后,电子设备100接收用户操作(例如单击操作)打开应用程序一的页面三,电子设备100将新建一个任务栈(任务栈三),电子设备100将页面三对应的活动记录三存放在任务栈三中。此时,任务栈一中包括页面一对应的活动记录一和页面二对应的活动记录二,任务栈二中包括页面三对应的活动记录三。页面一、页面二和页面三均处于可见的状态。页面三为页面一或页面二的子页面。
在自由模式中,电子设备100在显示屏上至少显示一个窗口(例如窗口一),电子设备100在窗口一中显示应用程序一的页面一。电子设备100创建应用程序一的主任务栈(任务栈一),电子设备100将页面一对应的活动记录一存放在任务栈一中。之后,电子设备100接收用户操作(例如单击操作)打开应用程序一的页面二,电子设备100将新建一个任务栈(任务栈二),电子设备100将页面二对应的活动记录二存放在任务栈二中。此时,任务栈一中包括页面一对应的活动记录一,任务栈二中包括页面二对应的活动记录二。页面一和页面二均处于可见的状态。页面二为页面一的子页面。
图5示出了电子设备100的结构示意图。
电子设备100可以是手机、平板电脑、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmentedreality,AR)设备、虚拟现实(virtual reality,VR)设备、人工智能(artificialintelligence,AI)设备、可穿戴式设备、车载设备、智能家居设备和/或智慧城市设备,本申请实施例对该电子设备的具体类型不作特殊限制。下面以电子设备100为平板电脑为例对实施例进行具体说明。
应该理解的是,图5所示电子设备100仅是一个范例,并且电子设备100可以具有比图5中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
电子设备100可以包括处理器110,外部存储器接口120,内部存储器130,通用串行总线(universal serial bus,USB)接口140,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,显示屏191,摄像头192,SIM卡接口193等。其中传感器模块180可以包括压力传感器,陀螺仪传感器,气压传感器,磁传感器,加速度传感器,距离传感器,接近光传感器,指纹传感器,温度传感器,触摸传感器,环境光传感器,骨传导传感器等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备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的等待时间,因而提高了系统的效率。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器130可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器130的指令,从而执行电子设备100的各种功能应用以及数据处理。
USB接口140是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口140可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
电子设备100通过GPU,显示屏191,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏191和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏191用于显示图像,视频等。在一些实施例中,电子设备100可以包括1个或N个显示屏191,N为大于1的正整数。
电子设备100可以通过ISP,摄像头192,视频编解码器,GPU,显示屏191以及应用处理器等实现拍摄功能。
ISP用于处理摄像头192反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。在一些实施例中,ISP可以设置在摄像头192中。
摄像头192用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头192,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。
耳机接口170D用于连接有线耳机。
SIM卡接口193用于连接SIM卡。SIM卡可以通过插入SIM卡接口193,或从SIM卡接口193拔出,实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口,N为大于1的正整数。在一些实施例中,电子设备100采用eSIM,即:嵌入式SIM卡。eSIM卡可以嵌在电子设备100中,不能和电子设备100分离。
电子设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本发明实施例以分层架构的Android系统为例,示例性说明电子设备100的软件结构。
图6A是本发明实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为四层,从上至下分别为应用程序层(application),应用程序框架层(framework),硬件抽象层(HAL)和驱动层(dr ivers)。
应用程序层可以包括一系列应用程序包。
如图6A所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图6A所示,应用程序框架层可以包括视图管理(view manager)模块,多窗口管理服务(multi window manager service,MWMS)模块,活动管理服务(actvity managerservice,AMS)模块和安装包管理服务(package manager service,PMS)模块等。
其中,安装包管理服务模块负责应用程序安装包的解析,即用于解析应用程序是否支持将显示的页面拖动到悬浮窗口中显示。
电子设备100可以通过在应用程序的安装包中预置配置文件freeConfig.json的方式,来指定整个应用程序内的页面是支持全部在悬浮窗口中显示,还是支持部分的页面在悬浮窗口中显示,配置文件freeConfig.json的示例内容如下:
其中,字段"supportDragToFreeform"表示支持拖动的页面列表,当字段"supportDragToFreeform"的值配置为"ALL"时,如上述所示,表示应用程序内显示的任意一个页面均支持拖动;当"supportDragToFreeform"的值配置为"Custom"时,则需要继续解析"activities"字段的页面名称列表,如上述所示,表示只有"Aactivity"和"B activity"这两个页面支持拖动。
活动管理服务模块负责管理应用程序内页面的生命周期和任务栈,在应用程序显示某一个页面之前,活动管理服务模块从安装包管理服务模块中获取该页面是否支持拖动,已确定是否需要在该页面上显示拖动控件。
如图6B所示,图6B示例性示出了电子设备100显示拖动控件的原理示意图。
装饰视图(decor view)是应用程序内页面布局的父容器,装饰视图由内容视图(content view)和装饰标题视图(decor caption view)组成,拖动控件(drag view)位于装饰标题视图中,拖动控件是装饰标题视图中的子控件。其中,内容视图用于显示页面内容,装饰标题视图用于显示拖动控件。
活动管理服务模块在从安装包管理服务模块中获取到该页面是否支持在悬浮窗口中显示的信息之后,活动管理服务模块将该页面是否需要显示拖动控件的信息发送至到视图管理模块。具体的,当该页面支持在悬浮窗口中显示时,活动管理服务模块将该页面需要显示拖动控件的信息发送至到视图管理模块。当该页面不支持在悬浮窗口中显示时,活动管理服务模块将该页面不需要显示拖动控件的信息发送至到视图管理模块。视图管理模块在接收到是否需要显示拖动控件的信息之后,若该消息是需要显示拖动控件的信息,则视图管理模块将拖动控件添加到装饰标题视图中,并在拖动控件上注册监听器(listener),该监听器用于监听用户的触摸输入事件。
电子设备100接收用户操作将原窗口中显示的页面拖出并显示在悬浮窗口中时,多窗口管理服务模块的工作原理如下:
当监听器监听到用户的长按事件时,视图管理模块通知多窗口管理服务模块进行拖动动画处理,多窗口管理服务模块首先会创建一个新的窗口(可以称为动画窗口),该动画窗口用于显示拖动页面。也就是说,多窗口管理服务模块将用户拖动的页面显示在该动画窗口中。
可选的,在页面拖动过程中,多窗口管理服务模块可以在动画窗口中不显示拖动页面,而只显示蒙层。蒙层可以理解为一个页面,蒙层的大小与动画窗口的大小相同,蒙层的显示形式可以是透明的,也可以是半透明的,也可以是不透明的。
可选的,在页面拖动过程中,多窗口管理服务模块可以在动画窗口中显示拖动页面,并且在拖动页面上方叠加显示蒙层。
多窗口管理服务模块实时根据监听器监测到的用户手指在显示屏上的触摸位置,在显示屏上实时更新动画窗口的显示位置,也就是说,动画窗口的显示位置随着用户手指在显示屏上的触摸位置的移动而移动。当监听器监测到用户手指在显示屏上的触摸位置位于响应热区内,即页面上的拖动控件位于响应热区内,视图管理模块将页面上的拖动控件位于响应热区内的消息发送至多窗口管理服务模块,多窗口管理模块接收到页面上的拖动控件位于响应热区内的消息之后,多窗口管理服务模块通过resize方法将动画窗口的大小调整为悬浮窗口大小,以此提示用户此时释放手指,被拖动页面即将进入悬浮窗口显示。
之后,多窗口管理服务模块将创建悬浮窗口的任务栈的消息发送至活动管理服务模块,活动管理服务模块在接收到创建悬浮窗口的任务栈的消息后,创建悬浮窗口的任务栈,并将当前被拖动页面从原任务栈移除,添加到悬浮窗口的任务栈中;因为被拖动页面还支持拖回并显示在原窗口中,因此需要对悬浮窗口的任务栈进行标记,以便活动管理服务模块在页面拖回的任务事项中可以找到已标记的任务栈中。
表1
如表1所示,Stack表示任务栈的名称,Stack中的packagename字段代表应用程序的包名,is dragged out字段代表该任务栈是否是被拖出,当任务栈被拖出时,is draggedout字段的值被配置为true,否则为false;同时多窗口管理服务模块移除之前创建的动画窗口,新建一个悬浮窗口,并被拖出页面在悬浮窗口中显示。而与被拖出页面相邻的页面将变成原任务栈中的顶层页面,因此与被拖出页面相邻的页面也会变成可见状态,页面拖出流程结束。
用户将悬浮窗口中显示的页面拖回并显示在原窗口中时,多窗口管理服务模块的工作原理有如下两种:
工作原理一:当被拖动页面上的拖动控件位于响应热区内时,用户长按悬浮窗口内被拖动页面上的拖动控件,显示屏上会显示响应热区。当多窗口管理服务模块根据监听器监测到的监测到用户手指在显示屏上的触摸位置位于响应热区内时,多窗口管理服务模块将动画窗口调整到原窗口大小,以此提示用户此时释放手指,被拖动页面即将进入原窗口显示。
工作原理二:当被拖动页面上的拖动控件位于响应热区外时,用户长按悬浮窗口内被拖动页面上的拖动控件,显示屏上会显示响应热区。用户可以长按并拖动被拖动页面上的拖动控件使得被拖动页面上的拖动控件向响应热区内移动。当多窗口管理服务模块根据监听器监测到的监测到用户手指在显示屏上的触摸位置位于响应热区内时,多窗口管理服务模块将动画窗口调整到原窗口大小,以此提示用户此时释放手指,被拖动页面即将进入原窗口显示。
只有被拖出的页面,才支持拖回功能。由前述可知,当多窗口管理服务模块根据监听器监测到的监测到用户手指在显示屏上的触摸位置位于响应热区内时,多窗口管理服务模块通过活动管理服务模块判断当前悬浮窗任务栈的package name与原任务栈packagename相同,且悬浮窗任务栈的is dragged out字段为true时,则活动管理服务模块判断出显示在该悬浮窗口中页面可以拖回至原窗口中显示。具体的,活动管理服务模块将悬浮窗任务栈中的活动记录删除,然后悬浮窗任务栈中的活动记录添加至原任务栈中,即可将悬浮窗口中的页面拖回并显示在原窗口中。
上述说明了电子设备100在显示应用程序的新页面之后,电子设备100支持用户长按及拖动该页面,将该页面显示在悬浮窗口中。
在一些实施例中,电子设备100也支持应用程序在启动新页面时,不需要用户的长按及拖动该页面的操作,直接将该页面显示在悬浮窗口中。
具体实现中,电子设备100可以通过在应用程序的安装包中预置配置文件freeConfig.json的方式,并在配置文件freeConfig.json中配置"supportStartToFreeform"字段,来指定应用程序内的页面是否支持在启动时自动显示在悬浮窗口中。配置文件freeConfig.json的示例内容如下:
其中,当字段"supportStartToFreeform"的值配置为"ALL"时,表示应用程序内显示的任意一个页面均支持在启动时自动显示在悬浮窗口中。当字段"supportStartToFreeform"的值配置为"Custom"时,则多窗口管理服务模块需要继续解析"activities"字段的页面名称列表,如上述所示,表示只有"Aactivity"和"B activity"这两个页面支持在启动时自动显示在悬浮窗口中。
硬件抽象层(HAL)系统库可以包括多个功能模块。例如:表面管理器(surfacemanager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2维图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
驱动层(Drivers)是硬件和软件之间的层。驱动层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
接下来,结合附图,对本申请实施例介绍的显示方法进行介绍。
需要说明的是,窗口与页面是一一对应的关系。在本申请实施例中,可以说电子设备100接收用户操作将页面拖出并显示在悬浮窗口中,也可以说电子设备100接收用户操作将该页面所在的窗口拖出并显示在悬浮窗口中。本申请以下实施例以电子设备100接收用户操作将页面拖出并显示在悬浮窗口中为例进行说明。
实施例一
全屏多窗口显示模式下的悬浮窗口显示应用场景
在一些实施例中,应用程序以可以是购物类应用程序。
电子设备100可以显示购物类应用的界面。其中,购物类应用的界面中显示有一个窗口(例如窗口一),窗口一也可以称为主窗口或原窗口。电子设备100接收用户操作将购物类应用的页面一(主页面)显示在窗口一中之后,电子设备100可以接收用户操作在显示屏上显示窗口二,窗口二中显示购物类应用的页面二,页面二为页面一的子页面。电子设备100可以接收用户操作将窗口二显示在悬浮窗口一中。此时,电子设备100可以同时显示窗口二和窗口一。这样,用户可以在悬浮窗口中同时查看两个商品的详细信息,直观地对比两个商品的价格、参数等,便于用户购买商品。
不限于一个悬浮窗口,电子设备100可以显示;两个及更多的悬浮窗口。
图7A-图7M示例性示出了全屏多窗口显示模式的UI图。
其中,图7A-图7G示例性电子设备100将应用程序一在原窗口显示的页面分别拖出并显示在悬浮窗口中的UI图。
如图7A所示,电子设备100显示有主界面。主界面包括多个应用图标,例如,备忘录应用的图标、文件应用的图标、购物应用的图标7001、视频应用的图标、社交应用的图标8001等。电子设备100可以接收到用户针对购物应用的图标7001的输入操作(例如单击),响应于该输入操作入,电子设备100显示如图7B所示的窗口2201,窗口2201显示的有购物应用的页面7003(主页面),页面7003可以是购物应用的商品推荐页面。页面7003可以包括商品显示区域。该商品显示区域可以显示多个推荐商品图标,推荐商品图标可用于触发显示该推荐商品图标对应的商品详情页面。可选的,页面7003还可以包括个人中心控件、扫一扫控件、商品搜索栏等。
可选的,当页面7003支持在悬浮窗口中显示时,页面7003还可以包括拖动控件7009。其中,电子设备100可以接收并响应于用户对拖动控件7009的长按及拖动操作,当拖动控件7009随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将页面7003显示在悬浮窗口中。用户如何操作拖动控件7009,并使页面7003显示在悬浮窗口中的,请参考图7E-图7G所示的实施例。
如图7B-图7C所示,电子设备100可以响应于用户针对商品搜索栏的输入操作(例如输入文字“手机”),电子设备100将在图7C所示的窗口2202中显示多个手机的商品显示区域的页面7004,如图7C所示。页面7004为页面7003的子页面。其中,页面7004可以包括多个手机的显示区域,例如手机7005的显示区域、手机7006的显示区域和手机7007的显示区域,电子设备100可以接收用户作用于显示屏向上的滑动操作,电子设备100在页面7004中显示其他的手机的显示区域。其中,手机7005的显示区域包括手机的图片、手机的名称“mate40pro”,手机的卖家名称“XX旗舰店”等等。手机7006的显示区域包括手机的图片、手机的名称“mate 30pro”,手机的卖家名称“mate 30pro”等等。手机7007的显示区域包括手机的图片、手机的名称“mate 40”,手机的卖家名称“WW旗舰店”等等。
可选的,当页面7004支持在悬浮窗口中显示时,页面7004还可以包括拖动控件7009。其中,电子设备100可以接收并响应于用户对拖动控件7009的长按及拖动操作,当拖动控件7009随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将页面7004显示在悬浮窗口中。当页面7004显示在悬浮窗口中时,电子设备100在显示屏上显示窗口2201,窗口2201中显示页面7003。用户如何操作拖动控件7009,并使页面7004显示在悬浮窗口中的,请参考图7E-图7G所示的实施例。
如图7C所示,电子设备100可以响应于用户对页面7004中任意一个手机的显示区域(例如手机7005的显示区域)的输入操作(例如单击),电子设备100显示对应的手机的详情页面。
如图7D所示,电子设备100在窗口2203中显示手机7005的详情页面7008,详情页面7008为页面7004的子页面。详情页面7008可以包括手机7005的图片,手机7005的价格,手机7005的详细介绍、手机7005的收藏控件、手机7005的购买控件等等。
可选的,当详情页面7008支持在悬浮窗口中显示时,详情页面7008还可以包括拖动控件7009。其中,电子设备100可以接收并响应于用户对拖动控件7009的长按及拖动操作,当拖动控件7009随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将详情页面7008显示在悬浮窗口中。当详情页面7008显示在悬浮窗口中时,电子设备100在窗口2202中显示页面7004。
具体的,如图7E所示,电子设备100响应于用户对拖动控件7009的长按操作,电子设备100将在窗口2203中显示响应热区7010。电子设备100在窗口2203中显示响应热区7010可以作为提示信息,提示用户将拖动控件7009拖动至响应热区7010内。
不限于电子设备100在窗口2203中显示响应热区7010,电子设备100还可以在窗口2203中显示文字信息、振动等提示用户将拖动控件7009拖动至响应热区7010内。
图7B-图7D只是示例性示出了拖动控件7009在窗口2203中的显示位置。电子设备100可以在窗口2203上的任意位置显示拖动控件7009,本申请实施例在此不做限定。
图7E只是示例性示出了响应热区7010在显示屏中的显示位置。电子设备100可以在显示屏上的任意位置显示响应热区7010,本申请实施例在此不做限定。
图7E只是示例性示出了响应热区7010的显示形式,响应热区7010可以是显示在显示屏上,响应热区7010也可以不显示出来,或者,响应热区7010在显示屏上显示很短的一段时间(例如3秒)后不再显示,本申请实施例对于响应热区7010的显示形式不做限定。
如图7F所示,电子设备10响应于用户对拖动控件7009的长按及拖动操作,使得详情页面7008中的拖动控件7009向响应热区7010内移动。
在页面7008移动的过程中。在一些可能的实现方式中,电子设备100可以在显示屏上显示预设背景图片2204(例如蒙层)。蒙层可以理解为一个页面,蒙层的显示形式可以是透明的,也可以是半透明的,也可以是不透明的。在其他可能的实现方式中,在页面7008移动的过程中,电子设备100在窗口2203中显示详情页面7008,电子设备100在详情页面7008的上方叠加显示蒙层。本申请实施例对于窗口2203中显示的页面内容不做限定。
如图7G所示,在电子设备100接收用户操作将详情页面7008中的拖动控件7009拖动至响应热区7010内之后,用户松开手指,电子设备100将详情页面7008以悬浮窗口的显示显示在显示屏中。此时,电子设备100在窗口2202中显示页面7004。
可选的,在电子设备100监测到详情页面7008中的拖动控件7009位于响应热区7010内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,窗口2203的尺寸将变小。这样,变小后的窗口2203可以作为提示信息,以此提示用户拖动控件7009已经位于响应热区7010内,用户可以松开手指。
可选的,电子设备100可以接收用户操作将窗口2203在电子设备100的显示屏的显示区域内任意移动,电子设备100也可以接收用户操作改变窗口2203的大小。
可选的,当电子设备100将窗口2203以悬浮窗口的形式显示在显示屏上时,详情页面7008中还可以包括最大化控件7012、最小化控件7013和关闭控件7014。其中,最大化控件7012可以用于触发电子设备100最大化窗口2203,即窗口2203的尺寸可以与窗口2202的尺寸一样。最小化控件7013可以用于触发电子设备100最小化窗口2203。关闭控件7014可用于触发电子设备100关闭窗口2203。
具体的,当电子设备100检测到用户点击最大化控件7012时,电子设备100不再以悬浮窗口的形式显示窗口2203,电子设备100将窗口2203覆盖显示在窗口2202上方。如图7D所示的用户界面。
如图7H所示,当电子设备100检测到用户点击最小化控件7013时,电子设备100在显示屏上显示悬浮控件7015。电子设备100可接收用户针对该悬浮控件7015的输入操作,响应于用户的输入操作,电子设备100显示如图7I所示的悬浮区域7016和显示控件7017。电子设备100可以接收用户针对显示控件7017的输入操作,响应于用户的输入操作,电子设备100显示如图7G所示的用户界面。这样,一方面,电子设备100可以将悬浮窗口最小化显示在屏幕边缘,不会遮挡显示屏上显示的其他页面。另一方面,当电子设备100检测到用户需要再次打开悬浮窗口中显示的页面时,只需点击屏幕边缘的悬浮控件7015,即可再次打开悬浮窗口,操作简单。
当电子设备100检测到用户点击关闭控件7014时,电子设备100不再显示窗口2203。在一种实现方式中,电子设备100将在窗口2203覆盖显示在窗口2202上。在另一种实现方式中,电子设备100将窗口2203关闭,在窗口7002中显示页面7004。
可选的,电子设备100接收用户操作退出购物类应用,电子设备100将在显示屏上显示如图7A所示的主界面,同时,电子设备100将窗口2203显示在主界面的上方。这样,即时电子设备100退出了购物类应用,电子设备100仍然可以以悬浮窗的形式显示购物类应用的详情页面7008。
如图7J所示,当用户在不关闭窗口2203的前提下,电子设备100可以接收用户操作打开另一个以悬浮窗口显示的窗口2205,并且在窗口2205中显示另一个手机(例如手机7006)的详情页面7019。这里,电子设备100如何将窗口2205以悬浮窗口显示的,和电子设备100如何将窗口2203以悬浮窗口显示的操作类似,具体的,可以参考图7C-图7G的相关描述,本申请实施例在此不再赘述。
同样的,电子设备100也可以将以悬浮窗口显示的窗口2205以最小化的形式显示在屏幕边缘,即在悬浮区域7016中显示详情页面7019对应的显示控件。
这样,用户可以在悬浮窗口中同时查看两个商品的详细信息,直观地对比两个商品的价格、参数等,便于用户购买商品。
电子设备100也支持将拖出并在悬浮窗口中显示的页面拖回显示在原窗口中。
其中,图7K-图7M示例性示出了电子设备100将以悬浮窗口显示的窗口拖回并以非悬浮窗口显示的UI图。
本申请以下实施例以电子设备100如何将以悬浮窗口显示的窗口2203拖回并以非悬浮窗口显示的为例进行说明,电子设备100将多个悬浮窗口拖回并以非悬浮窗口显示的原理与电子设备100如何将以悬浮窗口显示的窗口2203拖回并以非悬浮窗口显示的原理类似。
电子设备100将以悬浮窗口显示的窗口2203拖回并以非悬浮窗口显示的,有以下另种情况:
情况一:窗口2203中的拖动控件7009位于响应热区2206之外。
需要说明的是,响应热区2206可以与响应热区7010相同,也可以不同,本申请实施例对此做限定。
如图7K所示,电子设备100在窗口2203中显示详情页面7008。当用户需要将以悬浮窗口显示的窗口2203拖回并以非悬浮窗口显示时,如图7K所示,电子设备100接收用户对拖动控件7009的长按操作,响应于用户的长按操作,电子设备100在显示屏的显示区域显示响应热区2206。
如图7L所示,当拖动控件7009位于响应热区2206之外时,电子设备100响应于用户对拖动控件7009的长按及拖动操作,使得详情页面7008中的拖动控件7009向响应热区2206内移动。
可选的,在详情页面7008中的拖动控件7009向响应热区2206内移动的过程中,窗口2203的尺寸可以变大,窗口2203的尺寸也可以不变,本申请实施例对此不做限定。
如图7M所示,在电子设备100监测到详情页面7008中的拖动控件7009拖动至响应热区2206内,用户松开手指,电子设备100将窗口2203以非悬浮窗口的形式覆盖显示在窗口2202上,即电子设备100显示如图7D所示的用户界面。
可选的,在电子设备100监测到详情页面7008中的拖动控件7009位于响应热区2206内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,窗口2203的尺寸将变大,尺寸变大后的窗口2203可以与窗口2202的尺寸大小一样。这样,窗口2203的尺寸变大可以作为提示信息,以此提示用户拖动控件7009已经位于响应热区2206内,用户可以松开手指。
情况二:窗口2203中的拖动控件7009位于响应热区2206内。
如图7M所示,电子设备100在窗口2203中显示详情页面7008。当用户需要将以悬浮窗口显示的窗口2203拖回并以非悬浮窗口显示时,如图7M所示,电子设备100接收用户对拖动控件7009的长按操作,响应于用户的长按操作,电子设备100在显示屏的显示区域显示响应热区2206。
由于拖动控件7009位于响应热区2206内,因此用户不需要拖动拖动控件7009,只需松开手指即可使得窗口2203以非悬浮窗口的形式覆盖显示在窗口2202上,即电子设备100显示如图7D所示的用户界面。
可选的,电子设备100接收用户对拖动控件7009的长按操作,电子设备100显示相应热区2206后,窗口2203的尺寸将变大,尺寸变大后的窗口2203可以与窗口2202的尺寸大小一样。这样,窗口2203的尺寸变大可以作为提示信息,以此提示用户拖动控件7009已经位于响应热区2206内,用户可以松开手指。
图7N-图7S示例性示出了另一种全屏多窗口显示模式的UI图。图7N-图7S显示的页面以及如何将窗口2203拖出并以悬浮窗口显示的操作,以及如何将以悬浮窗口显示的窗口2203变为非悬浮窗口显示的操作与图7A-图7M中的类似,本申请实施例在此不再赘述。不同之处在于,图7A-图7M中,电子设备100只能显示一个非悬浮窗口,且该非悬浮窗口居中显示。显示屏的图像显示区域大于非悬浮窗口所在的图像显示区域。图7N-图7S中,电子设备100只能显示一个非悬浮窗口,显示屏的图像显示区域等于非悬浮窗口所在的图像显示区域。
不同应用程序多任务分屏模式下的悬浮窗口显示应用场景
在一些实施例中,不同应用程序可以是购物类应用程序和社交类应用程序。
电子设备100至少显示两个分屏窗口,电子设备100接收用户操作开启购物类应用程序和社交类应用程序。电子设备100在窗口一中显示购物类应用程序的页面一,电子设备100在窗口二中显示社交类应用程序的页面一。电子设备100接收用户在页面一上的输入操作(例如单击),电子设备100在窗口三中显示社交类应用程序的页面二,社交类应用程序的页面二为社交类应用程序的页面一的子页面。电子设备100可以接收用户操作将窗口三以悬浮窗口的形式显示在显示屏上。
不限于一个悬浮窗口,电子设备100可以显示两个及更多的悬浮窗口。电子设备100也可以显示应用程序一的页面二的悬浮窗口,应用程序一的页面二为应用程序一的页面一的子页面。
图8A-图8E示例性示出了不同应用程序多任务分屏模式的UI图。
如图8A所示,电子设备100可以在窗口2207显示应用程序一(例如社交应用)的即时通信页面2005,在窗口2208中显示的是应用程序二(例如购物应用)的页面2004。
可选的,如图8A所示,当即时通信页面2005支持在悬浮窗口中显示时,即时通信页面2005还可以包括拖动控件8001。其中,电子设备100可以接收并响应于用户对拖动控件8001的长按及拖动操作,当拖动控件8001随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将即时通信页面2005显示在悬浮窗口中。当即时通信页面2005显示在悬浮窗口中时,电子设备100在窗口2210中显示页面2002。
具体的,如图8B所示,电子设备100响应于用户对拖动控件8001的长按以及拖动操作,电子设备100将在窗口2207中显示响应热区8002。电子设备100在窗口2207中显示响应热区8002可以作为提示信息,提示用户将拖动控件8001拖动至响应热区8002内。
不限于电子设备100将在窗口2207中显示响应热区8002,电子设备100还可以在窗口2207中显示文字信息、振动等提示用户将拖动控件8001拖动至响应热区8002内。
图8B只是示例性示出了拖动控件8001在即时通信页面2005中的显示位置。电子设备100可以在即时通信页面2005上的任意位置显示拖动控件8001,本申请实施例在此不做限定。
图8B只是示例性示出了响应热区8002在窗口2207中的显示位置。电子设备100可以在窗口2207上的任意位置显示响应热区8002,本申请实施例在此不做限定。
图8B只是示例性示出了响应热区8002的显示形式,响应热区8002可以是显示在显示屏上,响应热区8002也可以不显示出来,或者,响应热区8002在显示屏上显示很短的一段时间(例如3秒)后不再显示,本申请实施例对于响应热区8002的显示形式不做限定。
如图8C所示,电子设备100响应于用户对拖动控件8001的长按及拖动操作,使得即时通信页面2005中的拖动控件8001向响应热区8002内移动。
可选的,以悬浮窗口形式显示的窗口2207的大小可以与以非悬浮窗口形式显示的窗口2207的大小相同,以悬浮窗口形式显示的窗口2207的大小可以与以非悬浮窗口形式显示的窗口2207的大小不同,本申请实施例在此不做限定。
可选的,以悬浮窗口形式显示的窗口2207中显示的页面和即时通信页面2005内的页面内容相同。在一些可能的实现方式中,以悬浮窗口形式显示的窗口2207中可以不显示即时通信页面2005的页面内容,而只显示蒙层。蒙层可以理解为一个页面,蒙层的大小与以悬浮窗口形式显示的窗口2207的大小相同,蒙层的显示形式可以是透明的,也可以是半透明的,也可以是不透明的。在其他可能的实现方式中,电子设备100在以悬浮窗口形式显示的窗口2207中显示即时通信页面2005,电子设备100在即时通信页面2005的上方叠加显示蒙层。本申请实施例对于以悬浮窗口形式显示的窗口2207中显示的页面内容不做限定。
可选的,如图8C-图8D所示,在电子设备100接收用户操作将即时通信页面2005拖出之后,在电子设备100将窗口2207以悬浮窗口形式显示之前,电子设备100在显示屏上显示预设背景图片2209(例如蒙层),蒙层可以理解为一个页面,蒙层的显示形式可以是透明的,也可以是半透明的,也可以是不透明的。
如图8D所示,在电子设备100接收用户操作将即时通信页面2005中的拖动控件8001拖动至响应热区8002内之后,用户松开手指,电子设备100将窗口2207以悬浮窗口的形式显示。此时,电子设备100在窗口2210中显示页面2002。即时通信页面2005为页面2002的子页面。
可选的,在电子设备100监测到即时通信页面2005中的拖动控件8001位于响应热区8002内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,窗口2207的尺寸将变小。这样,窗口2207的尺寸变小可以作为提示信息,以此提示用户拖动控件8001已经位于响应热区8002内,用户可以松开手指。
可选的,电子设备100可以接收用户操作将以悬浮窗口显示的窗口2207在电子设备100的显示屏的显示区域内任意移动,电子设备100也可以接收用户操作改变以悬浮窗口显示的窗口2207的大小。
可选的,当电子设备100将即时通信页面2005显示在以悬浮窗口显示的窗口2207中时,即时通信页面2005还可以包括最大化控件8004、最小化控件8005和关闭控件8006。其中,最大化控件8004、最小化控件8005和关闭控件8006与图7G所示的实施例中描述的最大化控件7012、最小化控件7013和关闭控件7014的功能类似,具体的,可以参考图7G中的相关描述,本申请实施例在此不再赘述。
可选的,如图8E所示,当用户在不关闭以悬浮窗口显示的窗口2207的前提下,电子设备100可以接收用户操作打开另一个悬浮窗口2211,并且在悬浮窗口2211中显示另一个联系人(例如联系人“Henry”)的即时通信页面2017。这里,电子设备100如何在悬浮窗口2211中显示即时通信页面2017的,和电子设备100如何在以悬浮窗口显示的窗口2207中显示即时通信页面2005的操作类似,具体的,可以参考图8B-图8D的相关描述,本申请实施例在此不再赘述。
电子设备100也可以将以悬浮窗口显示的窗口2207和以悬浮窗口显示的窗口2211以最小化的形式显示在屏幕边缘。具体的,可以参考图7H-图7I中的相关描述,本申请实施例在此不再赘述。
这样,用户可以在悬浮窗口中打开两个联系人的对话框,实现了用户可以同时与多人聊天。
电子设备100也支持将拖出并在悬浮窗口中显示的页面拖回显示在原窗口中。
电子设备100将图8D或者图8E的悬浮窗口中显示的页面拖回显示至原窗口中与图7K-图7M中的类似,具体的,可以参考图7K-图7M中的描述,本申请实施例在此不再赘述。
同一应用程序多任务分屏模式下的悬浮窗口显示应用场景
在一些实施例中,同一应用程序可以是备忘录应用程序。
电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),电子设备100接收用户操作分别将备忘录应用程序开启了两次。电子设备100在窗口一中显示备忘录应用程序的页面一,电子设备100在窗口二中显示备忘录应用程序的页面一。电子设备100接收用户在窗口二中的页面一上的输入操作(例如单击),电子设备100在窗口三中显示备忘录应用程序的页面二,窗口三中的页面二为窗口二中的页面一的子页面。电子设备100可以接收用户操作将窗口三以悬浮窗口的显示显示在显示屏上。
不限于一个悬浮窗口,电子设备100可以显示两个及更多的悬浮窗口。
在一些实施例中,该同一个应用程序可以是备忘录应用程序。
图9A-图9E示例性示出了同一应用程序多任务分屏模式的UI图。
如图9A所示,电子设备100可以在显示屏上显示两个窗口,窗口2212和窗口2213。窗口2212中显示的是备忘录应用程序的主页面(页面1002),窗口2213中显示的是备忘录应用程序的主页面(页面1002)的子页面1003。
可选的,如图9A所示,当页面1002支持在悬浮窗口中显示时,页面1002还可以包括拖动控件9001。其中,电子设备100可以接收并响应于用户对拖动控件9001的长按及拖动操作,当拖动控件9001随着用户的拖动操作并处于响应热区内,则电子设备100可以将窗口2212以悬浮窗的形式显示在显示屏上。用户如何操作拖动控件9001,并将窗口2212以悬浮窗的形式显示在显示屏上的,请参考图9D-图9E所示的实施例。
可选的,如图9A所示,当页面1003支持在悬浮窗口中显示时,页面1003还可以包括拖动控件9001。其中,电子设备100可以接收并响应于用户对拖动控件9001的长按及拖动操作,当拖动控件9001随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将窗口2213以悬浮窗的形式显示在显示屏中。
具体的,如图9B所示,电子设备100响应于用户对拖动控件9001的长按以及拖动操作,电子设备100将在窗口2213中显示响应热区9002。电子设备100在窗口2213中显示响应热区9002可以作为提示信息,提示用户将拖动控件9001拖动至响应热区9002内。
如图9C所示,电子设备100响应于用户对拖动控件9001的长按及拖动操作,使得页面1003中的拖动控件9001向响应热区9002内移动。
如图9D所示,当拖动控件9001位于响应热区9002内时,用户松开手指,电子设备100将窗口2213以悬浮窗口的形式显示在显示屏上。电子设备100将窗口2213以悬浮窗口的形式显示在显示屏上后,电子设备100在窗口2215中显示页面1002。具体,图9A-图9D所示的电子设备100如何接收用户操作将窗口2213以悬浮窗口的形式显示在显示屏上的操作,与图7E-图7G中电子设备100如何将窗口2203以悬浮窗口的形式显示在显示屏上的操作类似,具体的,可以参考图7E-图7G中的相关描述,本申请实施例在此不再赘述。
如图9E所示,当用户在不关闭以悬浮窗口的形式显示的窗口2213前提下,电子设备100可以接收用户操作打开另一个悬浮窗口2216,并且在悬浮窗口2216中显示另一个笔记(例如笔记4)的页面1005。这里,电子设备100如何在悬浮窗口2216中显示页面1005的,和电子设备100如何在以悬浮窗口的形式显示的窗口2213中显示页面1003的操作类似,具体的,可以参考图9A-图9D的相关描述,本申请实施例在此不再赘述。
这样,电子设备100可以在悬浮窗口中打开两个笔记的详情内容,用户可以同时查看两个笔记的详情内容,提高了用户体验。
电子设备100也可以将以悬浮窗口的形式显示的窗口2213和悬浮窗口2216以最小化的形式显示在屏幕边缘。具体的,可以参考图7H-图7I中的相关描述,本申请实施例在此不再赘述。
这样,用户可以在悬浮窗口中同时查看两个笔记的详细信息,便于用户同时查看不同的笔记。
电子设备100也支持将拖出并在悬浮窗口中显示的页面拖回显示在原窗口中。
电子设备100将以悬浮窗口的形式显示的窗口2213和将以悬浮窗口的形式显示的窗口2116变为非悬浮窗显示的形式。具体实现,与图7K-图7M中的类似,具体的,可以参考图7K-图7M中的描述,本申请实施例在此不再赘述。
同一应用程序单任务分屏模式下的悬浮窗口显示应用场景
在一些实施例中,同一应用程序可以是社交类应用程序。
电子设备100至少显示两个分屏窗口(例如窗口一和窗口二),窗口一显示在显示屏的左半边区域,窗口二显示在显示屏的右半边区域。电子设备100在窗口一中显示社交类应用程序的页面一,电子设备100在窗口二中显示社交类应用程序的页面二,窗口一中显示的页面是社交类应用程序的主页面。页面二是页面一的子页面。
当窗口二没有覆盖显示其他的窗口时,电子设备100接收用户操作将窗口二以悬浮窗的形式显示在显示屏上。在一种可能的实现方式中,电子设备100在之前窗口二所在的图像显示区域显示预设图片(例如空白页),在其他可能的实现方式中,电子设备100可以将窗口一居中显示。
当窗口二有覆盖显示其他的窗口时,电子设备100接收用户操作将窗口二以悬浮窗的形式显示在显示屏上。电子设备100在之前窗口二所在的图像显示区域显示窗口三。窗口三显示页面三。页面三也可以是页面一的子页面,页面三和页面二可以为同一级页面,页面三也可以是页面二的上一级页面。
电子设备100也接收用户操作将窗口一以悬浮窗的形式显示在显示屏上。当窗口一以悬浮窗的形式显示在显示屏上后,在一种可能的实现方式中,电子设备100将窗口二居中显示。在其他可能的实现方式中,由于窗口一为社交类应用程序的主页面。因此,电子设备100不可以将窗口一以悬浮窗的形式显示在显示屏上。那么当用户将窗口一拖出之后,电子设备100将窗口二叠加显示在窗口一上方,且电子设备100将窗口二居中显示。
电子设备100可以显示一个悬浮窗口,也可以显示两个悬浮窗口。这样,电子设备100可以同时社交类应用程序的多个页面。
其中,图10A-图10I示例性电子设备100将同一应用程序单任务分屏模式下的应用程序内的多个页面分别拖出并分别显示在多个悬浮窗口中的UI图。
如图10A所示,电子设备100在窗口2217中显示页面2002,在窗口2218中显示即时通信页面2017。即时通信页面2017为页面2002的子页面。
如图10A所示,当用户又想打开联系人“Lily”的即时通信页面时,电子设备100可以接收用户针对图10A所示的用户界面中联系人“Lily”图标的输入操作(例如单击),响应于用户的输入操作,电子设备100显示如图10B所示的用户界面。
如图10B所示,电子设备100在窗口2219中显示联系人“Lily”对应的即时通信页面2005。即时通信页面2005和即时通信页面2017均为页面2002的子页面。即时通信页面2005和即时通信页面2017为同一个层级的页面。
可选的,如图10A-图10B所示,当页面2002、即时通信页面2005和即时通信页面2017支持在悬浮窗口中显示时,页面2002、即时通信页面2005和即时通信页面2017还可以包括拖动控件1102。其中,电子设备100可以接收并响应于用户对即时通信页面2005中的拖动控件1102的长按及拖动操作,当拖动控件1102随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区内,电子设备100可以将窗口2219以悬浮窗的形式显示在显示屏上。当窗口2219以悬浮窗的形式显示在显示屏上时,电子设备100将在窗口2018中显示即时通信页面2017。
具体的,如图10C所示,电子设备100响应于用户对拖动控件1102的长按以及拖动操作,电子设备100将显示响应热区1103。电子设备100显示响应热区1103可以作为提示信息,提示用户将拖动控件1102拖动至响应热区1103内。
不限于电子设备100显示响应热区1103,电子设备100还可以显示文字信息、振动等提示用户将拖动控件1102拖动至响应热区1103内。
图10C只是示例性示出了拖动控件1102在显示屏中的显示位置。电子设备100可以在显示屏上的任意位置显示拖动控件1102,本申请实施例在此不做限定。
图10C只是示例性示出了响应热区1103在显示屏中的显示位置。电子设备100可以在显示屏上的任意位置显示响应热区1103,本申请实施例在此不做限定。
图10C只是示例性示出了响应热区1103的显示形式,响应热区1103可以是显示在显示屏上,响应热区1103也可以不显示出来,或者,响应热区1103在显示屏上显示很短的一段时间(例如3秒)后不再显示,本申请实施例对于响应热区1103的显示形式不做限定。
如图10C所示,电子设备100响应于用户对拖动控件1102的长按及拖动操作,使得窗口2219中的拖动控件1102向响应热区1103内移动。
如图10D所示,当拖动控件1102位于响应热区1103内时,用户松开手指,电子设备100将窗口2219以悬浮窗口的形式显示在显示屏上。电子设备100将窗口2219以悬浮窗口的形式显示在显示屏上后,电子设备100在窗口2218中显示即时通信页面2017,例如显示如图10E所示的用户界面。具体,图10A-图10E所示的电子设备100如何接收用户操作将窗口2219以悬浮窗口的形式显示在显示屏上的操作,与图7E-图7G中电子设备100如何将窗口2203以悬浮窗口的形式显示在显示屏上的操作类似,具体的,可以参考图7E-图7G中的相关描述,本申请实施例在此不再赘述。
如图10F所示,当用户在不关闭以悬浮窗口的形式显示的窗口2219前提下,电子设备100可以再接收用户操作将窗口2218以悬浮窗口的形式显示在显示屏上,并且在以悬浮窗口的形式显示的窗口2218中显示即时通信页面2017。如图10E所示,当窗口2218以悬浮窗口的形式显示在显示屏上之后,当图像显示区域2220中不包括其他非悬浮窗口时,电子设备100在图像显示区域2220中显示空白页面,也可以在图像显示区域2220中显示社交应用程序的图标等。电子设备100还是将窗口2217显示在图像显示区域2221中。图像显示区域2220和图像显示区域2221不重叠,且电子设备100的图像显示区域包括图像显示区域2221和图像显示区域2220。
在其他可能的实现方式中,如图10G所示,当用户在不关闭以悬浮窗口的形式显示的窗口2219前提下,电子设备100可以再接收用户操作将窗口2218以悬浮窗口的形式显示在显示屏上,并且在以悬浮窗口的形式显示的窗口2218中显示即时通信页面2017。如图10G所示,当窗口2218以悬浮窗口的形式显示在显示屏上之后,当图像显示区域2220中不包括其他非悬浮窗口时,电子设备100将窗口2217居中显示。
这里,电子设备100如何将窗口2218以悬浮窗口的形式显示在显示屏上的,和电子设备100如何在以悬浮窗口的形式显示的窗口2219中显示页面2005的操作类似,具体的,可以参考图10A-图10D的相关描述,本申请实施例在此不再赘述。
这样,用户可以在悬浮窗口中打开两个联系人的对话框,实现了用户可以同时与多人聊天。
可选的,电子设备100也支持将以悬浮窗形式显示的窗口变为非悬浮窗显示的形式,也就是说,电子设备100支持将以悬浮窗口的形式显示的窗口2218和将以悬浮窗口的形式显示的窗口2119变为非悬浮窗显示的形式。具体实现中,与图7K-图7M中的类似,具体的,可以参考图7K-图7M中的描述,本申请实施例在此不再赘述。
但是,与图7K-图7M不同之处在于,电子设备100将以悬浮窗口的形式显示的窗口2219变为非悬浮窗显示的形式,与悬浮窗口上的拖动控件1102所在的位置有关系。
示例性的,如图10H所示,当拖动控件1102所在的位置位于图像显示区域2220中的响应热区2223中时,电子设备100将以悬浮窗口的形式显示的窗口2219以非悬浮窗口的形式显示在图像显示区域2220中。例如显示如图10B所示的用户界面。
示例性的,如图10I所示,当拖动控件1102所在的位置位于图像显示区域2221中的响应热区2223中时,电子设备100将以悬浮窗口的形式显示的窗口2219以非悬浮窗口的形式显示在图像显示区域2221中。例如显示如图10I所示的用户界面。
自由模式下的悬浮窗口显示应用场景
在一些实施例中,不同的窗口显示不同的应用程序的页面。不同的应用程序可以是视频类应用程序和社交类应用程序。
其中,图11A-图11D示例性电子设备100将自由模式下同一应用程序的多个页面分别拖出并分别显示在多个悬浮窗口中的UI图。
如图11A所示,电子设备100可以在窗口2224中显示社交类应用程序的即时通信页面2017,在窗口2225中显示的是视频类应用程序的页面2022。
可选的,如图11A所示,当页面2022支持在悬浮窗口中显示时,页面2022还可以包括拖动控件1201。其中,电子设备100可以接收并响应于用户对拖动控件1201的长按及拖动操作,当拖动控件1201随着用户的拖动操作并处于响应热区内,则电子设备100可以将窗口2224以悬浮窗的形式显示在显示屏中。
可选的,如图11A所示,当即时通信页面2017支持在悬浮窗口中显示时,即时通信页面2017还可以包括拖动控件1201。其中,电子设备100可以接收并响应于用户对拖动控件1201的长按及拖动操作,当拖动控件1201随着用户的拖动操作并处于响应热区内,即电子设备100监测到用户手指在显示屏上的触摸位置位于响应热区时,电子设备100可以将窗口2224以悬浮窗的形式显示在显示屏上。
具体的,如图11B所示,电子设备100响应于用户对拖动控件1201的长按以及拖动操作,电子设备100显示响应热区1202。电子设备100在窗口2019中显示响应热区1202可以作为提示信息,提示用户将拖动控件1201拖动至响应热区1202内。
不限于电子设备100显示响应热区1202,电子设备100还可以显示文字信息、振动等提示用户将拖动控件1201拖动至响应热区1202内。
图11B只是示例性示出了拖动控件1201在即时通信页面2017中的显示位置。电子设备100可以在即时通信页面2017上的任意位置显示拖动控件1201,本申请实施例在此不做限定。
图11B只是示例性示出了响应热区1202的显示位置。电子设备100可以在窗口2019上的任意位置显示响应热区1202,本申请实施例在此不做限定。
图11B只是示例性示出了响应热区1202的显示形式,响应热区1202可以是显示在显示屏上,响应热区1202也可以不显示出来,或者,响应热区1202在显示屏上显示很短的一段时间(例如3秒)后不再显示,本申请实施例对于响应热区1202的显示形式不做限定。
如图11C所示,电子设备100响应于用户对拖动控件1201的长按及拖动操作,使得即时通信页面2023中的拖动控件1201向响应热区1202内移动。
如图11D所示,当拖动控件1201位于响应热区1202内时,用户松开手指,电子设备100将窗口2224以悬浮窗口的形式显示在显示屏上。电子设备100将窗口2224以悬浮窗口的形式显示在显示屏上后,电子设备100在窗口2226中显示页面2002。具体,图11A-图11D所示的电子设备100如何接收用户操作将窗口2224以悬浮窗口的形式显示在显示屏上的操作,与图7E-图7G中电子设备100如何将窗口2203以悬浮窗口的形式显示在显示屏上的操作类似,具体的,可以参考图7E-图7G中的相关描述,本申请实施例在此不再赘述。
如图11E所示,当用户在不关闭以悬浮窗口的形式显示的窗口2224前提下,电子设备100可以接收用户操作打开另一个悬浮窗口2227,并且在悬浮窗口2227中显示另一个联系人的即时通信页面。这里,电子设备100如何在悬浮窗口2227中显示即时通信页面2005的,和电子设备100如何在以悬浮窗口的形式显示的窗口2224中显示即时通信页面2017的操作类似,具体的,可以参考图11A-图11D的相关描述,本申请实施例在此不再赘述。
这样,电子设备100可以在悬浮窗口中打开两个联系人的即时通信页面,提高了用户体验。
电子设备100也可以将以悬浮窗口的形式显示的窗口2224和悬浮窗口2227以最小化的形式显示在屏幕边缘。具体的,可以参考图7H-图7I中的相关描述,本申请实施例在此不再赘述。
电子设备100也支持将拖出并在悬浮窗口中显示的页面拖回显示在原窗口中。
电子设备100将以悬浮窗口的形式显示的窗口2224和将以悬浮窗口的形式显示的窗口2127变为非悬浮窗显示的形式。具体实现,与图7K-图7M中的类似,具体的,可以参考图7K-图7M中的描述,本申请实施例在此不再赘述。
接下来,将分别对实施例一中介绍的全屏多窗口显示模式、不同应用程序多任务分屏模式、同一应用程序多任务分屏模式、同一应用程序单任务分屏模式和自由模式下的多窗口显示应用场景显示同一应用程序的一个或多个页面的具体实现进行说明。
全屏多窗口显示模式的具体实现
图12A-图12C示例性示出了全屏多窗口显示模式的具体实现的UI图。
如前述图7A-图7B所示,电子设备100接收用户操作打开了社交应用程序,电子设备100在窗口7002中显示页面7003。
如图12A中的(a)所示,电子设备100创建应用程序一的任务栈一,并将页面7003对应的活动记录1存放在任务栈一中。由于,活动记录1位于任务栈一中的顶层,因此电子设备100可以显示页面7003。
如前述图7C所示,电子设备100接收用户操作打开了社交应用程序的页面7004。
如图12A中的(a)所示,电子设备100将页面7004对应的活动记录2存放在任务栈一中。由于,活动记录2位于任务栈一中的顶层,因此电子设备100可以显示页面7004,电子设备100不可显示页面7003。
如前述图7C-图7D所示,电子设备100接收用户操作打开了手机7005的详情页面7008。
如图12A中的(a)所示,电子设备100将详情页面7008对应的活动记录3存放在任务栈一中。由于,活动记录3位于任务栈一中的顶层,因此电子设备100可以显示详情页面7008电子设备100不可显示页面7003和页面7004。
如前述图7E-图7G所示,电子设备100接收用户操作将详情页面7008显示在以悬浮窗形式显示的窗口2203中。
如图12A中的(a)和(b)所示,电子设备100创建窗口2203的任务栈(图12A中的(b)所示的任务栈二)。
之后,电子设备100将详情页面7008对应的活动记录3从任务栈一中移除,并存放在任务栈二中。
如图12A中的(c)和(d)所示,电子设备100将详情页面7008对应的活动记录3从任务栈一中移除之后,任务栈一包括页面7003对应的活动记录1和页面7004对应的活动记录2。任务栈二包括详情页面7008对应的活动记录3。
由于页面7004对应的活动记录2位于任务栈一的顶层,详情页面7008对应的活动记录3位于任务栈二的顶层,因此电子设备100可以显示页面7004和详情页面7008。
在全屏多窗口显示模式应用场景中,电子设备100也支持同时显示多个悬浮窗口。
首先,电子设备100接收用户操作在窗口7002中显示详情页面7019。
如图12B中的(a)和(b)所示,电子设备100将详情页面7019对应的活动记录4存放在任务栈一中,详情页面7008对应的活动记录3存放在任务栈二中。由于,活动记录4位于任务栈一中的顶层,详情页面7008对应的活动记录3位于任务栈二的顶层,因此电子设备100可以显示详情页面7008和详情页面7019。电子设备100不可显示页面7004和页面7003。
如前述图7G所示,电子设备100接收用户操作将详情页面7019显示在悬浮窗口7018中。
如图12B中的(a)、(b)和(c)所示,电子设备100创建悬浮窗口7018的任务栈(图12B中的(c)所示的任务栈三)。
之后,电子设备100将详情页面7019对应的活动记录4从任务栈一中移除,并存放在任务栈三中。
如图12B中的(d)、(e)和(f)所示,电子设备100将详情页面7019对应的活动记录4从任务栈一中移除之后,任务栈一包括页面7003对应的活动记录1和页面7004对应的活动记录2。任务栈二包括详情页面7008对应的活动记录3。任务栈三包括详情页面7019对应的活动记录4。
由于页面7004对应的活动记录2位于任务栈一的顶层,详情页面7008对应的活动记录3位于任务栈二的顶层,详情页面7019对应的活动记录4位于任务栈三的顶层,因此电子设备100可以显示页面7004、详情页面7008和详情页面7019。
电子设备100也支持将拖出并显示在悬浮窗口中的页面拖回并显示在原窗口中。
如前述图7K-图7M所示,电子设备100接收用户操作将以悬浮窗形式显示的窗口2203变为非悬浮窗的形式。
如图12C中的(a)和(b)所示,电子设备100将任务栈二中的详情页面7008对应的活动记录3从任务栈二中移除,并将详情页面7008对应的活动记录3存放在任务栈一中。
如图12C中的(c)所示,电子设备100将详情页面7008对应的活动记录3存放在任务栈一中之后,电子设备100将任务栈二删除。由于详情页面7008对应的活动记录3位于任务栈一的顶层,因此电子设备100可以显示详情页面7008,电子设备100不可显示页面7003和页面7004。电子设备100显示如图7D所示的用户界面。
不同应用程序多任务分屏模式的具体实现
图13A-图13C示例性示出了不同应用程序多任务分屏模式的具体实现的UI图。
电子设备100可以在窗口2001显示应用程序一的即时通信页面2005,在窗口2003中显示的是应用程序二(例如购物应用)的页面2004。
如图13A中的(a)所示,电子设备100创建应用程序一的任务栈一,并将页面2002对应的活动记录1和即时通信页面2005对应的活动记录2存放在应用程序一的任务栈一中。由于即时通信页面2005对应的活动记录2位于应用程序一的任务栈一中的顶层,因此电子设备100可以显示即时通信页面2005,但不可显示页面2002。
如图13A中的(c)所示,电子设备100创建应用程序二的任务栈一,并将页面2004对应的活动记录3存放在应用程序二的任务栈一中。由于页面2004对应的活动记录3位于应用程序二的任务栈一中的顶层,因此电子设备100可以显示页面2004。
如前述图8B-图8D所示,电子设备100接收用户操作将即时通信页面2005拖出并显示在悬浮窗口2207中。
如图13A中的(a)和(b)所示,电子设备100创建悬浮窗口8003的任务栈(图13A中的(b)所示的应用程序一的任务栈二)。
之后,电子设备100将即时通信页面2005对应的活动记录2从应用程序一的任务栈一中移除,并存放在应用程序一的任务栈二中。
如图13A中的(d)、(e)和(f)所示,电子设备100将即时通信页面2005对应的活动记录2从应用程序一的任务栈一中移除之后,应用程序一的任务栈一包括页面2002对应的活动记录1。应用程序一的任务栈二包括即时通信页面2005对应的活动记录2。应用程序二的任务栈一包括页面2004对应的活动记录3。
由于页面2002对应的活动记录1位于应用程序一的任务栈一的顶层,即时通信页面2005对应的活动记录2位于应用程序一的任务栈二的顶层,页面2004对应的活动记录3位于应用程序二的任务栈一的顶层。因此,电子设备100可以同时显示页面2002、即时通信页面2005和页面2004。如图8D所示的用户界面。
在不同应用程序多任务分屏模式应用场景中,电子设备100也支持同时显示多个悬浮窗口。
首先,电子设备100接收用户操作在窗口2001中显示应用程序一的即时通信页面2017。
如图13B中的(a)所示,电子设备100将即时通信页面2017对应的活动记录4存放在应用程序一的任务栈一中。由于,活动记录4位于应用程序一的任务栈一中的顶层,因此电子设备100可以显示即时通信页面2017。电子设备100不可显示页面2002。
如图13B中的(c)和(d)所示,即时通信页面2005对应的活动记录2位于应用程序一的任务栈二的顶层,页面2004对应的活动记录3位于应用程序二的任务栈一的顶层。因此,电子设备100可以显示即时通信页面2005和页面2004。
如前述图8E所示,电子设备100可以接收用户操作将即时通信页面2017显示在悬浮窗口2211中。
如图13B中的(a)和(b)所示,电子设备100创建悬浮窗口2211的任务栈(图13B中的(b)所示的任务栈三)。
之后,电子设备100将即时通信页面2017对应的活动记录4从应用程序一的任务栈一中移除,并存放在应用程序一的任务栈三中。
如图13B中的(e)、(f)、(g)和(h)所示,电子设备100将即时通信页面2017对应的活动记录4从应用程序一的任务栈一中移除之后,应用程序一的任务栈一包括页面2002对应的活动记录1。应用程序一的任务栈三包括即时通信页面2017对应的活动记录4。
由于页面2002对应的活动记录1位于应用程序一的任务栈一的顶层,即时通信页面2017对应的活动记录4位于应用程序一的任务栈三的顶层,即时通信页面2005对应的活动记录2位于应用程序一的任务栈二的顶层,页面2004对应的活动记录3位于应用程序二的任务栈一的顶层。因此电子设备100可以同时显示应用程序一的页面2002、应用程序一的即时通信页面2017、应用程序一的即时通信页面2005和应用程序二的页面2004。
电子设备100也支持将拖出并显示在悬浮窗口中的页面(例如悬浮窗口2211中显示的即时通信页面2017)拖回并显示在原窗口中。
如图13C中的(a)、(b)、(c)和(d)所示,电子设备100将应用程序一的任务栈三中的即时通信页面2017对应的活动记录4从应用程序一的任务栈三中移除,并将即时通信页面2017对应的活动记录4存放在任务栈一中。
如图13C中的(e)、(f)和(g)所示,电子设备100将即时通信页面2017对应的活动记录4存放在应用程序一的任务栈一中之后,电子设备100将应用程序一的任务栈三删除。由于即时通信页面2017对应的活动记录4位于应用程序一的任务栈一的顶层,即时通信页面2005对应的活动记录2位于应用程序一的任务栈二的顶层,页面2004对应的活动记录3位于应用程序二的任务栈一的顶层。因此电子设备100可以同时显示即时通信页面2017、即时通信页面2005和页面2004,电子设备100不可显示页面2002。
同一应用程序多任务分屏模式的具体实现
图14A-图14C示例性示出了同一应用程序多任务分屏模式的具体实现的UI图。
如前述图3E所示,电子设备100在窗口2008中显示的是备忘录应用程序的主页面(页面1002),窗口2010中显示的是备忘录应用程序的也是主页面(页面1002)。
如图14A中的(a)所示,电子设备100创建应用程序一的实例一,并创建实例一的任务栈一,电子设备100将页面1002对应的活动记录1存放在实例一的任务栈一中。
如图14A中的(b)所示,电子设备100创建应用程序一的实例二,并创建实例二的任务栈一,电子设备100将页面1002对应的活动记录1存放在实例二的任务栈一中。
如图14A中的(b)所示,电子设备100将页面1003对应的活动记录2存放在实例二的任务栈一中。由于页面1003对应的活动记录2位于实例二的任务栈一的顶层,因此电子设备100可以在窗口2010中显示页面1003,但是电子设备100不可在窗口2010中显示页面1002。
如前述图9B-图9D所示,电子设备100接收用户操作将页面1003拖出并显示在悬浮窗口2213中。
如图14A中的(c)所示,电子设备100创建悬浮窗口2213的任务栈(图14A中的(c)所示的实例二的任务栈二)。
如图14A中的(b)和(c)所示,电子设备100将页面1003对应的活动记录2从实例二的任务栈一中移除,并存放在实例二的任务栈二中。
如图14A中的(e)和(f)所示,电子设备100将页面1003对应的活动记录2从实例二的任务栈一中移除之后,实例二的任务栈一包括页面1002对应的活动记录1。实例二的任务栈二包括页面1003对应的活动记录2。
如图14A中的(d)、(e)和(f)所示,由于页面1002对应的活动记录1位于实例一的任务栈一的顶层,页面1002对应的活动记录1位于实例二的任务栈一的顶层,页面1003对应的活动记录2位于实例二的任务栈二的顶层。
在同一应用程序多任务分屏模式应用场景中,电子设备100也支持同时显示多个悬浮窗口。
首先,电子设备100接收用户操作显示笔记4的页面1005。
如图14B中的(b)所示,电子设备100将页面1005对应的活动记录3存放在实例二的任务栈一中。
如图14B中的(a)所示,页面1002对应的活动记录1位于实例一的任务栈一的顶层。
如图14B中的(d)所示,页面1003对应的活动记录2位于实例二的任务栈二的顶层。
如前述图9E所示,电子设备100可以接收用户操作将页面1005显示在悬浮窗口2216中。
如图14B中的(b)和(c)所示,电子设备100创建悬浮窗口9007的任务栈(图14B中的(c)所示的任务栈三)。
之后,电子设备100将页面1005对应的活动记录3从实例二的任务栈一中移除,并存放在实例二的任务栈三中。
如图14B中的(f)和(g)所示,电子设备100将页面1005对应的活动记录3从实例二的任务栈一中移除之后,实例二的任务栈一包括页面1002对应的活动记录1。实例二的任务栈三包括页面1005对应的活动记录3。
如图14B中的(e)、(f)、(g)和(h)所示,由于页面1002对应的活动记录1位于实例一的任务栈一的顶层,页面1002对应的活动记录1位于实例二的任务栈一的顶层,页面1005对应的活动记录3位于实例二的任务栈三的顶层,页面1003对应的活动记录2位于实例二的任务栈二的顶层。因此电子设备100可以在窗口2212中显示页面1002、在窗口2215中显示页面1002、在悬浮窗口2213中显示页面1003、在悬浮窗口2216中显示页面1005。例如显示图9E所示的用户界面。
电子设备100也支持将拖出并显示在悬浮窗口中的页面(例如悬浮窗口2213中显示的页面1003)拖回并显示在原窗口中。
如图14C中的(a)、(b)和(c)所示,电子设备100将实例二的任务栈二中的页面1003对应的活动记录2从实例二的任务栈二中移除,并将页面1003对应的活动记录2存放在实例二的任务栈一。
如图14C中的(d)和(e)所示,电子设备100将页面1003对应的活动记录2存放在实例二的任务栈一中之后,电子设备100将实例二的任务栈二删除。由于页面1002对应的活动记录1位于实例一的任务栈一的顶层,页面1003对应的活动记录2位于实例二的任务栈一的顶层。
同一应用程序单任务分屏模式的具体实现
图15A-图15C示例性示出了同一应用程序单任务分屏模式的具体实现的UI图。
如前述图3H所示,电子设备100接收用户操作打开了社交应用程序,电子设备100显示社交应用程的主页面(页面2002)。
如图15A中的(a)所示,电子设备100创建应用程序一的任务栈一,并将页面2002对应的活动记录1存放在任务栈一中。由于活动记录1位于任务栈一中的顶层,因此电子设备100可以显示页面2002。
如前述图3H-图3I所示,电子设备100接收用户操作打开了联系人“Henry”对应的即时通信页面2017。
如图15A中的(a)所示,电子设备100将即时通信页面2017对应的活动记录2存放在任务栈一中。由于,活动记录2位于任务栈一中的顶层,因此电子设备100可以显示即时通信页面2017,电子设备100不可显示页面2002。
如前述图10A-图10B所示,电子设备100接收用户操作打开了联系人“Lily”对应的即时通信页面2005。
如图15A中的(a)所示,电子设备100将即时通信页面2005对应的活动记录3存放在任务栈一中。由于,活动记录3位于任务栈一中的顶层,因此电子设备100可以显示即时通信页面2005,电子设备100不可显示即时通信页面2017和页面2002。
如前述图10C-图10E所示,电子设备100接收用户操作将即时通信页面2005显示在悬浮窗口1104中。
如图15A中的(a)和(b)所示,电子设备100创建悬浮窗口1104的任务栈(图15A中的(b)所示的任务栈二)。
之后,电子设备100将即时通信页面2005对应的活动记录3从任务栈一中移除,并存放在任务栈二中。
如图15A中的(c)和(d)所示,电子设备100将即时通信页面2005对应的活动记录3从任务栈一中移除之后,任务栈一包括页面2002对应的活动记录1和即时通信页面2017对应的活动记录2。任务栈二包括即时通信页面2005对应的活动记录3。
如前述图10E所示,电子设备100可以在窗口2217中显示页面2002,在窗口2218中显示即时通信页面2017,在悬浮窗口2219中显示即时通信页面2005。
在同一应用程序单任务分屏模式应用场景中,电子设备100也支持同时显示多个悬浮窗口。
如前述图10F所示,电子设备100接收用户操作将即时通信页面2017显示在悬浮窗口2218中。
如图15B中的(a)、(b)和(c)所示,电子设备100创建悬浮窗口2218的任务栈(图15B中的(b)所示的任务栈三)。
之后,电子设备100将即时通信页面2017对应的活动记录2从任务栈一中移除,并存放在任务栈三中。
如图15B中的(d)、(e)和(f)所示,电子设备100将即时通信页面2017对应的活动记录2存放在任务栈三中之后,任务栈一包括页面2002对应的活动记录1。任务栈二包括即时通信页面2005对应的活动记录3。任务栈三包括即时通信页面2017对应的活动记录2。
如前述图10F所示,电子设备100可以在窗口2217中显示页面2002,在悬浮窗口2218中显示即时通信页面2005,在悬浮窗口2218中显示即时通信页面2017。
电子设备100也支持将拖出并显示在悬浮窗口中的页面(例如悬浮窗口2219中显示的即时通信页面2005)拖回并显示在原窗口中。
如前述图10H-图10I所示,电子设备100接收用户操作将即时通信页面2005拖回并显示在原窗口中。
如图15C中的(a)和(b)所示,电子设备100将任务栈二中的即时通信页面2005对应的活动记录3从任务栈二中移除,并将即时通信页面2005对应的活动记录3存放在任务栈一中。
如图15C中的(c)所示,电子设备100将即时通信页面2005对应的活动记录3存放在任务栈一中之后,电子设备100将任务栈二删除。
自由模式的具体实现
图16A-图16C示例性示出了自由模式的具体实现的UI图。
如前述图3K所示,电子设备100可以在窗口2224中显示应用程序一(社交类应用程序)的即时通信页面2017,在窗口2225中显示的是应用程序二(视频类应用程序)的页面2022。
如图16A中的(a)所示,电子设备100创建应用程序一的任务栈一,并将页面2002对应的活动记录1和即时通信页面2017对应的活动记录2存放在应用程序一的任务栈一中。由于即时通信页面2017对应的活动记录2位于应用程序一的任务栈一中的顶层,因此电子设备100可以显示即时通信页面2017,但不可显示页面2002。
如图16A中的(c)所示,电子设备100创建应用程序二的任务栈一,并将页面2022对应的活动记录3存放在应用程序二的任务栈一中。由于页面2022对应的活动记录3位于应用程序二的任务栈一中的顶层,因此电子设备100可以显示页面2022。
如前述图11B-图11D所示,电子设备100接收用户操作将即时通信页面2017拖出并显示在悬浮窗口2224中。
如图16A中的(a)和(b)所示,电子设备100创建悬浮窗口1212的任务栈(图16A中的(b)所示的应用程序一的任务栈二)。
之后,电子设备100将即时通信页面2005对应的活动记录2从应用程序一的任务栈一中移除,并存放在应用程序一的任务栈二中。
如图16A中的(d)、(e)和(f)所示,电子设备100将即时通信页面2017对应的活动记录2从应用程序一的任务栈一中移除之后,应用程序一的任务栈一包括页面2002对应的活动记录1。应用程序一的任务栈二包括即时通信页面2017对应的活动记录2。应用程序二的任务栈一包括页面2022对应的活动记录3。
如图11D所示,电子设备100可以在窗口2226中显示页面2002,在窗口2225中显示页面2022,在悬浮窗口2224中显示即时通信页面2017。
在不同应用程序多任务分屏模式应用场景中,电子设备100也支持同时显示多个悬浮窗口。
首先,电子设备100接收用户操作在显示应用程序一的即时通信页面2005。
如图16B中的(a)所示,电子设备100将即时通信页面2005对应的活动记录4存放在应用程序一的任务栈一中。由于,活动记录4位于应用程序一的任务栈一中的顶层,因此电子设备100可以显示即时通信页面2005。电子设备100不可显示页面2002。
如图16B中的(c)和(d)所示,即时通信页面2017对应的活动记录2位于应用程序一的任务栈二的顶层,页面2022对应的活动记录3位于应用程序二的任务栈一的顶层。因此,电子设备100可以显示即时通信页面2017和页面2022。
如前述图11E所示,电子设备100可以接收用户操作将即时通信页面2005显示在悬浮窗口2227中。
如图16B中的(a)和(b)所示,电子设备100创建悬浮窗口2227的任务栈(图16B中的(b)所示的任务栈三)。
之后,电子设备100将即时通信页面2005对应的活动记录4从应用程序一的任务栈一中移除,并存放在应用程序一的任务栈三中。
如图16B中的(e)、(f)、(g)和(h)所示,电子设备100将即时通信页面2005对应的活动记录4从应用程序一的任务栈一中移除之后,应用程序一的任务栈一包括页面2002对应的活动记录1。应用程序一的任务栈三包括即时通信页面2005对应的活动记录4。
由于页面2002对应的活动记录1位于应用程序一的任务栈一的顶层,即时通信页面2005对应的活动记录4位于应用程序一的任务栈三的顶层,即时通信页面2017对应的活动记录2位于应用程序一的任务栈二的顶层,页面2022对应的活动记录3位于应用程序二的任务栈一的顶层。如图11E所示,电子设备100可以在窗口2226中显示页面2002,在窗口2225中显示页面2022,在悬浮窗口2224中显示即时通信页面2017,在悬浮窗口2227中显示即时通信页面2005。
电子设备100也支持将拖出并显示在悬浮窗口中的页面(例如悬浮窗口2224中显示的即时通信页面2017)拖回并显示在原窗口中。
如图16C中的(a)和(b)、(c)所示,电子设备100将应用程序一的任务栈三中的即时通信页面2017对应的活动记录2从应用程序一的任务栈二中移除,并将即时通信页面2017对应的活动记录2存放在任务栈一中。
如图16C中的(d)和(e)所示,电子设备100将即时通信页面2017对应的活动记录2存放在应用程序一的任务栈一中之后,电子设备100将应用程序一的任务栈二删除。由于即时通信页面2017对应的活动记录2位于应用程序一的任务栈一的顶层,页面2022对应的活动记录3位于应用程序二的任务栈一的顶层。
实施例二
实施例二与实施例一的不同之处在于,电子设备100开启了应用程序一,用户可以不需要对应用程序一的任意一个页面上长按并拖动,即当电子设备100检测到用户打开应用程序一的子页面的操作(例如用户对当前页面的单击操作)时,电子设备100自动将该子页面显示在悬浮窗口中。这样,电子设备100可以减少用户将应用程序一的页面显示在悬浮窗口中的操作,用户操作简单。
下面分别对全屏多窗口显示模式、不同应用程序多任务分屏模式、同一应用程序多任务分屏模式、同一应用程序单任务分屏模式和自由模式下的多窗口显示应用场景如何自动显示同一应用程序的一个或多个页面进行说明。
全屏多窗口显示模式
对于实施例二中的全屏多窗口显示模式应用场景,与实施例一的不同之处在于,参见图7C所示的实施例,电子设备100接收用户针对页面7004中任意一个手机的显示区域(例如手机7005的显示区域)的输入操作(例如单击),电子设备100将图7D所示的手机7005的详情页面7008显示在悬浮窗口中,例如显示如图7G所示的用户界面,电子设备100将详情页面7008显示在窗口2203中,电子设备100在窗口2202中显示页面7004。
可选的,当用户向打开更多的悬浮窗口时,同样的,电子设备100可以接收用户针对图7G所示的手机7006的显示区域)的输入操作,电子设备100将手机7006对应的详情页面显示在悬浮窗口中,例如显示如图7J所示的用户界面,电子设备100将详情页面7019显示在悬浮窗口2205中。
可选的,电子设备100也支持将悬浮窗口中显示的页面拖回并显示在原窗口中。具体的操作与图7K-图7M的操作类似,具体的,可以参考图7K-图7M所示的实施例,本申请实施例在此不再赘述。
通过此方法,对于全屏多窗口显示模式应用场景,当用户想将一个应用程序中的一个或多个页面显示在悬浮窗口中时,用户不需要长按当前页面上的拖动控件并将拖动控件拖动至相应热区内,具体的,可以参考如图7E-图7G所示的用户操作。电子设备100只需接收用户在原窗口中当前页面对应的位置的输入操作(例如单击),即可将当前显示页面的子页面显示在悬浮窗口中,用户操作简单。
不同应用程序多任务分屏模式
对于实施例二中的不同应用程序多任务分屏模式应用场景,与实施例一不同之处在于,参见图3A所示的实施例,电子设备100接收用户针对页面2002中任意一个联系人的显示区域(例如手机联系人“Lily”的显示区域)的输入操作(例如单击),电子设备100将图8A所示的“Lily”的即时通信页面2005显示在悬浮窗口中,例如显示如图8D所示的用户界面,电子设备100将即时通信页面2005显示在悬浮窗口2207中,电子设备100在窗口2210中显示页面2002。即时通信页面2005为页面2002的子页面。
可选的,当用户向打开更多的悬浮窗口时,同样的,电子设备100可以接收用户针对图8D所示的联系人“Henry”的显示区域)的输入操作,电子设备100将联系人“Henry”对应的即时通信页面显示在悬浮窗口中,例如显示如图8E所示的用户界面,电子设备100将联系人“Henry”对应的即时通信页面2017显示在悬浮窗口2211中。
可选的,电子设备100也支持将悬浮窗口中显示的页面拖回并显示在原窗口中。具体的操作与图7K-图7M的操作类似,具体的,可以参考图7K-图7M所示的实施例,本申请实施例在此不再赘述。
通过此方法,对于不同应用程序多任务分屏模式应用场景,当用户想将一个应用程序中的一个或多个页面显示在悬浮窗口中时,用户不需要长按当前页面上的拖动控件并将拖动控件拖动至相应热区内,具体的,可以参考如图8A-图8E所示的用户操作。电子设备100只需接收用户在原窗口中当前页面对应的位置的输入操作(例如单击),即可将当前显示页面的子页面显示在悬浮窗口中,用户操作简单。
同一应用程序多任务分屏模式
对于实施例二中的同一应用程序多任务分屏模式应用场景,与实施例一不同之处在于,参见图3E所示的实施例,电子设备100接收用户针对页面2011中任意一个笔记的图标(例如“笔记5”的图标)的输入操作(例如单击),电子设备100将图3F所示的“笔记5”的页面1003显示在悬浮窗口中,例如显示如图9D所示的用户界面,电子设备100将页面1003显示在悬浮窗口2213中,电子设备100在窗口2215中显示页面1002。页面1003为页面1002的子页面。
可选的,当用户向打开更多的悬浮窗口时,同样的,电子设备100可以接收用户针对图9D所示的“笔记4”的图标)的输入操作,电子设备100将联系人“笔记4”对应的页面显示在悬浮窗口中,例如显示如图9E所示的用户界面,电子设备100将“笔记4”对应的页面105显示在悬浮窗口2216中。
可选的,电子设备100也支持将悬浮窗口中显示的页面拖回并显示在原窗口中。具体的操作与图7K-图7M的操作类似,具体的,可以参考图7K-图7M所示的实施例,本申请实施例在此不再赘述。
通过此方法,对于同一应用程序多任务分屏模式应用场景,当用户想任意一个应用程序中的一个或多个页面显示在悬浮窗口中时,用户不需要长按当前页面上的拖动控件并将拖动控件拖动至相应热区内,具体的,可以参考如图9A-图9E所示的用户操作。电子设备100只需接收用户在原窗口中当前页面对应的位置的输入操作(例如单击),即可将当前显示页面的子页面显示在悬浮窗口中,用户操作简单。
自由模式
对于实施例二中的同一应用程序多任务分屏模式应用场景,与实施例一不同之处在于,参见图3K所示的实施例,电子设备100接收用户针对页面2021中任意一个联系人的显示区域(例如联系人“Henry”的显示区域)的输入操作(例如单击),电子设备100将图3L所示的联系人“Henry”的即时通信页面2017显示在悬浮窗口中,例如显示如图11D所示的用户界面,电子设备100将即时通信页面2017显示在悬浮窗口2224中,电子设备100在窗口2226中显示页面2002。即时通信页面2017为页面2002的子页面。
可选的,当用户想打开更多的悬浮窗口时,同样的,电子设备100可以接收用户针对图11D所示的联系人“Lily”的显示区域的输入操作,电子设备100将联系人“Lily”对应的即时通信页面显示在悬浮窗口中,例如显示如图11E所示的用户界面,电子设备100将联系人“Lily”对应的即时通信页面2005显示在悬浮窗口2227中。
可选的,电子设备100也支持将悬浮窗口中显示的页面拖回并显示在原窗口中。具体的操作与图7K-图7M的操作类似,具体的,可以参考图7K-图7M所示的实施例,本申请实施例在此不再赘述。
通过此方法,对于同一应用程序多任务分屏模式应用场景,当用户想将任意一个应用程序中的一个或多个页面显示在悬浮窗口中时,用户不需要长按当前页面上的拖动控件并将拖动控件拖动至相应热区内,具体的,可以参考如图11A-图11E所示的用户操作。电子设备100只需接收用户在原窗口中当前页面对应的位置的输入操作(例如单击),即可将当前显示页面的子页面显示在悬浮窗口中,用户操作简单。
接下来对实施例二中介绍的全屏多窗口显示模式、不同应用程序多任务分屏模式、同一应用程序多任务分屏模式、同一应用程序单任务分屏模式和自由模式下的多窗口显示应用场景显示同一应用程序的一个或多个页面的具体实现进行说明。
全屏多窗口显示模式的具体实现
电子设备100接收用户针对页面7004中任意一个手机的显示区域(例如手机7005的显示区域)的输入操作(例如单击),电子设备100将图7D所示的手机7005的详情页面7008显示在悬浮窗口中,例如显示如图7G所示的用户界面,电子设备100将详情页面7008显示在窗口2203中,电子设备100在窗口2202中显示页面7004。
具体的,如图12A中的(c)和(d)所示,电子设备100创建窗口2203的任务栈二,电子设备100直接将详情页面7008对应的活动记录3存放在任务栈二中。
可选的,在电子设备100在将详情页面7008显示在窗口2203中之后,电子设备100可以接收用户针对图7G所示的手机7006的显示区域)的输入操作,直接将详情页面7019显示在悬浮窗口2205中。例如显示如图7J所示的用户界面。
具体的,如图12B中的(d)、(e)和(f)所示,电子设备100创建悬浮窗口2205的任务栈三,电子设备100直接将详情页面7019对应的活动记录4存放在任务栈二中。
实施例二全屏多窗口显示模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现与实施例一全屏多窗口显示模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现类似,具体的,请参考图12C所示的实施例,本申请实施例在此不再赘述。
不同应用程序多任务分屏模式的具体实现
电子设备100接收用户针对页面2002中任意一个联系人的显示区域(例如手机联系人“Lily”的显示区域)的输入操作(例如单击),电子设备100将图8A所示的“Lily”的即时通信页面2005显示在悬浮窗口中,例如显示如图8D所示的用户界面,电子设备100将即时通信页面2005显示在悬浮窗口2207中,电子设备100在窗口2210中显示页面2002。
具体的,如图13A中的(d)、(e)和(f)所示,电子设备100创建应用程序一的任务栈二,电子设备100直接将即时通信页面2005对应的活动记录2存放在应用程序一的任务栈二中。
可选的,在电子设备100将即时通信页面2005显示在悬浮窗口2207中之后,电子设备100可以接收用户针对图8D所示的联系人“Henry”的显示区域)的输入操作,电子设备100将联系人“Henry”对应的即时通信页面显示在悬浮窗口中,例如显示如图8E所示的用户界面,电子设备100将联系人“Henry”对应的即时通信页面2017显示在悬浮窗口2211中。
具体的,如图13B中的(e)、(f)、(g)和(h)所示,电子设备100创建应用程序一的任务栈三,电子设备100直接将即时通信页面2017对应的活动记录4存放在应用程序一的任务栈三中。
实施例二不同应用程序多任务分屏模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现与实施例一不同应用程序多任务分屏模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现类似,具体的,请参考图13C所示的实施例,本申请实施例在此不再赘述。
同一应用程序多任务分屏模式的具体实现
电子设备100接收用户针对页面2011中任意一个笔记的图标(例如“笔记5”的图标)的输入操作(例如单击),电子设备100将图3F所示的“笔记5”的页面1003显示在悬浮窗口中,例如显示如图9D所示的用户界面,电子设备100将页面1003显示在悬浮窗口2213中,电子设备100在窗口2215中显示页面1002。
具体的,如图14A中的(d)、(e)和(f)所示,电子设备100创建实例二的任务栈二,电子设备100直接将页面1003对应的活动记录2存放在实例二的任务栈二中。
可选的,在电子设备100将页面1003显示在悬浮窗口2213中之后,电子设备100可以接收用户针对图9D所示的“笔记4”的图标)的输入操作,电子设备100将联系人“笔记4”对应的页面显示在悬浮窗口中,例如显示如图9E所示的用户界面,电子设备100将“笔记4”对应的页面1005显示在悬浮窗口2216中。
具体的,如图14B中的(e)、(f)、(g)和(h)所示,电子设备100创建实例二的任务栈三,电子设备100直接将页面1005对应的活动记录3存放在实例二的任务栈三中。
实施例二同一应用程序多任务分屏模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现与实施例一同一应用程序多任务分屏模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现类似,具体的,请参考图14C所示的实施例,本申请实施例在此不再赘述。
自由模式下的具体实现
电子设备100接收用户针对页面2021中任意一个联系人的显示区域(例如联系人“Henry”的显示区域)的输入操作(例如单击),电子设备100将图3L所示的联系人“Henry”的即时通信页面2017显示在悬浮窗口中,例如显示如图11D所示的用户界面,电子设备100将即时通信页面2017显示在悬浮窗口2224中,电子设备100在窗口2019中显示页面2002。
具体的,如图16A中的(d)、(e)和(f)所示,电子设备100创建应用程序一的任务栈二,电子设备100直接将即时通信页面2017对应的活动记录2存放在应用程序一的任务栈二中。
可选的,在电子设备100将即时通信页面2017显示在悬浮窗口2224中之后,电子设备100可以接收用户针对图11D所示的联系人“Lily”的显示区域的输入操作,电子设备100将联系人“Lily”对应的即时通信页面显示在悬浮窗口中,例如显示如图11E所示的用户界面,电子设备100将联系人“Lily”对应的即时通信页面2005显示在悬浮窗口2227中。
具体的,如图16B中的(e)、(f)、(g)和(h)所示,电子设备100创建应用程序一的任务栈三,电子设备100直接将即时通信页面2005对应的活动记录4存放在应用程序一的任务栈三中。
实施例二自由模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现与实施例一自由模式中,将悬浮窗口中的页面拖回显示在原窗口中的具体实现类似,具体的,请参考图16C所示的实施例,本申请实施例在此不再赘述。
图17示例性示出了本申请实施例提供的一种显示方法的方法流程图。
S1701、电子设备100在显示屏上的第一区域中显示第一应用的第一窗口,第一窗口为非悬浮窗口。
S1702、电子设备100接收并响应于针对第一窗口的第一操作述电子设备将第一窗口以悬浮窗口的形式显示在显示屏上,并在显示屏上的第二区域中显示第一应用的第二窗口,第二窗口为非悬浮窗口。
当第一区域与第二区域相同时,可以对应的是全屏应用显示模式和同一应用程序单任务分屏模式应用场景。具体的,请详见图7A-图7S所示的实施例。
对于全屏应用显示模式和同一应用程序单任务分屏模式应用场景,第二窗口为第一窗口以非悬浮窗口的形式显示时所覆盖的窗口。第二窗口可以为窗口2202,第一窗口可以为窗口2203。
可选的,第二窗口中显示的页面为第一窗口中显示的页面的上一级页面。示例性的,窗口2202中显示的页面7004为窗口2203中显示的页面7008的上一级页面。
第一操作可以是将第一窗口上的第一拖动控件拖动至第一响应热区内的拖动操作。在电子设备接收并响应于用户针对第一窗口的第一操作之前,电子设备100接收到针对第一窗口上的第一拖动控件的长按操作;响应于长按操作,电子设备100在显示屏上显示第一响应热区。
第一拖动控件可以是图7D或图7Q所示的拖动控件7009。第一响应热区内可以是图7E或图7R所示的响应热区7010。对第一操作的具体描述,可以参考图7E-图7G中的相关描述,本申请实施例在此不再赘述。
可选的,对于全屏应用显示模式,电子设备100的显示屏的完整显示区域为图像显示区域(第一区域)。显示屏的完整显示区域可以指包括图像或文字或图标的显示区域。当电子设备100中没有“三键导航栏”的显示区域时,那么显示屏的完整显示区域就是图像或文字或图标的显示区域。当电子设备100中有“三键导航栏”的显示区域时,在一些实施例中,显示屏的完整显示区域可以只是指示图像或文字或图标的显示区域,不包括“三键导航栏”的显示区域。在其他实施例中,显示屏的完整显示区域除了包括图像或文字或图标的显示区域,还包括“三键导航栏”的显示区域。
对于同一应用程序单任务分屏模式的单窗口显示模式,电子设备100的显示屏的中间显示区域为图像显示区域(第一区域)。
可选的,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对所述第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二响应热区内的拖动操作,并将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。
可选的,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。
第二响应热区可以与第一响应热区相同,也可以不同,本申请实施例在此不做限定。第二响应热区可以是图7K中的响应热区2206。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口的尺寸大小一致。具体的,请参考图7K-图7M所示的实施例。
当第一区域与第二区域相同时,也可以对应“平行世界”多窗口应用场景。具体的,请详见图10A-图10H所示的实施例。
对于“平行世界”多窗口应用场景,第二窗口为第一窗口以非悬浮窗口的形式显示时所覆盖的窗口。第二窗口可以为窗口2218,第一窗口可以为窗口2219。
可选的,第二窗口中显示的页面为第一窗口中显示的页面的上一级页面。示例性的,窗口2218中显示的即时通信页面2017为窗口2219中显示的即时通信页面2005的上一级页面。
第一操作可以是将第一窗口上的第一拖动控件拖动至第一响应热区内的拖动操作。在电子设备接收并响应于用户针对第一窗口的第一操作之前,电子设备100接收到针对第一窗口上的第一拖动控件的长按操作;响应于长按操作,电子设备100在显示屏上显示第一响应热区。
第一拖动控件可以是图10B所示的拖动控件1102。第一响应热区内可以是图10C所示的响应热区1103。对第一操作的具体描述,可以参考图10C-图10E中的相关描述,本申请实施例在此不再赘述。
可选的,在电子设备在显示屏上的第一区域显示第一窗口时,方法还包括:电子设备在所述显示屏上的第三区域显示第三窗口,第三窗口为非悬浮窗口;第三区域与第一区域不重叠,显示屏的图像显示区域包括第三区域和第一区域。示例性的,第一区域可以是图10B中窗口2219所在的图像显示区域。在电子设备在显示屏上的第一区域显示第一窗口时,电子设备在所述显示屏上的第三区域显示第三窗口,第三窗口为非悬浮窗口。第三窗口可以是图10B中的窗口2217。窗口2217所在的图像显示区域为第三区域。显示的完整显示区域为第一区域和第三区域。
可选的,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:电子设备接收并响应于针对第三窗口的第二操作,电子设备将第三窗口以悬浮窗口的形式显示在显示屏上,并在显示屏的第五区域上显示第二窗口。示例性的,电子设备100将图10A所示的窗口2217拖出到悬浮窗中显示。那么电子设备100将窗口2218居中显示。第五区域可以是图10F中窗口2217所在的图像显示区域。
可选的,第一区域与第二区域不相同,在第一窗口以非悬浮窗口的形式显示在第一区域时,第一区域中只包括第一窗口;在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之前,电子设备在显示屏的第三区域上显示第二窗口;其中,第三区域与第一区域不重叠,第三区域与第二区域不相同,显示屏的图像显示区域包括第三区域和第一区域。这里的第一区域为图10A中窗口2218所在的图像显示区域。第一窗口可以是图10A所示的窗口2218。也就是说,在电子设备100在第一区域中显示第一窗口时,第一窗口下没有覆盖显示其他的窗口。也就是说,窗口2218没有覆盖显示其他的窗口。第二窗口可以是指图10A中的窗口2217。第三区域可以是窗口2217所在的图像显示区域。
在电子设备100将第二窗口以悬浮窗的形式显示在显示屏上时,由于第一窗口没有覆盖显示其他的窗口,那么电子设备100将第二窗口居中显示在显示屏上。这里,第二窗口居中显示在显示屏上可以是图10F所示的窗口2217居中显示。
当电子设备在第二区域上显示第二窗口时,电子设备在显示屏的图像显示区域上的第四区域中不包括有非悬浮窗口;显示屏的图像显示区域包括第二区域和第四区域。第二区域可以是图10F所示的窗口2217所在的图像显示区域。第四区域可以是图10F所示的窗口2217所在的图像显示区域之外的显示区域。
可选的,在第一窗口从非悬浮窗口的显示模式切换为悬浮窗口的显示模式的过程中,电子设备在第一区域中显示预设背景图片。预设背景图片可以是图7F所示的预设背景图片2204,也可以是图8C所示的预设背景图片2209,也可以是图9C所示的预设背景图片2214,也可以是图10D所示的预设背景图片2220,也可以是图11C所示的预设背景图片。
可选的,在电子设备将第一窗口以悬浮窗口的形式显示在显示屏上之后,方法还包括:
电子设备接收并响应于针对第一窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;其中,第二响应热区包括第一子响应热区和第二子响应热区,第一子响应热区位于第三窗口内,第二子响应热区位于第二窗口内;当第一拖动控件位于第一子响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第一子响应热区内的拖动操作,并将第一窗口以非悬浮窗口的形式覆盖显示在第三窗口上;或者,当第一拖动控件位于第二子响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二子响应热区内的拖动操作,并将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。或者,当第一拖动控件位于第一子响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第三窗口上。或者当第一拖动控件位于第二子响应热区内时,电子设备将第一窗口以非悬浮窗口的形式覆盖显示在第二窗口上。第二响应热区可以与第一响应热区相同,也可以不同,本申请实施例在此不做限定。第二响应热区可以是图10G所示的响应热区2223。第一子响应热区可以是图10G所示的响应热区2223位于窗口2217中的部分响应热区。第二子响应热区可以是图10G所示的响应热区2223位于窗口2218中的部分响应热区。以非悬浮窗口的形式显示的第一窗口的尺寸与第二窗口或者第三窗口的尺寸大小一致。具体的,请参考图10G-图10H所示的实施例。
如图18所示,图18为本申请实施例提供的另一种显示方法的流程图。
S1801、电子设备100在显示屏上显示第一应用的第一窗口,第一窗口为非悬浮窗口。
第一窗口可以是图7C或图7P所示的窗口2202。
第一窗口还可以是图3C所示的窗口2104或图8D所示的窗口2210。
第一窗口还可以是图3E所示的窗口2109。
第一窗口还可以是图3M所示的窗口2114或图3N所示的窗口2116。
可选的,电子设备100在显示屏上显示第一应用的第一窗口,具体包括:电子设备100在显示屏上的第一区域中显示第一应用的所述第一窗口;其中,显示屏的图像显示区域为第一区域。
图像显示区域为第一区域时,也就是说电子设备100只可以在同一时刻显示一个非悬浮窗口。第一区域可以是图7B中窗口2201所在的图像显示区域。显示屏的图像显示区域为图7B中窗口2201所在的图像显示区域。第一区域还可以是图7O中窗口2201所在的图像显示区域。显示屏的图像显示区域为图7O中窗口2201所在的图像显示区域。
可选的,电子设备在显示屏上显示第一应用的第一窗口,具体包括:电子设备在显示屏上的第一区域中显示第一应用的第一窗口;当电子设备在显示屏上的第一区域中显示第一应用的第一窗口时,方法还包括:电子设备在显示屏上的第二区域上显示第二应用的第三窗口。其中,第一区域与第二区域不重叠。这里,第二应用与第一应用可以相同,也可以不同,本申请实施例在此不做限定。
当第一应用与第二应用相同时,具体的可以参考图9A-图9E所示的实施例。
第一区域可以是图9A所示的窗口2213所在的图像显示区域。第一窗口可以是图9A所示的窗口2213。当电子设备在显示屏上的第一区域中显示第一应用的第一窗口时,电子设备在显示屏上的第二区域上显示第二应用的第三窗口。第二区域可以是图9A所示的窗口2212所在的图像显示区域。第三窗口可以是图9A所示的窗口2212。
当第一应用与第二应用不同时,具体的可以参考图8A-图8E所示的实施例。
第一区域可以是图8A所示的窗口2207所在的图像显示区域。第一窗口可以是图8A所示的窗口2207。当电子设备在显示屏上的第一区域中显示第一应用的第一窗口时,电子设备在显示屏上的第二区域上显示第二应用的第三窗口。第二区域可以是图8A所示的窗口2208所在的图像显示区域。第三窗口可以是图8A所示的窗口2208。
S1802、电子设备100接收针对第一窗口中显示的页面上的第一操作,第一操作为打开新页面的操作。
第一操作可以是针对图7C或图7P所示的窗口2202上的单击操作。
第一操作还可以是针对图3C所示的窗口2104或图8D所示的窗口2210上的单击操作。
第一操作还可以是针对图3E所示的窗口2109上的单击操作。
第一操作还可以是针对图3M所示的窗口2114或图3N所示的窗口2116上的单击操作。
S1803、响应于第一操作,电子设备100将新打开的页面显示在第二窗口中;其中,第二窗口为悬浮窗口。
新打开的页面可以是图7D中窗口2203中显示的页面7008。第二窗口可以是图7G所示的以悬浮窗的形式显示的窗口2203。
新打开的页面还可以是图7Q中窗口2203中显示的页面7008。第二窗口可以是图7S所示的以悬浮窗的形式显示的窗口2203。
新打开的页面还可以是图8A中窗口2207中显示的页面2005。第二窗口可以是图8D所示的以悬浮窗的形式显示的窗口2207。
新打开的页面还可以是图8E中窗口2211中显示的页面2017。第二窗口可以是图8E所示的以悬浮窗的形式显示的窗口2211。
新打开的页面还可以是图9A中窗口2213中显示的页面1003。第二窗口可以是图9D所示的以悬浮窗的形式显示的窗口2213。
新打开的页面还可以是图11A中窗口2224中显示的页面2017。第二窗口可以是图11D所示的以悬浮窗的形式显示的窗口2224。
新打开的页面还可以是图11E中窗口2227中显示的页面2005。第二窗口可以是图11E所示的以悬浮窗的形式显示的窗口2227。
可选的,电子设备100也支持将以悬浮窗形式形式显示的窗口变为非悬浮窗的形式显示。具体的,在一种可能的实现方式中,在电子设备将新打开的页面显示在悬浮窗口中之后,方法还包括:电子设备接收并响应于针对所述第二窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区内时,述电子设备将第二窗口以非悬浮窗口的形式覆盖显示在第一窗口上。
在其他可能的实现方式中,在电子设备将新打开的页面显示在悬浮窗口中之后,方法还包括:电子设备接收并响应于针对第二窗口上的第一拖动控件的长按操作,在显示屏上显示第二响应热区;当第一拖动控件位于第二响应热区外时,电子设备接收并响应于将第一拖动控件拖动至第二响应热区内的拖动操作,电子设备将第二窗口以非悬浮窗口的形式覆盖显示在第一窗口上。具体的操作,可以参考S1702中将悬浮窗口变为非悬浮窗口的相关描述,本申请实施例不再赘述。
本申请的各实施方式可以任意进行组合,以实现不同的技术效果。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由计算机程序来指令相关的硬件完成,该程序可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
总之,以上所述仅为本发明技术方案的实施例而已,并非用于限定本发明的保护范围。凡根据本发明的揭露,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (23)
1.一种显示方法,其特征在于,所述方法包括:
电子设备在显示屏上的第一区域中显示第一应用的第一窗口,所述第一窗口为非悬浮窗口;
所述电子设备接收并响应于针对所述第一窗口的第一操作,所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上,并在所述显示屏上的第二区域中显示所述第一应用的第二窗口,所述第二窗口为非悬浮窗口。
2.根据权利要求1所述的方法,其特征在于,所述第一区域与所述第二区域相同。
3.根据权利要求2所述的方法,其特征在于,所述第二窗口为所述第一窗口以非悬浮窗口的形式显示时所覆盖的窗口。
4.根据权利要求2或3任一项所述的方法,其特征在于,所述第二窗口中显示的页面为所述第一窗口中显示的页面的上一级页面。
5.根据权利要求2-4任一项所述的方法,其特征在于,所述显示屏的图像显示区域为所述第一区域。
6.根据权利要求2-4任一项所述的方法,其特征在于,在所述电子设备在所述显示屏上的第一区域显示所述第一窗口时,所述方法还包括:
所述电子设备在所述显示屏上的第三区域显示第三窗口,所述第三窗口为非悬浮窗口;所述第三区域与所述第一区域不重叠,所述显示屏的图像显示区域包括所述第三区域和所述第一区域。
7.根据权利要求1所述的方法,其特征在于,所述第一区域与所述第二区域不相同,在所述第一窗口以非悬浮窗口的形式显示在所述第一区域时,所述第一区域中只包括所述第一窗口;在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之前,所述方法还包括:
所述电子设备在所述显示屏的第三区域上显示所述第二窗口;其中,所述第三区域与所述第一区域不重叠,所述第三区域与所述第二区域不相同,所述显示屏的图像显示区域包括所述第三区域和所述第一区域。
8.根据权利要求7所述的方法,其特征在于,当所述电子设备在所述第二区域上显示所述第二窗口时,所述电子设备在所述显示屏的图像显示区域上的第四区域中不包括有非悬浮窗口;所述显示屏的图像显示区域包括所述第二区域和所述第四区域。
9.根据权利要求6所述的方法,其特征在于,在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,所述方法还包括:
所述电子设备接收并响应于针对所述第三窗口的第二操作,所述电子设备将所述第三窗口以悬浮窗口的形式显示在显示屏上,并在显示屏的第五区域上显示所述第二窗口。
10.根据权利要求1-9任一项所述的方法,其特征在于,在所述第一窗口从非悬浮窗口的显示模式切换为悬浮窗口的显示模式的过程中,所述电子设备在所述第一区域中显示预设背景图片。
11.根据权利要求1-10任一项所述的方法,其特征在于,在所述电子设备接收并响应于用户针对所述第一窗口的第一操作之前,所述方法还包括:
所述电子设备接收到针对所述第一窗口上的第一拖动控件的长按操作;
响应于所述长按操作,所述电子设备在所述显示屏上显示第一响应热区;
所述第一操作为将所述第一拖动控件拖动至所述第一响应热区内的拖动操作。
12.根据权利要求5所述的方法,其特征在于,在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,所述方法还包括:
所述电子设备接收并响应于针对所述第一窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;
当所述第一拖动控件位于所述第二响应热区内时,所述电子设备将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第二窗口上。
13.根据权利要求5所述的方法,其特征在于,在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,所述方法还包括:
所述电子设备接收并响应于针对所述第一窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;
当所述第一拖动控件位于所述第二响应热区外时,所述电子设备接收并响应于将所述第一拖动控件拖动至所述第二响应热区内的拖动操作,并将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第二窗口上。
14.根据权利要求6所述的方法,其特征在于,在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,所述方法还包括:
所述电子设备接收并响应于针对所述第一窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;其中,所述第二响应热区包括第一子响应热区和第二子响应热区,所述第一子响应热区位于所述第三窗口内,所述第二子响应热区位于所述第二窗口内;
当所述第一拖动控件位于所述第一子响应热区外时,所述电子设备接收并响应于将所述第一拖动控件拖动至所述第一子响应热区内的拖动操作,并将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第三窗口上;
或者,
当所述第一拖动控件位于所述第二子响应热区外时,所述电子设备接收并响应于将所述第一拖动控件拖动至所述第二子响应热区内的拖动操作,并将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第二窗口上。
15.根据权利要求6所述的方法,其特征在于,在所述电子设备将所述第一窗口以悬浮窗口的形式显示在显示屏上之后,所述方法还包括:
所述电子设备接收并响应于针对所述第一窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;其中,所述第二响应热区包括第一子响应热区和第二子响应热区,所述第一子响应热区位于所述第三窗口内,所述第二子响应热区位于所述第二窗口内;
当所述第一拖动控件位于所述第一子响应热区内时,所述电子设备将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第三窗口上;
或者,
当所述第一拖动控件位于所述第二子响应热区内时,所述电子设备将所述第一窗口以非悬浮窗口的形式覆盖显示在所述第二窗口上。
16.一种显示方法,其特征在于,所述方法包括:
电子设备在显示屏上显示第一应用的第一窗口,所述第一窗口为非悬浮窗口;
所述电子设备接收针对所述第一窗口中显示的页面上的第一操作,所述第一操作为打开新页面的操作;
响应于所述第一操作,所述电子设备将新打开的页面显示在第二窗口中;其中,所述第二窗口为悬浮窗口。
17.根据权利要求16所述的方法,其特征在于,所述电子设备在显示屏上显示第一应用的第一窗口,具体包括:
所述电子设备在所述显示屏上的第一区域中显示所述第一应用的所述第一窗口;其中,所述显示屏的图像显示区域为所述第一区域。
18.根据权利要求16所述的方法,其特征在于,所述电子设备在显示屏上显示第一应用的第一窗口,具体包括:
所述电子设备在所述显示屏上的第一区域中显示所述第一应用的所述第一窗口;
当所述电子设备在所述显示屏上的第一区域中显示所述第一应用的所述第一窗口时,所述方法还包括:
所述电子设备在所述显示屏上的第二区域上显示第二应用的第三窗口;
其中,所述第一区域与所述第二区域不重叠,所述显示屏的图像显示区域包括所述第一区域和所述第二区域。
19.根据权利要求17所述的方法,其特征在于,在所述电子设备将新打开的页面显示在悬浮窗口中之后,所述方法还包括:
所述电子设备接收并响应于针对所述第二窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;
当所述第一拖动控件位于所述第二响应热区内时,所述电子设备将所述第二窗口以非悬浮窗口的形式覆盖显示在所述第一窗口上。
20.根据权利要求17所述的方法,其特征在于,在所述电子设备将新打开的页面显示在悬浮窗口中之后,所述方法还包括:
所述电子设备接收并响应于针对所述第二窗口上的第一拖动控件的长按操作,在所述显示屏上显示第二响应热区;
当所述第一拖动控件位于所述第二响应热区外时,所述电子设备接收并响应于将所述第一拖动控件拖动至所述第二响应热区内的拖动操作,所述电子设备将所述第二窗口以非悬浮窗口的形式覆盖显示在所述第一窗口上。
21.一种电子设备,其特征在于,所述电子设备包括:一个或多个处理器、一个或多个存储器;所述一个或多个存储器与所述一个或多个处理器耦合,所述一个或多个存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,所述一个或多个处理器调用所述计算机指令以使得所述电子设备执行上述权利要求1-15或权利要求16-20中任一项所述的方法。
22.一种计算机可读存储介质,包括指令,其特征在于,当所述指令在电子设备上运行时,使得所述电子设备执行如权利要求1-15或权利要求16-20中任一项所述的方法。
23.一种计算机程序产品,其特征在于,当所述计算机程序产品在电子设备上运行时,使得所述电子设备执行如权利要求1-15或权利要求16-20中任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110989308.3A CN115729425A (zh) | 2021-08-26 | 2021-08-26 | 一种显示方法及电子设备 |
PCT/CN2022/112991 WO2023024996A1 (zh) | 2021-08-26 | 2022-08-17 | 一种显示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110989308.3A CN115729425A (zh) | 2021-08-26 | 2021-08-26 | 一种显示方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115729425A true CN115729425A (zh) | 2023-03-03 |
Family
ID=85289751
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110989308.3A Pending CN115729425A (zh) | 2021-08-26 | 2021-08-26 | 一种显示方法及电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN115729425A (zh) |
WO (1) | WO2023024996A1 (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114077365A (zh) * | 2020-08-21 | 2022-02-22 | 荣耀终端有限公司 | 分屏显示方法和电子设备 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335044A (zh) * | 2014-08-11 | 2016-02-17 | 中兴通讯股份有限公司 | 分屏模式下的窗口显示处理方法及电子设备 |
CN104978110B (zh) * | 2015-07-27 | 2018-06-01 | 联想(北京)有限公司 | 显示处理方法和显示处理设备 |
CN111488107A (zh) * | 2020-03-26 | 2020-08-04 | 北京小米移动软件有限公司 | 多任务交互控制方法、多任务交互控制装置及存储介质 |
CN112346639B (zh) * | 2020-11-04 | 2023-01-10 | 北京小米移动软件有限公司 | 一种显示应用界面的方法、装置、设备及存储介质 |
CN112835485A (zh) * | 2021-02-04 | 2021-05-25 | 维沃移动通信有限公司 | 应用界面处理方法、装置、电子设备及可读存储介质 |
-
2021
- 2021-08-26 CN CN202110989308.3A patent/CN115729425A/zh active Pending
-
2022
- 2022-08-17 WO PCT/CN2022/112991 patent/WO2023024996A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2023024996A1 (zh) | 2023-03-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220300154A1 (en) | Split-Screen Display Processing Method and Apparatus, and Electronic Device | |
WO2020052529A1 (zh) | 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端 | |
WO2021000881A1 (zh) | 一种分屏方法及电子设备 | |
US20230046708A1 (en) | Application Interface Interaction Method, Electronic Device, and Computer-Readable Storage Medium | |
CN110119296B (zh) | 切换父页面和子页面的方法、相关装置 | |
WO2020062294A1 (zh) | 系统导航栏的显示控制方法、图形用户界面及电子设备 | |
US20220300129A1 (en) | Split-screen processing method and terminal device | |
CN111240547A (zh) | 跨设备任务处理的交互方法、电子设备及存储介质 | |
US20230004259A1 (en) | Card sharing method, electronic device, and communications system | |
CN111970549B (zh) | 菜单显示方法和显示设备 | |
US20220214891A1 (en) | Interface display method and electronic device | |
CN111443836A (zh) | 一种暂存应用界面的方法及电子设备 | |
CN110830645B (zh) | 一种操作方法和电子设备及计算机存储介质 | |
WO2020155875A1 (zh) | 电子设备的显示方法、图形用户界面及电子设备 | |
CN112165641A (zh) | 一种显示设备 | |
CN115756268A (zh) | 跨设备交互的方法、装置、投屏系统及终端 | |
WO2023024996A1 (zh) | 一种显示方法及电子设备 | |
CN115185440B (zh) | 一种控件显示方法及相关设备 | |
CN111984167B (zh) | 一种快捷命名的方法及显示设备 | |
WO2022002213A1 (zh) | 翻译结果显示方法、装置及电子设备 | |
CN111935530B (zh) | 一种显示设备 | |
CN111931692A (zh) | 显示设备及图像识别方法 | |
CN114417035A (zh) | 一种图片浏览方法和显示设备 | |
US20240086035A1 (en) | Display Method and Electronic Device | |
CN112199612B (zh) | 一种书签添加和合并的方法及显示设备 |
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 |