CN110874166A - 页面切换方法、装置、存储介质及计算机设备 - Google Patents

页面切换方法、装置、存储介质及计算机设备 Download PDF

Info

Publication number
CN110874166A
CN110874166A CN201810997033.6A CN201810997033A CN110874166A CN 110874166 A CN110874166 A CN 110874166A CN 201810997033 A CN201810997033 A CN 201810997033A CN 110874166 A CN110874166 A CN 110874166A
Authority
CN
China
Prior art keywords
page
display control
control
display
displaying
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.)
Granted
Application number
CN201810997033.6A
Other languages
English (en)
Other versions
CN110874166B (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201810997033.6A priority Critical patent/CN110874166B/zh
Priority to EP19856029.4A priority patent/EP3770743A4/en
Priority to KR1020207027790A priority patent/KR102479662B1/ko
Priority to PCT/CN2019/102627 priority patent/WO2020043064A1/zh
Publication of CN110874166A publication Critical patent/CN110874166A/zh
Priority to US17/016,351 priority patent/US20200409518A1/en
Application granted granted Critical
Publication of CN110874166B publication Critical patent/CN110874166B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/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
    • G06F3/04817Interaction 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 using icons
    • 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
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • 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/0484Interaction 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
    • 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/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • 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/0484Interaction 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/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0484Interaction 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/0486Drag-and-drop
    • 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
    • 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
    • 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/04886Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04804Transparency, e.g. transparent or translucent windows
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2250/00Details of telephonic subscriber devices
    • H04M2250/22Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Abstract

本申请涉及一种页面切换方法、装置、存储介质及计算机设备,所述方法包括:响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入所述第一页面的入口的第一显示控件;在所述第二页面的上层显示所述第一显示控件;响应于针对显示在所述第二页面上层的第一显示控件的控件选中操作,显示所述第一页面并创建用以提供进入所述第二页面的入口的第二显示控件;在所述第一页面的上层显示所述第二显示控件。本申请提供的方案能够提高页面切换的便捷性。

Description

页面切换方法、装置、存储介质及计算机设备
技术领域
本申请涉及计算机技术领域,特别是涉及一种页面切换方法、装置、计算机可读存储介质及计算机设备。
背景技术
随着应用程序功能的日渐丰富,应用程序中的用户界面越来越多,用户界面之间的切换路径也越来越长。比如,某应用程序中包括用户界面A、B、C、以及D,且从用户界面A切换至用户界面D,需要依次经过B和C,从用户界面D切换至用户界面A,需要依次经过C和B。
在此情况下,若用户在浏览用户界面A时,需要浏览用户界面D,需要用户依次进行从用户界面A切换到用户界面B,再从用户界面B切换到用户界面C,最后从用户界面C切换到用户界面D的操作。后续,若用户需要从用户界面D回到用户界面A时,又需要依次进行从用户界面D切换到用户界面C,再从用户界面C切换到用户界面B,最后从用户界面B切换到用户界面A的操作。此页面切换方式的便捷性不高。
发明内容
基于此,有必要针对传统技术中页面切换的便捷性不高的技术问题,提供一种页面切换方法、装置、计算机可读存储介质及计算机设备。
一种页面切换方法,包括:
响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入所述第一页面的入口的第一显示控件;
在所述第二页面的上层显示所述第一显示控件;
响应于针对显示在所述第二页面上层的第一显示控件的控件选中操作,显示所述第一页面并创建用以提供进入所述第二页面的入口的第二显示控件;
在所述第一页面的上层显示所述第二显示控件。
一种页面切换装置,包括:
第一控件创建模块,用于响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入所述第一页面的入口的第一显示控件;
第一控件显示模块,用于在所述第二页面的上层显示所述第一显示控件;
第二控件创建模块,用于响应于针对显示在所述第二页面上层的第一显示控件的控件选中操作,显示所述第一页面并创建用以提供进入所述第二页面的入口的第二显示控件;
第二控件显示模块,用于在所述第一页面的上层显示所述第二显示控件。
一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时实现上述页面切换方法中的步骤。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述页面切换方法中的步骤。
上述页面切换方法、装置、计算机可读存储介质及计算机设备,检测到针对第一页面的控件显示触发操作时,显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件;后续,检测到针对显示在第二页面上层的第一显示控件的控件选中操作时,显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此,仅需操作显示在用户界面的上层的显示控件,即可实现该用户界面与该显示控件对应的另一用户界面之间的切换,缩短了用户操作路径,提高了页面切换的便捷性。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍。显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为一个实施例中页面切换方法的应用环境图;
图2为一个实施例中页面切换方法的流程示意图;
图3为一个实施例中QQ应用的用户界面的示意图;
图4为一个实施例中在第二页面的上层显示第一显示控件的界面示意图;
图5为一个实施例中在第一页面的上层显示第二显示控件的界面示意图;
图6为一个实施例中页面切换过程的示意图;
图7为一个实施例中页面切换过程的示意图;
图8为一个实施例中页面切换过程的示意图;
图9为一个实施例中页面切换过程的示意图;
图10为一个实施例中页面切换过程的示意图;
图11为一个实施例中页面切换过程的示意图;
图12为一个实施例中拖拽第一显示控件的示意图;
图13为一个实施例中对第一显示控件进行取消显示的示意图;
图14为一个实施例中相距最近的屏幕边缘位置的示意图;
图15为一个实施例中显示控件同步显示相应页面的页面内容的示意图;
图16为一个实施例中通过目标页面选择页面确定第二页面的示意图;
图17为一个实施例中页面切换方法的流程示意图;
图18为一个实施例中页面切换装置的结构框图;
图19为一个实施例中计算机设备的结构框图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
需要说明的是,本申请所使用的术语“第一”、“第二”等是用于对类似的对象作出命名上的区分,但这些对象本身不受这些术语限制。应当理解,在不脱离本申请的范围的情况下,这些术语在适当的情况下可以互换。例如,可将“第一显示控件”描述为“第二显示控件”,且类似地,将“第二显示控件”描述为“第一显示控件”。
此外,术语“包括”、“包含”、“具有”以及它们的任何变形,意图在于覆盖不排他的包含。例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于已清楚地列出的步骤或单元,而是还可以包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请各实施例提供的页面切换方法,可应用于如图1所示的应用环境中。该应用环境可涉及终端110。具体地,终端110的显示屏幕上可显示第一页面,用户对第一页面进行控件显示触发操作后,终端110响应于该控件显示触发操作,显示第二页面并在该第二页面的上层显示用以提供进入第一页面的入口的第一显示控件。后续,用户对显示在第二页面上层的第一显示控件进行控件选中操作后,终端110响应于该控件选中操作,显示第一页面并在该第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。
其中,终端110可以是智能手机、平板电脑、笔记本电脑、台式计算机、个人数字助理和穿戴式设备等,但并不局限于此。
在一个实施例中,如图2所示,提供了一种页面切换方法。以该方法应用于计算机设备(如图1中的终端110)为例进行说明。该方法可以包括如下步骤S202至S208。
S202,响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入第一页面的入口的第一显示控件。
第一页面,是应用程序中的用户界面(User Interface,UI)。比如,对于QQ应用,第一页面可以是QQ应用中的任一用户界面,如图3(a)所示的消息列表页面、图3(b)所示的与某一好友的消息对话页面、图3(c)所示的联系人列表页面、图3(d)所示的动态管理页面、图3(e)所示的QQ空间动态页面等。可以理解,QQ应用仅是一种示例性说明,并不用于对可适用的应用程序加以限定,比如视频播放应用、出行应用、外卖应用等各种需涉及到页面切换的应用程序均可适用。第二页面与第一页面类似,对第二页面的具体限定可以与对第一页面的限定相同,此处不加赘述。
此外,第二页面和第一页面可以是同一应用程序中的两个不同的用户界面,亦即第二页面和第一页面用于实现不同的任务。比如,对于QQ应用,第一页面为与某一好友的消息对话页面,第二页面为消息列表页面。
控件显示触发操作,可用于触发终端更换全屏显示的页面,并创建用以提供进入更换前的页面的入口的显示控件。比如,针对第一页面的控件显示触发操作,用于触发终端从全屏显示第一页面更换为全屏显示第二页面,并创建用以提供进入第一页面的入口的显示控件。
控件显示触发操作可以是用户对显示应用程序的用户界面的终端施加的预定操作。控件显示触发操作的具体形式可以根据实际需求进行设定,与应用程序的其他功能不冲突即可。比如,控件显示触发操作可以为以下三类中的任一类:
一类是接触控制操作,即接触终端的显示屏幕并对显示屏幕施加预先设定的手势操作,比如从显示屏幕的右侧边缘向左滑动且滑动距离达到预定距离、或者在显示屏幕上绘制预定图案(如“M”形状的图案)等。二类是语音控制操作,即对显示应用程序的用户界面的终端输出预定语音,比如用户对显示QQ应用的QQ空间动态页面的手机说出内容为“缩小页面”的语音。三类是动作控制操作,即控制终端进行预定运动,比如摇晃终端。其中,对于终端而言,可以在检测到滑动所经过的像素的数目超过N时,判定滑动距离达到预定距离,N与预定距离相匹配。
显示控件,可用于提供进入用户界面的入口,即通过操作显示控件,可以触发终端全屏显示该显示控件对应的用户界面。显示控件本质上可以是用户可与之交互,以便输入或操作数据的对象,比如图标按钮、视图窗口等。相应地,第一显示控件是与第一页面对应的显示控件,可用于提供进入第一页面的入口。
此外,显示控件可以显示在用户界面的上层,即显示控件的显示层次可以在用户界面的显示层次之上,针对视觉表现而言,显示控件浮在用户界面之上。在一个实施例中,将显示控件显示在用户界面的上层时,显示控件的面积小于用户界面的面积,且显示控件的外边框未超出用户界面。
S204,在第二页面的上层显示第一显示控件。
在本实施例中,响应于针对第一页面的控件显示触发操作,第一显示控件创建完成后,可以将第一显示控件显示在第二页面的上层。根据前文所述可知,第一显示控件的显示层次在第二页面之上,针对视觉表现而言,如图4所示,第一显示控件浮在第二页面之上进行显示,此外,第一显示控件的面积小于第二页面的面积,且第一显示控件的外边框未超出第二页面。
针对视觉表现而言,当第一显示控件完全不透明时,用户可以看到第一显示控件和第一页面中未被第一显示控件遮挡的部分;当第一显示控件半透明时,用户可以看到第一页面中未被该第一显示控件遮挡的部分,以及根据透明程度呈现的第一显示控件和第一页面中与第一显示控件重叠的部分;当第一显示控件完全透明时,用户可以看到第一页面的全貌,但无法看到第一显示控件。
在一个实施例中,将显示控件显示在用户界面的上层后,应用程序可以支持用户根据实际需求更改显示控件的属性,比如尺寸、透明程度、颜色等。比如,将第一显示控件显示在第二页面的上层后,应用程序可以支持用户根据实际需求更改第一显示控件的尺寸、透明程度、颜色等。当然,根据产品需求,应用程序也可以不支持用户更改显示控件的属性。
在本实施例中,终端显示第一页面时,实时监听针对第一页面的操作,当监听到针对第一页面的控件显示触发操作时,终端从全屏显示第一页面更换为全屏显示第二页面,并创建第一显示控件,以及在第二页面的上层显示第一显示控件。其中,更换全屏显示的页面、创建显示控件、将显示控件显示在用户界面的上层的具体程序逻辑,可以采用任何适用的方式实现,本申请不作具体限定。在一个实施例中,监听方式可以采用全局监听。
在一个实施例中,终端从全屏显示第一页面更换为全屏显示第二页面,并在第二页面的上层显示第一显示控件的过程中,可以呈现逐渐将第一页面缩小至第一显示控件的效果。
S206,响应于针对显示在第二页面上层的第一显示控件的控件选中操作,显示第一页面并创建用以提供进入第二页面的入口的第二显示控件。
控件选中操作,可用于触发终端将全屏显示的页面更换为与所作用的显示控件相对应的页面,并在更换后的页面的上层显示与更换前的页面对应的显示控件。比如,针对显示在第二页面上层的第一显示控件的控件选中操作,用于触发终端从全屏显示第二页面,更换为全屏显示第一页面并在第一页面的上层显示与第二页面对应的显示控件。
控件选中操作可以是用户对显示在用户界面上层的显示控件施加的预定操作。控件选中操作的具体形式可以根据实际需求进行设定,与应用程序的其他功能不冲突即可。比如,控件选中操作可以为针对显示控件的点击操作(即点击显示控件)、按压操作(即按压显示控件)等。
第二显示控件,是与第二页面对应的显示控件,其可用于提供进入第二页面的入口。亦即是说,通过操作第二显示控件,可以触发终端全屏显示第二页面。
在本实施例中,终端显示第二页面并在第二页面的上层显示第一显示控件时,实时监听针对第一显示控件的操作,当监听到针对第一显示控件的控件选中操作时,终端从全屏显示第二页面更换为全屏显示第一页面,并创建第二显示控件,以及在第一页面的上层显示第二显示控件。其中,将显示控件显示在用户界面的上层的具体程序逻辑,可以采用任何适用的方式实现,本申请不作具体限定。
S208,在第一页面的上层显示第二显示控件。
在本实施例中,响应于针对显示在第二页面上层的第一显示控件的控件选中操作,第二显示控件创建完成后,可以将第二显示控件显示在第一页面的上层。针对视觉表现而言,如图5所示,第二显示控件浮在第二页面之上进行显示。其中,对在第一页面的上层显示第二显示控件的具体限定,可以与前文对在第二页面的上层显示第一显示控件的限定相同,此处不加赘述。
在一个实施例中,终端检测到针对第一页面的控件显示触发操作时,通过系统窗口服务创建预定窗口类型的窗口(不同窗口类型可以对应不同的显示层次,该预定窗口类型的窗口的显示层次在用户界面之上),再在所创建的窗口中添加与第一页面对应的视图,即得到第一显示控件。并且,调用第二页面,从而在终端的显示屏幕上全屏显示第二页面并在第二页面上层显示第一显示控件。
后续,终端检测到针对显示在第二页面上层的第一显示控件的控件选中操作时,通过系统窗口服务创建预定窗口类型的窗口,再在所创建的窗口中添加与第二页面对应的视图,即得到第二显示控件。并且,调用第一页面,从而在终端的显示屏幕上全屏显示第一页面并在第一页面上层显示第二显示控件。
其中,对于创建预定窗口类型的窗口,以安卓为例,可以通过WindowManager服务创建窗口类型为TYPE_APPLICATION_ATTAC HED_DIALOG的窗口。
此外,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图6所示。
上述页面切换方法,检测到针对第一页面的控件显示触发操作时,显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件;后续,检测到针对显示在第二页面上层的第一显示控件的控件选中操作时,显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此,仅需操作显示在用户界面的上层的显示控件,即可实现该用户界面与该显示控件对应的另一用户界面之间的切换,缩短了用户操作路径,提高了页面切换的便捷性。
在一个实施例中,在第一页面的上层显示第二显示控件的步骤之后,即步骤S208之后,还可以包括如下步骤:响应于针对显示在第一页面上层的第二显示控件的控件选中操作,显示第二页面并在第二页面的上层显示第一显示控件。
在本实施例中,在第一页面的上层显示第二显示控件时,实时监听针对第二显示控件的操作,当监听到针对第二显示控件的控件选中操作时,终端从全屏显示第一页面,更换为全屏显示第二页面,并在第二页面的上层显示第一显示控件。
此外,以图6所示为基础,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图7所示。
在一个实施例中,在第二页面的上层显示第一显示控件的步骤之后,即步骤S204之后,还可以包括如下步骤:响应于针对第二页面上的页面跳转触发操作,显示相应的第三页面;在第三页面的上层显示第一显示控件。
页面跳转触发操作,可用于触发终端跳转至相应的页面,其可以是用户对显示在用户界面上的相应功能控件施加的预定操作。页面跳转触发操作的具体形式可以根据实际需求进行设定,与应用程序的其他功能不冲突即可。比如,页面跳转触发操作可以是针对相应功能控件的点击操作、按压操作等。
与第一页面和第二页面类似,第三页面也是应用程序中的用户界面。第三页面、第二页面和第一页面可以是同一应用程序中的三个不同的用户界面,亦即第三页面、第二页面、以及第一页面用于实现三种不同的任务。对第三页面的具体限定,可以与前文对第一页面、第二页面的限定相同,此处不加赘述。
在本实施例中,终端显示第二页面并在第二页面的上层显示第一显示控件时,实时监听针对第二页面的操作,当监听到针对第二页面上的相应功能控件的页面跳转触发操作时,终端从第二页面跳转至第三页面,并在第三页面的上层显示第一显示控件。此外,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图8所示。
以第一页面为QQ应用的QQ空间动态页面、第二页面为消息列表页面为例,消息列表页面的上层显示QQ空间动态页面所对应的显示控件,在此情况下,用户点击消息列表页面中的提示“皮皮”的功能控件(即提供进入与好友“皮皮”的消息对话页面的入口的功能控件)后,与好友“皮皮”的消息对话页面即为第三页面,即终端从全屏显示消息列表页面更换为全屏显示与好友“皮皮”的消息对话页面,并在与好友“皮皮”的消息对话页面的上层显示QQ空间动态页面所对应的显示控件。
在一个实施例中,在第三页面的上层显示第一显示控件的步骤之后,还可以包括如下步骤:响应于针对第三页面的控件显示触发操作,显示第二页面并创建用于提供进入第三页面的入口的第三显示控件;在第二页面的上层显示第一显示控件和第三显示控件。
第三显示控件,是与第三页面对应的显示控件,其可用于提供进入第三页面的入口。亦即是说,通过操作第三显示控件,可以触发终端全屏显示第三页面。
在本实施例中,终端显示第三页面并在第三页面的上层显示第一显示控件时,实时监听针对第三页面的操作,当监听到针对第三页面的控件显示触发操作时,终端从全屏显示第三页面更换为全屏显示第二页面,并创建第三显示控件,以及在第二页面的上层同时显示第一显示控件和第三显示控件。此外,以图8所示为基础,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图9所示。
在一个实施例中,页面切换方法还可以包括如下步骤:在第二页面的上层显示第一显示控件和第三显示控件时,响应于针对第一显示控件的控件选中操作,在第一页面的上层显示第二显示控件和第三显示控件。
用户界面的上层显示的显示控件的数目多于一个时,用户可以根据实际需求对显示界面上的任意一个显示控件施加控件选中操作。比如,在第二页面的上层同时显示第一显示控件和第三显示控件时,用户可以根据实际需求对第一显示控件或第三显示控件施加控件选中操作。
用户对任一显示控件施加控件选中操作后,终端将从全屏显示施加控件选中操作之前的页面,更换为全屏显示被施加控件选中操作的显示控件所对应的页面。
在本实施例中,在第二页面的上层同时显示第一显示控件和第三显示控件时,用户根据实际需求对第二页面的上层显示的第一显示控件施加控件选中操作后,终端从全屏显示第二页面,更换为全屏显示第一页面并在第一页面的上层同时显示第二显示控件和第三显示控件。此外,以图9所示为基础,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图10所示。
此外,在第一页面的上层同时显示第二显示控件和第三显示控件时,用户可以根据实际需求对第一页面的上层显示的第二显示控件或第三显示控件施加控件选中操作。以用户对第一页面的上层显示的第二显示控件施加控件选中操作为例,终端将从全屏显示第一页面,更换为全屏显示第二页面,并在第二页面的上层显示第一显示控件和第三显示控件。用户对第一页面的上层显示的第二显示控件施加控件选中操作类似,此处不加赘述。
在一个实施例中,页面切换方法还可以包括如下步骤:在第二页面的上层显示第一显示控件和第三显示控件时,响应于针对第三显示控件的控件选中操作,显示第三页面并创建第二显示控件;在第三页面的上层显示第一显示控件和第二显示控件。
在本实施例中,在第二页面的上层同时显示第一显示控件和第三显示控件时,用户根据实际需求对第二页面的上层显示的第三显示控件施加控件选中操作后,终端从全屏显示第二页面,更换为全屏显示第三页面并在第三页面的上层同时显示第二显示控件和第一显示控件。此外,以图9所示为基础,在实际应用中,根据本实施例中的页面切换方法进行页面切换的过程,可以如图11所示。
类似地,在第三页面的上层同时显示第一显示控件和第二显示控件后,用户可以根据实际需求对第三页面的上层显示的第一显示控件或第二显示控件施加控件选中操作。以用户对第三页面的上层显示的第二显示控件施加控件选中操作为例,终端将从全屏显示第三页面,更换为全屏显示第二页面,并在第二页面的上层显示第一显示控件和第三显示控件。用户对第三页面的上层显示的第一显示控件施加控件选中操作类似,此处不加赘述。
在一个实施例中,页面切换方法还可以包括如下步骤:响应于针对第一显示控件的控件拖拽操作,按照与控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
控件拖拽操作,可用于触发在终端的显示屏幕上移动显示控件。比如,针对第一显示控件的控件拖拽操作,用于触发在终端的显示屏幕上移动第一显示控件。控件拖拽操作可以是用户对显示在用户界面上的显示控件施加的预定操作,比如按压显示控件的同时,在用户界面上进行滑动。
在本实施例中,在用户界面的上层显示显示控件时,实时监听针对显示控件的操作,当监听到针对该显示控件的控件拖拽操作时,按照与该拖拽操作对应的轨迹(即拖拽轨迹)在终端的显示屏幕上移动该显示控件,针对视觉表现而言,用户将看到该显示控件按照拖拽轨迹在该用户界面上进行移动。
此外,该拖拽方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例,在任意用户界面的上层显示第一显示控件时,当监听到针对该第一显示控件的控件拖拽操作时,如图12所示(图12仅示出第一显示控件显示在第二页面上层的情况),按照相应的拖拽轨迹(如图12中带箭头的虚线线条)在终端的显示屏幕上移动该第一显示控件。
在一个实施例中,可以通过修改窗口的布局参数中的窗口位置参数,来改变窗口在显示屏幕上的显示位置,从而实现在终端的显示屏幕上移动相应显示控件。其中,窗口位置参数包括窗口的横坐标和纵坐标。
在一个实施例中,页面切换方法还可以包括如下步骤:在第一显示控件被移动时,在显示屏幕中显示控件取消区域;若移动第一显示控件的终止位置位于控件取消区域内,则取消显示第一显示控件。
控件取消区域,是用于触发对显示控件进行取消显示的可交互区域。在移动显示控件的过程中,显示屏幕中持续显示控件取消区域,若移动显示控件的终止位置位于控件取消区域内,则取消显示该显示控件。比如,用户通过手指将显示控件拖拽至显示控件取消区域,并在显示控件取消区域内使手指脱离显示屏幕时,则取消显示该显示控件。可以理解,对显示控件取消显示后,该显示控件即被销毁,用户将无法在显示屏幕上看到该显示控件。在一个实施例中,可以采用销毁窗口的方式来对显示控件取消显示。
此外,该取消显示显示控件的方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例,在任意用户界面的上层显示第一显示控件时,通过控件拖拽操作移动第一显示控件的过程中,如图13所示(图13仅示出第一显示控件显示在第二页面上层的情况),在显示屏幕中持续显示控件取消区域,若移动第一显示控件的终止位置位于控件取消区域内,则取消显示第一显示控件。
在其他实施例中,也可以通过具备对显示控件进行取消显示的功能的菜单对显示控件进行取消显示。具体地,菜单中设置可以设置用于对显示控件进行取消显示的按钮,在用户界面的上层显示显示控件时,在该用户界面上调出菜单,并点击菜单中用于对显示控件进行取消显示的按钮,即可取消显示相应的显示控件。
在一个实施例中,页面切换方法还可以包括如下步骤:若终止位置位于控件取消区域外,则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
若移动显示控件的终止位置位于控件取消区域之外,表明用户不需要取消该显示控件,而是需要改变该显示控件在显示屏幕上的显示位置。在此情况下,可以在获取到移动显示控件的终止位置后,将显示控件停靠至与获取到的终止位置相距最近的屏幕边缘位置处,即移动结束后,在该屏幕边缘位置处显示该显示控件。比如,如图14所示,对显示控件进行一次移动后,若移动该显示控件的终止位置在A位置,且经判断,B位置是与A位置相距最近的屏幕边缘位置,则将该显示控件停靠至B位置,即在B位置处显示该显示控件。其中,确定与某一位置相距最近的屏幕边缘位置的具体程序逻辑,可以采用任何适用的方式实现,本申请不作具体限定。
需要说明的是,该停靠方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例,若移动第一显示控件的终止位置位于控件取消区域外,则将第一显示控件停靠至与该终止位置相距最近的屏幕边缘位置处。
此外,通过将显示控件停靠至与终止位置相距最近的屏幕边缘位置处,能够有效地减少显示控件对其下层的用户界面的遮挡。
在其他实施例中,获取到移动显示控件的终止位置后,也可以直接将该显示控件停在该终止位置处,即直接在该终止位置处显示该显示控件。比如,对显示控件进行一次移动后,若移动该显示控件的终止位置在A位置,则直接将该显示控件停在A位置,即在A位置处显示该显示控件。
在一个实施例中,页面切换方法还可以包括以下步骤:在第一显示控件中同步显示第一页面的页面内容。
在本实施例中,第一显示控件可以为视图窗口,可以在该视图窗口中同步显示第一页面的页面内容。亦即是说,第一显示控件中的显示内容与第一页面的页面内容实时一致。
举例说明,假设在T1时刻,终端显示第二页面并在第二页面的上层显示与第一页面对应的第一显示控件,其中,第二页面为消息列表页面,第一页面为与好友“皮皮”的消息对话页面,且在T1时刻,与好友“皮皮”的消息对话页面如图15(a)所示。在此情况下,如图15(b)所示,在T1时刻,显示在第二页面上层的第一显示控件中的显示内容也是图15(a)所示的消息对话页面。后续,在T1时刻之后的T2时刻,好友“皮皮”发来一条新消息“我要睡觉啦”,与好友“皮皮”的消息对话页面从图15(a)所示更新为图15(c)所示,此时,如图15(d)所示,第一显示控件中的显示内容也从图15(c)所示的消息对话页面更新为图15(d)所示的消息对话页面。
此外,对于任一显示控件,均可在该显示控件中同步显示对之对应的用户界面中的页面内容。比如,也可以在第二显示控件中同步显示第二页面的页面内容,在第三显示控件中同步显示第三页面的页面内容等等。
在其他实施例中,显示控件中的显示内容也可以是预先设定的。在此情况下,在显示控件的生命周期中,显示控件的显示内容保持不变。
在一个实施例中,确定第二页面的方式,包括:获取预先设定的页面;第二页面包括预先设定的页面。
可以理解,在显示第二页面之前,需要先确定第二页面。比如,检测到针对第一页面的控件显示触发操作时,先确定第二页面,再显示所确定的第二页面。
预先设定的页面,可以是预先从应用程序中的各用户界面中,选取的一个用户界面。在本实施例中,对于任一应用程序,可以预先从该应用程序中的各用户界面中选取一个用户界面作为预先设定的页面(即第二页面),后续,用户针对除该预先设定的页面外的任一用户界面施加控件显示触发操作时,终端均从显示与该控件显示触发操作所作用的用户界面,切换至显示该预先设定的页面,并在该预先设定的页面的上层显示与该控件显示触发操作所作用的用户界面相对应的显示控件。
在一个实施例中,可以将应用程序的默认用户界面选作第二页面。默认用户界面可以是打开该应用程序后,展现的第一个用户界面。比如,对于QQ应用,默认用户界面为消息列表界面。
在一个实施例中,确定所述第二页面的方式,可以包括如下步骤:检测到针对第一页面的控件显示触发操作时,显示目标页面选择页面,目标页面选择页面中包括候选页面控件;响应于针对候选页面控件的页面选择操作,从各候选页面控件中确定中选页面控件;第二页面包括中选页面控件对应的页面。
目标页面选择页面,是用以供用户进行第二页面选择的用户界面。目标页面选择页面中可以呈现若干个候选页面控件。各个候选页面控件分别对应一个用户界面。比如,目标页面选择页面上呈现候选页面控件D1、D2、以及D3,共计三个候选页面控件,候选页面控件D1至D3分别对应三个不同的用户界面。以QQ应用为例,候选页面控件D1对应的用户界面为消息列表页面、候选页面控件D2对应的用户界面为联系人列表页面、以及候选页面控件D3对应的用户界面为QQ空间动态页面。
页面选择操作,可用于触发从各候选页面控件中确定中选页面控件。页面选择操作可以是用户对候选页面控件施加的预定操作。页面选择操作的具体形式可以根据实际需求进行设定,与应用程序的其他功能不冲突即可。比如,页面选择操作可以是针对候选页面控件的点击操作、按压操作等。
中选页面控件,是页面选择操作所作用的候选页面控件。目标页面选择页面上呈现若干个候选页面控件后,终端实时监听针对该若干个候选页面控件的操作,用户可以根据实际需求对该若干个候选页面控件中的一个施加页面选择操作,终端监听到该页面选择操作后,将该页面选择操作所作用的候选页面控件作为中选页面控件。在本实施例中,第二页面是中选页面控件所对应的页面,即中选页面控件所对应的用户界面。比如,对上述QQ应用示例,根据一次页面选择操作,候选页面控件D2被确定为中选页面控件,第二页面即为联系人列表页面。
举例说明,如图16所示,终端全屏显示第一页面时,检测到针对第一页面的控件显示触发操作时,终端先显示目标页面选择页面,目标页面选择页面上呈现候选页面控件D1、D2、以及D3,假设用户对候选页面控件D2施加页面选择操作,终端检测到该页面选择操作后,全屏显示第二页面(即候选页面控件D2对应的页面),并在候选页面控件D2对应的页面的上层显示第一显示控件。
此外,在实际应用中,用户不同次施加页面选择操作的候选页面控件可能不相同,因此不同次确定的第二页面也可能不相同。比如,用户第一次施加页面选择操作时,施加对象是候选页面控件D2,则针对该次页面选择操作所确定的第二页面为候选页面控件D2对应的用户界面,后续用户第二次施加页面选择操作时,施加对象是候选页面控件D1,则针对该次页面选择操作所确定的第二页面为候选页面控件D1对应的用户界面。
在一个实施例中,如图17所示,提供了一种页面切换方法。该方法具体可以包括如下步骤S1702至S1724。
S1702,响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入第一页面的入口的第一显示控件,第二页面包括预先设定的页面。
S1704,在第二页面的上层显示第一显示控件。
S1706,响应于针对第二页面上的页面跳转触发操作,显示相应的第三页面。
S1708,在第三页面的上层显示第一显示控件。
S1710,响应于针对第三页面的控件显示触发操作,显示第二页面并创建用于提供进入第三页面的入口的第三显示控件。
S1712,在第二页面的上层显示第一显示控件和第三显示控件。
S1714,响应于针对第三显示控件的控件选中操作,显示第三页面并创建第二显示控件。
S1716,在第三页面的上层显示第一显示控件和第二显示控件。
S1718,响应于针对显示在第三页面上层的第一显示控件的控件拖拽操作,按照控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
S1720,在第一显示控件被移动时,在显示屏幕中显示控件取消区域。
S1722,若移动第一显示控件的终止位置位于控件取消区域内,则取消显示第一显示控件。
S1724,若终止位置位于控件取消区域外,则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
需要说明的是,本实施例中对各技术特征的具体限定,可以与前文中对相应技术特征的限定相同,此处不加赘述。
此外,根据如上所述的实施例,以下以QQ应用为例进行举例说明。
用户在终端上打开QQ应用后,终端上显示QQ应用的消息列表页面。用户点击导航栏上的提示“动态”的图标控件后,终端显示动态管理页面。继而,用户点击动态管理页面上的提示“好友动态”的图标控件后,终端显示QQ空间动态页面。用户在QQ空间动态页面上从显示屏幕的右侧边缘向左滑动超过预定距离后,终端检测到该向左滑动的操作后,创建用以提供进入QQ空间动态页面的入口的显示控件(以下简称为显示控件C1),并显示消息列表页面,以及在消息列表页面的上层显示该显示控件C1。后续,用户点击消息列表页面上提示“皮皮”的图标控件(即用以提供进入与好友“皮皮”的消息对话页面的入口的图标控件)后,终端从显示消息列表页面切换为显示与好友“皮皮”的消息对话页面。而后,用户在与好友“皮皮”的消息对话页面上从显示屏幕的右侧边缘向左滑动超过预定距离后,终端检测到该向左滑动的操作后,创建用以提供进入与好友“皮皮”的消息对话页面的入口的显示控件(以下简称为显示控件C2),并显示消息列表页面,以及在消息列表页面的上层同时显示该显示控件C2和该显示控件C1。
在消息列表页面的上层同时显示该显示控件C2和该显示控件C1时,若用户点击显示在消息列表页面上层的显示控件C2,终端则显示与好友“皮皮”的消息对话页面,并创建用以提供进入消息列表页面的入口的显示控件(以下简称为显示控件C3),以及在与好友“皮皮”的消息对话页面的上层显示该显示控件C3和该显示控件C1;若用户点击显示在消息列表页面上层的显示控件C1,终端则显示QQ空间动态页面,并创建显示控件C3,以及在与QQ空间动态页面的上层显示该显示控件C3和该显示控件C2。
在合理条件下应当理解,虽然前文各实施例涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,各流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图18所示,提供了一种页面切换装置1800,该装置可以包括如下模块1802至1808。
第一控件创建模块1802,用于响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入第一页面的入口的第一显示控件。
第一控件显示模块1804,用于在第二页面的上层显示第一显示控件。
第二控件创建模块1806,用于响应于针对显示在第二页面上层的第一显示控件的控件选中操作,显示第一页面并创建用以提供进入第二页面的入口的第二显示控件。
第二控件显示模块1808,用于在第一页面的上层显示第二显示控件。
上述页面切换装置1800,检测到针对第一页面的控件显示触发操作时,显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件;后续,检测到针对显示在第二页面上层的第一显示控件的控件选中操作时,显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此,仅需操作显示在用户界面的上层的显示控件,即可实现该用户界面与该显示控件对应的另一用户界面之间的切换,缩短了用户操作路径,提高了页面切换的便捷性。
在一个实施例中,页面切换装置1800还可以包括如下模块:
页面切换模块,用于响应于针对显示在第一页面上层的第二显示控件的控件选中操作,显示第二页面并在第二页面的上层显示第一显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:
页面跳转模块,用于响应于针对第二页面上的页面跳转触发操作,显示相应的第三页面;在第三页面的上层显示第一显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:第三控件创建模块,用于响应于针对第三页面的控件显示触发操作,显示第二页面并创建用于提供进入第三页面的入口的第三显示控件;第三空间显示模块,用于在第二页面的上层显示第一显示控件和第三显示控件。
第二控件显示模块1808,具体用于在第一页面的上层显示第二显示控件和第三显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:控件选中模块,用于在第二页面的上层显示第一显示控件和第三显示控件时,响应于针对第三显示控件的控件选中操作,显示第三页面并创建第二显示控件;第一多控件显示模块,用于在第三页面的上层显示第一显示控件和第二显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:控件拖拽模块,用于响应于针对第一显示控件的控件拖拽操作,按照控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:取消区域显示模块,用于在第一显示控件被移动时,在显示屏幕中显示控件取消区域;第一控件取消模块,用于若移动第一显示控件的终止位置位于控件取消区域内,则取消显示第一显示控件。
在一个实施例中,页面切换装置1800还可以包括如下模块:第一控件停靠模块,用于若终止位置位于控件取消区域外,则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
在一个实施例中,页面切换装置1800还可以包括以下两个模块中的至少一个:第一同步显示模块,用于在第一显示控件中同步显示第一页面的页面内容;第二同步显示模块,用于在第二显示控件中同步显示第二页面的页面内容。
在一个实施例中,页面切换装置1800还可以包括第二页面确定模块,用于获取预先设定的页面;第二页面包括预先设定的页面。
在一个实施例中,页面切换装置1800还可以包括第二页面确定模块,该第二页面确定模块可以包括以下单元:选择页面显示单元,用于检测到针对第一页面的控件显示触发操作时,显示目标页面选择页面,目标页面选择页面中包括候选页面控件;中选页面控件确定单元,用于响应于针对候选页面控件的页面选择操作,从各候选页面控件中确定中选页面控件;第二页面包括中选页面控件对应的页面。
需要说明的是,关于页面切换装置1800的具体限定,可以参见上文中对于页面切换方法的限定,在此不再赘述。上述页面切换装置1800中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现本申请任一实施例提供的页面切换方法中的步骤。
在一个实施例中,该计算机设备可以是图1所示的终端110,其内部结构图可以如图19所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该处理器用于提供计算和控制能力。该存储器包括非易失性存储介质和内存储器,该非易失性存储介质存储有操作系统和计算机程序,该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境,该计算机程序被处理器执行时以实现一种页面切换方法。该网络接口用于与外部的终端通过网络连接通信。该显示屏可以是液晶显示屏或者电子墨水显示屏。该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图19中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请各实施例提供的页面切换装置可以实现为一种计算机程序的形式,计算机程序可在如图19所示的计算机设备上运行。计算机设备的存储器中可存储组成该页面切换装置的各个程序模块,比如,图18所示的第一控件创建模块1802、第一控件显示模块1804、第二控件创建模块1806以及第二控件显示模块1808。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的页面切换方法中的步骤。例如,图19所示的计算机设备可以通过如图18所示的页面切换装置中的第一控件创建模块1802执行步骤S202、通过第一控件显示模块1804执行步骤S204、通过第二控件创建模块1806执行步骤S206、通过第二控件显示模块1808执行步骤S208等等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
据此,在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现本申请任一实施例提供的页面切换方法。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (15)

1.一种页面切换方法,其特征在于,包括:
响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入所述第一页面的入口的第一显示控件;
在所述第二页面的上层显示所述第一显示控件;
响应于针对显示在所述第二页面上层的第一显示控件的控件选中操作,显示所述第一页面并创建用以提供进入所述第二页面的入口的第二显示控件;
在所述第一页面的上层显示所述第二显示控件。
2.根据权利要求1所述的方法,其特征在于,在所述第一页面的上层显示所述第二显示控件之后,还包括:
响应于针对显示在所述第一页面上层的第二显示控件的控件选中操作,显示所述第二页面并在所述第二页面的上层显示所述第一显示控件。
3.根据权利要求1所述的方法,其特征在于,在所述第二页面的上层显示所述第一显示控件之后,还包括:
响应于针对所述第二页面上的页面跳转触发操作,显示相应的第三页面;
在所述第三页面的上层显示所述第一显示控件。
4.根据权利要求3所述的方法,其特征在于,在所述第三页面的上层显示所述第一显示控件之后,还包括:
响应于针对所述第三页面的控件显示触发操作,显示所述第二页面并创建用于提供进入所述第三页面的入口的第三显示控件;
在所述第二页面的上层显示所述第一显示控件和所述第三显示控件。
5.根据权利要求4所述的方法,其特征在于,还包括:
在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时,响应于针对所述第一显示控件的控件选中操作,在所述第一页面的上层显示所述第二显示控件和所述第三显示控件。
6.根据权利要求4所述的方法,其特征在于,还包括:
在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时,响应于针对所述第三显示控件的控件选中操作,显示所述第三页面并创建所述第二显示控件;
在所述第三页面的上层显示所述第一显示控件和所述第二显示控件。
7.根据权利要求1所述的方法,其特征在于,还包括:
响应于针对所述第一显示控件的控件拖拽操作,按照所述控件拖拽操作对应的轨迹在显示屏幕上移动所述第一显示控件。
8.根据权利要求7所述的方法,其特征在于,还包括:
在所述第一显示控件被移动时,在所述显示屏幕中显示控件取消区域;
若移动所述第一显示控件的终止位置位于所述控件取消区域内,则取消显示所述第一显示控件。
9.根据权利要求8所述的方法,其特征在于,还包括:
若所述终止位置位于所述控件取消区域外,则将所述第一显示控件停靠至与所述终止位置相距最近的屏幕边缘位置处。
10.根据权利要求1所述的方法,其特征在于,还包括以下两项中的至少一项:
在所述第一显示控件中同步显示所述第一页面的页面内容;
在所述第二显示控件中同步显示所述第二页面的页面内容。
11.根据权利要求1至10任一项所述的方法,其特征在于,确定所述第二页面的方式,包括:
获取预先设定的页面;
所述第二页面包括所述预先设定的页面。
12.根据权利要求1至10任一项所述的方法,其特征在于,确定所述第二页面的方式,包括:
检测到针对第一页面的控件显示触发操作时,显示目标页面选择页面,所述目标页面选择页面中包括候选页面控件;
响应于针对所述候选页面控件的页面选择操作,从各所述候选页面控件中确定中选页面控件;
所述第二页面包括所述中选页面控件对应的页面。
13.一种页面切换装置,其特征在于,包括:
第一控件创建模块,用于响应于针对第一页面的控件显示触发操作,显示第二页面并创建用以提供进入所述第一页面的入口的第一显示控件;
第一控件显示模块,用于在所述第二页面的上层显示所述第一显示控件;
第二控件创建模块,用于响应于针对显示在所述第二页面上层的第一显示控件的控件选中操作,显示所述第一页面并创建用以提供进入所述第二页面的入口的第二显示控件;
第二控件显示模块,用于在所述第一页面的上层显示所述第二显示控件。
14.一种计算机可读存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至12中任一项所述的方法的步骤。
15.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至12中任一项所述方法的步骤。
CN201810997033.6A 2018-08-29 2018-08-29 页面切换方法、装置、存储介质及计算机设备 Active CN110874166B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN201810997033.6A CN110874166B (zh) 2018-08-29 2018-08-29 页面切换方法、装置、存储介质及计算机设备
EP19856029.4A EP3770743A4 (en) 2018-08-29 2019-08-26 PAGE SWITCHING PROCESS, DEVICE, INFORMATION MEDIA AND COMPUTER DEVICE
KR1020207027790A KR102479662B1 (ko) 2018-08-29 2019-08-26 페이지 전환 방법, 장치, 저장 매체 및 컴퓨터 기기
PCT/CN2019/102627 WO2020043064A1 (zh) 2018-08-29 2019-08-26 页面切换方法、装置、存储介质及计算机设备
US17/016,351 US20200409518A1 (en) 2018-08-29 2020-09-09 Page switching method and apparatus, and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810997033.6A CN110874166B (zh) 2018-08-29 2018-08-29 页面切换方法、装置、存储介质及计算机设备

Publications (2)

Publication Number Publication Date
CN110874166A true CN110874166A (zh) 2020-03-10
CN110874166B CN110874166B (zh) 2022-05-03

Family

ID=69644083

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810997033.6A Active CN110874166B (zh) 2018-08-29 2018-08-29 页面切换方法、装置、存储介质及计算机设备

Country Status (5)

Country Link
US (1) US20200409518A1 (zh)
EP (1) EP3770743A4 (zh)
KR (1) KR102479662B1 (zh)
CN (1) CN110874166B (zh)
WO (1) WO2020043064A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111524210A (zh) * 2020-04-10 2020-08-11 北京百度网讯科技有限公司 用于生成绘图的方法和装置
CN111766989A (zh) * 2020-07-02 2020-10-13 网易(杭州)网络有限公司 一种界面切换方法及装置
CN112035765A (zh) * 2020-07-30 2020-12-04 长沙市到家悠享网络科技有限公司 页面渲染方法、装置和设备
CN112596657A (zh) * 2020-12-30 2021-04-02 北京达佳互联信息技术有限公司 一种任务创建方法、装置、电子设备及存储介质
WO2022068819A1 (zh) * 2020-09-30 2022-04-07 华为技术有限公司 一种界面显示方法及相关装置
CN114579229A (zh) * 2022-02-14 2022-06-03 众安科技(国际)集团有限公司 信息呈现方法及装置
CN114756315A (zh) * 2022-03-23 2022-07-15 阿波罗智联(北京)科技有限公司 对话页面切换方法、装置、设备及存储介质

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114327698B (zh) * 2020-09-30 2024-04-05 深圳市万普拉斯科技有限公司 一种页面切换的方法、系统、电子装置及存储介质
CN113986102A (zh) * 2021-11-08 2022-01-28 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160020739A (ko) * 2014-08-14 2016-02-24 인포뱅크 주식회사 푸쉬 메시지 수신에 따라 앱 아이콘 위치를 변경하는 이동통신 단말기 및 이 방법을 실행시키기 위하여 매체에 저장된 앱 프로그램
CN106527874A (zh) * 2016-10-20 2017-03-22 腾讯科技(深圳)有限公司 页面处理方法及装置
CN106951148A (zh) * 2017-05-02 2017-07-14 深圳乐信软件技术有限公司 一种切换页面的方法和装置
CN107368361A (zh) * 2017-06-26 2017-11-21 中广热点云科技有限公司 一种移动终端应用程序切换方法及系统
CN107390968A (zh) * 2017-06-14 2017-11-24 努比亚技术有限公司 应用界面互换的方法、终端以及计算机可读存储介质

Family Cites Families (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7437678B2 (en) * 2005-10-27 2008-10-14 International Business Machines Corporation Maximizing window display area using window flowing
US8327428B2 (en) * 2006-11-30 2012-12-04 Microsoft Corporation Authenticating linked accounts
US7958460B2 (en) * 2007-10-30 2011-06-07 International Business Machines Corporation Method for predictive drag and drop operation to improve accessibility
KR101646254B1 (ko) * 2009-10-09 2016-08-05 엘지전자 주식회사 이동 통신 단말기에서의 아이콘 삭제 방법 및 이를 적용한 이동 통신 단말기
US9116594B2 (en) * 2010-01-19 2015-08-25 Lg Electronics Inc. Mobile terminal and control method thereof
EP2375316B1 (en) * 2010-04-06 2019-11-27 Lg Electronics Inc. Mobile terminal and controlling method thereof
JP5134653B2 (ja) * 2010-07-08 2013-01-30 株式会社バンダイナムコゲームス プログラム及びユーザ端末
KR101735614B1 (ko) * 2010-08-12 2017-05-15 엘지전자 주식회사 휴대 단말기 및 그 동작 제어방법
US8875047B2 (en) * 2010-08-31 2014-10-28 Blackboard Inc. Smart docking for windowing systems
US9501217B2 (en) * 2011-01-14 2016-11-22 Apple Inc. Target region for removing icons from dock
CN103177021B (zh) * 2011-12-23 2017-02-15 腾讯科技(深圳)有限公司 移动终端浏览器、浏览器页面显示方法及装置
KR101356368B1 (ko) * 2012-02-24 2014-01-29 주식회사 팬택 어플리케이션 전환 장치 및 방법
US20130227472A1 (en) * 2012-02-29 2013-08-29 Joseph W. Sosinski Device, Method, and Graphical User Interface for Managing Windows
US9612713B2 (en) * 2012-09-26 2017-04-04 Google Inc. Intelligent window management
KR102148725B1 (ko) * 2013-07-31 2020-08-28 삼성전자주식회사 어플리케이션을 표시하는 방법 및 장치
US9792015B2 (en) * 2013-09-19 2017-10-17 Microsoft Technology Licensing, Llc Providing visualizations for conversations
US10139993B2 (en) * 2014-01-22 2018-11-27 Google Llc Enhanced window control flows
KR20150135038A (ko) * 2014-05-23 2015-12-02 삼성전자주식회사 폴더블 전자 장치 및 그 제어 방법
KR20160035911A (ko) * 2014-09-24 2016-04-01 엘지전자 주식회사 이동단말기 및 그 제어방법
CN106293355B (zh) * 2015-05-11 2020-09-01 腾讯科技(深圳)有限公司 即时通讯窗口显示的方法和装置
CN104918095A (zh) * 2015-05-19 2015-09-16 乐视致新电子科技(天津)有限公司 多媒体流数据预览展示方法及装置
KR102480462B1 (ko) * 2016-02-05 2022-12-23 삼성전자주식회사 복수의 디스플레이들을 포함하는 전자 장치 및 그 동작 방법
US11314388B2 (en) * 2016-06-30 2022-04-26 Huawei Technologies Co., Ltd. Method for viewing application program, graphical user interface, and terminal
CN106648350A (zh) * 2016-09-29 2017-05-10 珠海市魅族科技有限公司 一种界面展示方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术(北京)有限公司 快速切换网页的方法和装置
EP3385831A1 (en) * 2017-04-04 2018-10-10 Lg Electronics Inc. Mobile terminal
US11093126B2 (en) * 2017-04-13 2021-08-17 Adobe Inc. Drop zone prediction for user input operations
CN112055842A (zh) * 2018-05-08 2020-12-08 谷歌有限责任公司 拖动手势动画

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160020739A (ko) * 2014-08-14 2016-02-24 인포뱅크 주식회사 푸쉬 메시지 수신에 따라 앱 아이콘 위치를 변경하는 이동통신 단말기 및 이 방법을 실행시키기 위하여 매체에 저장된 앱 프로그램
CN106527874A (zh) * 2016-10-20 2017-03-22 腾讯科技(深圳)有限公司 页面处理方法及装置
CN106951148A (zh) * 2017-05-02 2017-07-14 深圳乐信软件技术有限公司 一种切换页面的方法和装置
CN107390968A (zh) * 2017-06-14 2017-11-24 努比亚技术有限公司 应用界面互换的方法、终端以及计算机可读存储介质
CN107368361A (zh) * 2017-06-26 2017-11-21 中广热点云科技有限公司 一种移动终端应用程序切换方法及系统

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111524210A (zh) * 2020-04-10 2020-08-11 北京百度网讯科技有限公司 用于生成绘图的方法和装置
CN111766989A (zh) * 2020-07-02 2020-10-13 网易(杭州)网络有限公司 一种界面切换方法及装置
CN111766989B (zh) * 2020-07-02 2022-05-03 网易(杭州)网络有限公司 一种界面切换方法及装置
CN112035765A (zh) * 2020-07-30 2020-12-04 长沙市到家悠享网络科技有限公司 页面渲染方法、装置和设备
WO2022068819A1 (zh) * 2020-09-30 2022-04-07 华为技术有限公司 一种界面显示方法及相关装置
CN112596657A (zh) * 2020-12-30 2021-04-02 北京达佳互联信息技术有限公司 一种任务创建方法、装置、电子设备及存储介质
CN114579229A (zh) * 2022-02-14 2022-06-03 众安科技(国际)集团有限公司 信息呈现方法及装置
CN114756315A (zh) * 2022-03-23 2022-07-15 阿波罗智联(北京)科技有限公司 对话页面切换方法、装置、设备及存储介质

Also Published As

Publication number Publication date
KR102479662B1 (ko) 2022-12-20
CN110874166B (zh) 2022-05-03
WO2020043064A1 (zh) 2020-03-05
EP3770743A1 (en) 2021-01-27
KR20200122386A (ko) 2020-10-27
US20200409518A1 (en) 2020-12-31
EP3770743A4 (en) 2021-07-07

Similar Documents

Publication Publication Date Title
CN110874166B (zh) 页面切换方法、装置、存储介质及计算机设备
US9952745B2 (en) Method of modifying rendered attributes of list elements in a user interface
EP2584445A1 (en) Method of animating a rearrangement of ui elements on a display screen of an eletronic device
JP2016529635A (ja) 凝視制御インターフェース方法およびシステム
US20110314421A1 (en) Access to Touch Screens
KR20160136250A (ko) 전자 장치에서 제 1 애플리케이션 아이콘을 이용하여 제 2 애플리케이션을 실행하기 위한 방법
CN111338555B (zh) 通过虚拟键盘实现输入的方法、装置、设备及存储介质
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
US20110185301A1 (en) Providing sensory information based on detected events
CN103577030A (zh) 浏览器窗口界面展现方法及系统
CN109800373B (zh) 标签处理方法、装置、存储介质和计算机设备
CN110007831B (zh) 一种翻页控制方法、装置及终端设备
CN114415886A (zh) 应用图标的管理方法和电子设备
US9501206B2 (en) Information processing apparatus
US11847294B2 (en) Method for generating desktop of mobile terminal, device and electronic device
CN104978104A (zh) 一种信息处理方法、装置和电子设备
CN114879872A (zh) 显示方法、装置、电子设备及存储介质
CN114115639A (zh) 界面控制方法、装置、电子设备及存储介质
EP2902898B1 (en) System and method in managing low-latency direct control feedback
CN114518926A (zh) 通知消息显示方法、装置、电子设备及介质
CN110377378B (zh) 图片悬浮显示方法、装置、终端和存储介质
CN104081333A (zh) 包括均描绘图形用户界面的区域的输入镜头的远程显示区
CN115917488A (zh) 一种显示界面处理方法、装置及存储介质
CN113678095A (zh) 用于多个同时交互式视图的界面
CN111295639A (zh) 一种用于智能终端的显示方法及显示装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40021586

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant