CN115113780B - 一种页面切换方法、装置和终端设备 - Google Patents
一种页面切换方法、装置和终端设备 Download PDFInfo
- Publication number
- CN115113780B CN115113780B CN202210678315.6A CN202210678315A CN115113780B CN 115113780 B CN115113780 B CN 115113780B CN 202210678315 A CN202210678315 A CN 202210678315A CN 115113780 B CN115113780 B CN 115113780B
- Authority
- CN
- China
- Prior art keywords
- page
- user interface
- pages
- user
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
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/0481—Interaction 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/04817—Interaction 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
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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/0487—Interaction 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/0488—Interaction 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/04883—Interaction 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
-
- 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
Abstract
本申请实施例提供了一种页面切换方法、装置和终端设备。包括:终端设备响应于用户在第一用户界面执行的第一手势操作显示第二用户界面,其中第二用户界面包括完整显示的当前页面的缩略图以及分布在当前页面的缩略图的外围且部分显示的多个第一页面的缩略图;响应于用户在第二用户界面执行的第二手势操作,从多个页面中确定目标页面并显示第三用户界面;响应于用户执行的第三手势操作,将第一用户界面中当前页面更新为目标页面后显示更新后的第一用户界面。如此,所有第一页面分布在当前页面的周围,可以极大缩短第二用户界面下目标页面与当前页面的距离,使得用户通过少量操作即可切换到目标页面,进而提高目标应用的查找效率,用户体验较好。
Description
技术领域
本申请涉及终端设备技术领域,特别涉及一种页面切换方法、装置和终端设备。
背景技术
终端设备(比如安卓系统手机)主要通过桌面UI(User Interface,用户界面)模块对应用程序进行管理,例如:终端设备可以根据用户需求将所有应用程序的应用图标分类归入不同的页面进行显示。如果用户需要查找的目标应用并不在显示屏中显示的当前页面,则用户需要对主屏幕上的多个页面进行切换。
通常来说,切换页面可以有两种方式,一种方式是用户直接在终端设备的主屏幕界面上执行向左滑动操作或向右滑动操作,每执行一次操作,主屏幕上切换显示一个页面。另一种方式是用户在终端设备的主屏幕界面上执行手势操作,比如:双指滑动靠近操作,使得终端设备进入主屏幕编辑模式,并显示主屏幕编辑界面。其中,在主屏幕编辑模式下,主屏幕中所有页面均会进行一定程度的缩小并横向排布。此时,用户可以在主屏幕编辑界面上执行向左滑动操作或向右滑动操作,每执行一次操作,根据操作的离手速度不同,终端设备的显示屏上可以依次滑过多个页面,并将最终停止时的页面在显示屏中显示。
随着终端设备内存的增大,存储的应用也逐渐增多,进而横向排布的页面数量也大幅增加。采用目前的页面切换方式,当用户需要查找的目标应用所在的页面距离当前页面较远时,用户需要执行多次滑动操作才能切换到目标应用所在的页面,从而造成目标应用的查找效率较低,影响用户体验。
发明内容
本申请提供了一种页面切换方法、装置和终端设备,可用于解决现有页面切换方式在用户需要查找的目标应用所在的页面距离当前页面较远时,用户需要执行多次滑动操作才能切换到目标应用所在的页面,从而造成目标应用的查找效率较低,影响用户体验的技术问题。
第一方面,本申请实施例提供一种页面切换方法,应用于终端设备,所述方法包括:
响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面;其中:所述第一用户界面包括多个页面,并将所述多个页面中的其中一个页面作为当前页面进行显示;所述第二用户界面包括完整显示的所述当前页面的缩略图,以及分布在所述当前页面的缩略图的外围且部分显示的多个第一页面的缩略图,所述第一页面为所述多个页面中的除所述当前页面以外的其他页面;
响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面;其中:所述第三用户界面包括完整显示的所述目标页面的缩略图,以及分布在所述目标页面的缩略图的外围且部分显示的多个第二页面的缩略图,所述第二页面为所述多个页面中的除所述目标页面以外的其他页面;
响应于用户在所述第三用户界面执行的第三手势操作,将所述第一用户界面中的所述当前页面更新为所述目标页面,并显示更新后的所述第一用户界面。
本申请实施例提供的技术方案,在第二用户界面中,所有第一页面分布在当前页面的周围,而非只分布在当前页面的两侧,即使用户需要查找的目标应用所在的目标页面在主屏幕下与当前页面距离较远,也可以通过这种排布的方式来缩短第二用户界面下目标页面与当前页面的距离,进而使得用户通过少量操作即可切换到目标页面,可以极大地提高目标应用的查找效率,用户体验较好。
在一种实现方式中,在所述第二用户界面中,所述多个第一页面的缩略图在所述当前页面的缩略图的外围呈环形分布。这样,当前页面周围环形排布有多个第一页面,不仅页面的排布更为紧凑,而且通过“周边视觉”有助于提高用户查找目标应用的效率,用户体验较好。
在一种实现方式中,在所述第二用户界面中,所述当前页面的缩略图的外围包括多个环形区域,所述多个环形区域由内向外依次分布,所述多个第一页面的缩略图分布在至少一个所述环形区域内。这样,多个环形区域由内向外依次分布,将主屏幕下各个第一页面与当前页面的横向距离转化为第一页面所在环形区域与当前页面的径向距离,可以极大地缩短第一页面与当前页面的距离。
在一种实现方式中,每个所述环形区域包括多个子区域,每个子区域用于显示一个所述第一页面的缩略图。
在一种实现方式中,所述第二用户界面包括第一页面区域和第二页面区域,每个所述环形区域包括位于所述第一页面区域的至少一个第一子区域,以及位于所述第二页面区域的至少一个第二子区域;多个所述第一页面包括位于所述当前页面之前的至少一个前序页面和/或位于所述当前页面之后的至少一个后序页面;所述至少一个前序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第一子区域中;所述至少一个后序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第二子区域中。这样,将当前页面的前序页面的缩略图分布在第一子区域中,将当前页面的后序页面的缩略图分布在第二子区域中,排布更加有规律,使得用户在查找的过程中无需进行各个方向的尝试,从而可以快速定位目标页面,用户体验较好。
在一种实现方式中,分布在第i个所述环形区域中的所述前序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述前序页面与所述当前页面之间的距离;分布在第i个所述环形区域中的所述后序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述后序页面与所述当前页面之间的距离;其中,i大于或者等于1,且i+1小于或者等于N,N为所述环形区域的数量,第i个所述环形区域与第i+1个所述环形区域是相邻的环形区域,第i+1个所述环形区域位于第i个所述环形区域的外侧。这样,将主屏幕下与当前页面距离较近的页面,也就是与当前页面相关性更强的页面,在第二用户界面下环形排布在与当前页面更近的环形区域,有利于用户可以利用各页面之间的关联性更快地切换到目标应用所在的页面。
在一种实现方式中,当所述第i个环形区域中分布有多个所述前序页面时,如果所述i为奇数,多个所述前序页面根据其与所述当前页面之间的距离由远到近的顺序顺时针分布,如果所述i为偶数,多个所述前序页面根据其与所述当前页面的距离由远到近的顺序逆时针分布。这样,将前序页面进行更加规律的排布,使得用户在查找时可以根据规律进行查找,进一步提高了查找效率。
在一种实现方式中,当所述第i个环形区域中分布有多个所述后序页面时,如果所述i为奇数,多个所述后序页面根据其与所述当前页面之间的距离由近到远的顺序顺时针分布,如果所述i为偶数,多个所述后序页面根据其与所述当前页面的距离由近到远的顺序逆时针分布。这样,将后序页面进行更加规律的排布,使得用户在查找时可以根据规律进行查找,进一步提高了查找效率。
在一种实现方式中,所述响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面,包括:响应于用户在所述第二用户界面执行的第二手势操作,对所述第二用户界面进行平移,得到所述第三用户界面,并将所述第三用户界面中的完整显示的所述页面确定为目标页面。这样,使得用户可以通过各个方向的平移来进行查找,从而可以充分利用终端设备的显示空间。
在一种实现方式中,所述第一手势操作包括:用户在所述第一用户界面执行的三指滑动靠近操作,和/或者,用户在所述第一用户界面执行的双指滑动靠近操作,和/或者,用户在所述第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,所述第二手势操作包括:用户在所述第二用户界面执行的单指滑动操作,和/或者,用户在所述第二用户界面执行的单指点击操作,和/或者,用户在所述第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,所述第三手势操作包括:用户在所述第三用户界面执行的三指滑动远离操作,和/或者,用户在所述第三用户界面的空白处执行的单指点击操作,和/或者,用户在所述第三用户界面执行的双指滑动远离操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,所述第一用户界面包括所述终端设备的主屏幕界面,或者,主屏幕编辑界面。
第二方面,本申请实施例提供了一种页面切换装置,应用于终端设备,所述装置包括:
第二用户界面显示模块,用于响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面;其中:所述第一用户界面包括多个页面,并将所述多个页面中的其中一个页面作为当前页面进行显示;所述第二用户界面包括完整显示的所述当前页面的缩略图,以及分布在所述当前页面的缩略图的外围且部分显示的多个第一页面的缩略图,所述第一页面为所述多个页面中的除所述当前页面以外的其他页面;
目标页面确定模块,用于响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面;其中:所述第三用户界面包括完整显示的所述目标页面的缩略图,以及分布在所述目标页面的缩略图的外围且部分显示的多个第二页面的缩略图,所述第二页面为所述多个页面中的除所述目标页面以外的其他页面;
第一用户界面更新模块,用于响应于用户在所述第三用户界面执行的第三手势操作,将所述第一用户界面中的所述当前页面更新为所述目标页面,并显示更新后的所述第一用户界面。
本申请实施例提供的技术方案,在第二用户界面中,所有第一页面分布在当前页面的周围,而非只分布在当前页面的两侧,即使用户需要查找的目标应用所在的目标页面在主屏幕下与当前页面距离较远,也可以通过这种排布的方式来缩短第二用户界面下目标页面与当前页面的距离,进而使得用户通过少量操作即可切换到目标页面,可以极大地提高目标应用的查找效率,用户体验较好。
在一种实现方式中,在所述第二用户界面中,所述多个第一页面的缩略图在所述当前页面的缩略图的外围呈环形分布。
在一种实现方式中,在所述第二用户界面中,所述当前页面的缩略图的外围包括多个环形区域,所述多个环形区域由内向外依次分布,所述多个第一页面的缩略图分布在至少一个所述环形区域内。
在一种实现方式中,每个所述环形区域包括多个子区域,每个子区域用于显示一个所述第一页面的缩略图。
在一种实现方式中,所述第二用户界面包括第一页面区域和第二页面区域,每个所述环形区域包括位于所述第一页面区域的至少一个第一子区域,以及位于所述第二页面区域的至少一个第二子区域;
多个所述第一页面包括位于所述当前页面之前的至少一个前序页面和/或位于所述当前页面之后的至少一个后序页面;
所述至少一个前序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第一子区域中;
所述至少一个后序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第二子区域中。
在一种实现方式中,分布在第i个所述环形区域中的所述前序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述前序页面与所述当前页面之间的距离;
分布在第i个所述环形区域中的所述后序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述后序页面与所述当前页面之间的距离;
其中,i大于或者等于1,且i+1小于或者等于N,N为所述环形区域的数量,第i个所述环形区域与第i+1个所述环形区域是相邻的环形区域,第i+1个所述环形区域位于第i个所述环形区域的外侧。
在一种实现方式中,当所述第i个环形区域中分布有多个所述前序页面时,如果所述i为奇数,多个所述前序页面根据其与所述当前页面之间的距离由远到近的顺序顺时针分布,如果所述i为偶数,多个所述前序页面根据其与所述当前页面的距离由远到近的顺序逆时针分布。
在一种实现方式中,当所述第i个环形区域中分布有多个所述后序页面时,如果所述i为奇数,多个所述后序页面根据其与所述当前页面之间的距离由近到远的顺序顺时针分布,如果所述i为偶数,多个所述后序页面根据其与所述当前页面的距离由近到远的顺序逆时针分布。
在一种实现方式中,所述目标页面确定模块,具体用于响应于用户在所述第二用户界面执行的第二手势操作,对所述第二用户界面进行平移,得到所述第三用户界面,并将所述第三用户界面中的完整显示的所述页面确定为目标页面。
在一种实现方式中,所述第一手势操作包括:
用户在所述第一用户界面执行的三指滑动靠近操作,和/或者,用户在所述第一用户界面执行的双指滑动靠近操作,和/或者,用户在所述第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。
在一种实现方式中,所述第二手势操作包括:
用户在所述第二用户界面执行的单指滑动操作,和/或者,用户在所述第二用户界面执行的单指点击操作,和/或者,用户在所述第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。
在一种实现方式中,所述第三手势操作包括:
用户在所述第三用户界面执行的三指滑动远离操作,和/或者,用户在所述第三用户界面的空白处执行的单指点击操作,和/或者,用户在所述第三用户界面执行的双指滑动远离操作。
在一种实现方式中,所述第一用户界面包括所述终端设备的主屏幕界面,或者,主屏幕编辑界面。
第三方面,本申请实施例提供了一种终端设备,包括:存储器、处理器和触控屏,触控屏用于显示用户界面以及获取用于的手势操作,存储器存储有计算机程序指令,当计算机程序指令被处理器执行时,使得终端设备执行上述第一方面及其各实现方式中的方法。
第四方面,本申请实施例还提供一种计算机可读存储介质,计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述第一方面及其各实现方式中的方法。
第五方面,本申请实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面及其各实现方式中的方法。
第六方面,本申请实施例还提供了一种芯片系统,该芯片系统包括存储器和处理器,所述存储器存储有计算机程序指令,当所述计算机程序指令被所述处理器执行时,使得所述芯片系统实现上述第一方面及其各实现方式中的方法。
附图说明
图1为终端设备的主屏幕界面示意图;
图2为目前在主屏幕上执行页面切换的流程示意图;
图3为本申请实施例示出的终端设备的硬件结构示意图;
图4为本申请实施例提供的一种页面切换方法的工作流程示意图;
图5为本申请实施例提供的用户在第一用户界面上执行第一手势操作的示意图;
图6为本申请实施例提供的终端设备生成第二用户界面的示意图;
图7为本申请实施例提供的第二用户界面的一个示意图;
图8为本申请实施例提供的第二用户界面的另一个示意图;
图9为本申请实施例提供的在主屏幕的页面数量大于三个时所有页面在第二用户界面的具体排布示意图;
图10为本申请实施例提供的用户在第二用户界面上执行第二手势操作的示意图;
图11为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指滑动操作生成第三用户界面的示意图;
图12为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指点击操作生成第三用户界面的一个示意图;
图13为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指点击操作生成第三用户界面的另一个示意图;
图14为本申请实施例提供的终端设备响应于用户在第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作生成第三用户界面的示意图;
图15为本申请实施例提供的终端设备响应于用户在第三用户界面执行的第三手势操作生成更新后的第一用户界面的示意图;
图16为本申请实施例提供的一种页面切换装置的结构示意图;
图17为本申请实施例提供的另一种页面切换装置的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
以下实施例中所使用的术语只是为了描述特定实施例的目的,而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样,单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式,除非其上下文中明确地有相反指示。还应当理解,在本申请以下各实施例中,“至少一个”、“一个或多个”是指一个、两个或两个以上。术语“和/或”,用于描述关联对象的关联关系,表示可以存在三种关系;例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
终端设备包括手机、平板电脑、笔记本电脑、超级移动个人计算机(ultra-mobilepersonal computer,UMPC)、手持计算机、上网本、个人数字助理(personal digitalassistant,PDA)、智能可穿戴设备和虚拟现实设备等。其中,终端设备中的桌面UI(UserInterface,用户界面)模块,是终端设备系统中的主要程序组件之一,主要用于启动或者管理应用程序。在运行安卓Android系统的终端设备中,桌面UI模块例如可以是launcher(安卓系统桌面启动器)组件。launcher组件包括主屏幕。主屏幕可以由Dock区和至少一个页面组成。其中,主屏幕用于将其中一个页面在显示屏中显示,该显示的页面可以被称作当前页面,当前页面以外的其他页面不在显示屏中显示。页面用于显示桌面元素,每个页面包括至少一个桌面元素,桌面元素可以包括应用程序所对应的应用图标。通常情况下,页面数量可以根据应用图标的总数量、页面上可以显示的应用图标数量以及用户的个性化设置来确定,比如,应用图标总共有5个,页面上可以显示的应用图标数量为12个,如果5个应用图标全设置在一个页面上,页面数量可以只有一个;或者,应用图标总共有23个,页面上可以显示的应用图标数量为12个,用户将其中12个应用图标设置在一个页面上,将另外11个图标设置在另一个页面上,则页面数量可以为两个。当页面数量为多个时,如果用户需要查找的应用并不在当前页面,则用户可以在主屏幕界面上执行预设的触控操作,例如手指的左右滑动操作,使主屏幕上多个页面之间切换显示。Dock区是一个任务显示以及切换的快捷窗口,通常位于主屏幕界面的最下方,且在主屏幕上多个页面之间切换显示时,Dock区始终显示在主屏幕上,并且位置保持不变。
以手机为例,图1为终端设备的主屏幕界面示意图,如图1所示,主屏幕界面包括位于最下方的Dock区,以及在显示屏中全屏显示的当前页面。其中,Dock区可以包括相机、通讯录、电话、信息等常用任务。虚线示出的页面框表示主屏幕上未在显示屏中显示的页面。
图2为目前在主屏幕上执行页面切换的流程示意图,如图2所示,终端设备响应于用户在主屏幕界面10上执行的手势操作,进入主屏幕编辑模式,并显示主屏幕编辑界面20。其中,在主屏幕编辑模式下,所有页面均会进行一定比例的缩小并横向排布。此时显示的主屏幕编辑界面20包括完整显示的当前页面的缩略图、位于当前页面之前且与当前页面相邻的部分显示的前序页面的缩略图、位于当前页面之后且与当前页面相邻的部分显示的后序页面的缩略图、以及用于编辑主屏幕编辑界面的工具栏。其中,用户可以通过工具栏来修改主屏幕壁纸、添加窗口小工具、更换页面切换效果等,进而可以将主屏幕界面设置的更符合个人使用习惯。其中,用户在主屏幕界面10上执行的手势操作可以包括双指滑动靠近操作11。双指滑动靠近操作11是用户使用两根手指触摸显示的界面,并向两根手指的中心滑动的操作。具体实现中,该双指滑动靠近操作11可以是用户单手的两根手指执行的滑动操作,也可以是用户双手的两根手指执行的滑动操作,本申请实施例对此不做具体限定。
接下来,终端设备响应于用户在主屏幕编辑界面20上执行的手势操作,将主屏幕编辑界面20中完整显示的页面从当前页面100切换为其他页面200。其中,用户在主屏幕编辑界面20上执行的手势操作可以为向左滑动操作21,以切换到位于当前页面之后的任一页面,或者,也可以为向右滑动操作,以切换到位于当前页面之前的任一页面。其中,向左滑动操作21是用户使用单根手指触摸显示的界面,并向左侧滑动的操作。
最后,终端设备响应于用户在主屏幕编辑界面20上执行的手势操作,退出主屏幕编辑模式,并返回主屏幕界面10。这时,主屏幕界面10显示的是切换后的页面。用户在主屏幕编辑界面20上执行的手势操作可以包括双指滑动远离操作31,或者在空白处执行的单指点击操作。其中,双指滑动远离操作31是用户使用两根手指触摸显示的界面,并向两根手指的两侧滑动的操作。具体实现中,该双指滑动远离操作31可以是用户单手的两根手指执行的滑动操作,也可以是用户双手的两根手指执行的滑动操作,本申请实施例对此不做具体限定。
随着终端设备内存的增大,存储的应用也逐渐增多,进而页面数量也大幅增加。采用上述页面切换方式,当用户需要查找的目标应用所在的页面距离当前页面较远时,用户需要执行多次滑动操作才能切换到目标应用所在的页面,从而造成目标应用的查找效率较低,影响用户体验。
为了提高目标应用的查找效率,本申请实施例提供一种页面切换方法。其中,本申请实施例提供的页面切换方法应用于终端设备,该终端设备包括但不限于:手机、笔记本电脑、平板电脑、个人台式电脑、电脑一体机、大屏显示设备、虚拟/混合/增强现实设备等。
图3是本申请实施例示出的终端设备的硬件结构示意图。如图3所示,终端设备100可以包括处理器110,存储器120,通用串行总线(universal serial bus,USB)接口130,射频电路140,移动通信模块150,无线通信模块160,摄像头170,显示屏180,触摸传感器190,气压传感器210和按键220等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-networkprocessing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中,例如集成在系统芯片(system on a chip,SoC)中。处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
存储器120可以用于存储计算机可执行程序代码,可执行程序代码包括指令。存储器120可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储终端设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,存储器120可以包括一个或者多个存储单元,例如可以包括易失性存储器(volatile memory),如:动态随机存取存储器(dynamic random access memory,DRAM)、静态随机存取存储器(static randomaccess memory,SRAM)等;还可以包括非易失性存储器(non-volatile memory,NVM),如:只读存储器(read-only memory,ROM)、闪存(flash memory)等。处理器110通过运行存储在存储器120的指令,和/或存储在设置于处理器中的存储器的指令,执行终端设备100的各种功能应用以及数据处理。
终端设备100的无线通信功能可以通过射频电路140、移动通信模块150、无线通信模块160、调制解调处理器以及基带处理器等实现。
射频电路140可以包括至少一个天线141,用于发射和接收电磁波信号。终端设备100中的每个天线可用于覆盖单个或多个通信频带。在一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在终端设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线141接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线141转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(包括但不限于扬声器,受话器等)输出声音信号,或通过显示屏180显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以包括无线保真(wireless fidelity,Wi-Fi)模块,蓝牙(bluetooth,BT)模块、GNSS模块、近距离无线通信技术(near field communication,NFC)模块、红外(infrared,IR)模块等。无线通信模块160可以是集成上述至少一个模块的一个或多个器件。无线通信模块160经由天线141接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线141转为电磁波辐射出去。
本申请实施例中,终端设备100的无线通信功能例如可以包括全球移动通讯系统(global system for mobile communications,GSM),通用分组无线服务(general packetradio service,GPRS),码分多址接入(code division multiple access,CDMA),宽带码分多址(wideband code division multiple access,WCDMA),时分码分多址(time-divisioncode division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),第五代移动通信技术新空口(5th generation mobile networks new radio,5G NR),BT,GNSS,WLAN,NFC,FM,和/或IR等功能。GNSS可以包括全球卫星定位系统(globalpositioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidou navigation satellite system,BDS),准天顶卫星系统(quasi-zenith satellite system,QZSS)和/或星基增强系统(satellite basedaugmentation systems,SBAS)。
摄像头170用于捕获静态图像或视频。摄像头170包括镜头和感光元件,物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupleddevice,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV,RYYB等格式的图像信号。在一些实施例中,终端设备100可以包括1个或M个摄像头170,M为大于1的正整数。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现终端设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
显示屏180用于显示图像,视频等。显示屏180包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),MiniLED,MicroLED,Micro-OLED,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一些实施例中,终端设备100可以包括1个或M个显示屏180,M为大于1的正整数。
触摸传感器190,也称“触控器件”。触摸传感器190可以设置于显示屏180,由触摸传感器190与显示屏180组成触摸屏,也称“触控屏”。触摸传感器190用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏180提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器190也可以设置于终端设备100的表面,与显示屏180所处的位置不同。
气压传感器210用于测量气压。在一些实施例中,终端设备100通过气压传感器210测得的气压值计算海拔高度,辅助定位和导航。
按键220包括开机键,音量键等。按键220可以是机械按键。也可以是触摸式按键。终端设备100可以接收按键输入,产生与终端设备100的用户设置以及功能控制有关的键信号输入。
可以理解的是,本申请实施例示意的结构并不构成对终端设备100的具体限定。在本申请另一些实施例中,终端设备可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件组合实现。
具体地,本申请实施例提供的方法可以应用于终端设备中的launcher组件,因此,本申请的各个实施例均可以在launcher机制下实现。
以手机为例,结合附图,通过各个实施例,对本申请所提供的方案进行介绍说明。为便于描述,本申请各个实施例在涉及方向描述时,均是在用户面对显示屏时,以用户侧作为基准进行说明。
本申请实施例提供一种页面切换方法,参见图4所示的工作流程示意图,具体包括以下步骤:
步骤S401:响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面。
其中,第一用户界面包括多个页面,并将多个页面中的其中一个页面作为当前页面进行显示。具体地,第一用户界面可以包括终端设备的主屏幕界面,或者,主屏幕编辑界面。
图5为本申请实施例提供的用户在第一用户界面上执行第一手势操作的示意图。在一个示例中,如图5所示,如果第一用户界面为主屏幕界面10,则第一手势操作可以包括用户在第一用户界面执行的三指滑动靠近操作41,和/或者,用户在第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作51。如果第一用户界面为主屏幕编辑界面20,则第一手势操作可以包括用户在第一用户界面执行的双指滑动靠近操作11。本申请实施例对第一手势操作不做具体限定,只要能够被终端设备响应而显示第二用户界面的操作,都可以为第一手势操作。
其中,用户的三指滑动靠近操作41为用户使用三根手指触摸第一用户界面,并向三根手指的中心滑动的操作。具体实现中,该三指滑动靠近操作41可以是用户单手的三根手指执行的滑动操作,也可以是用户双手的三根手指执行的滑动操作,本申请实施例对此不做具体限定。用户在第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作51,可以是用户的一根手指在第一用户界面长按、同一只手的另一根手指在第一用户界面以弧形轨迹滑动操作;也可以是用户的一根手指在第一用户界面长按、另一只手的另一根手指在第一用户界面以弧形轨迹滑动操作,本申请实施例对此不做具体限定。
通过上述方案,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
图6为本申请实施例提供的终端设备生成第二用户界面的示意图。
下面结合图6对第二用户界面进行介绍。
需要首先说明的是,主屏幕包含的页面数量为至少一个,具体可以根据应用图标的总数量、页面上可以显示的应用图标数量以及用户的个性化设置来确定。比如,应用图标总共有5个,页面上可以显示的应用图标数量为12个,如果5个应用图标全设置在一个页面上,页面数量可以只有一个;或者,应用图标总共有23个,页面上可以显示的应用图标数量为12个,用户将其中12个应用图标设置在一个页面上,将另外11个图标设置在另一页面上,则页面数量可以为两个。
根据主屏幕包含的页面数量的不同,第二用户界面可以有不同的实现方式。
在一个示例中,如图6所示,如果页面数量小于或等于三个,且第一用户界面为主屏幕编辑界面,参见界面A所示,第二用户界面50可以包括完整显示的当前页面的缩略图,和/或者,位于当前页面之前且与当前页面相邻的部分显示的前序页面的缩略图,和/或者,位于当前页面之后且与当前页面相邻的部分显示的后序页面的缩略图,以及用于编辑第二用户界面50的工具栏。其中,当前页面的缩略图、位于当前页面之前且与当前页面相邻的前序页面的缩略图和/或位于当前页面之后且与当前页面相邻的后序页面的缩略图的大小相同。当前页面的缩略图位于界面中心且完全显示,位于当前页面之前且与当前页面相邻的前序页面的缩略图位于当前页面的缩略图的一侧(例如左侧),仅为部分显示。位于当前页面之后且与当前页面相邻的后序页面的缩略图位于当前页面的另一侧(例如右侧),仅为部分显示。示例性地,如果页面数量为两个,且当前页面为主屏幕包含的第一个页面,则第二用户界面包括当前页面的缩略图、位于当前页面之后且与当前页面相邻的部分显示的后序页面的缩略图以及工具栏。
在另一个示例中,如图6所示,如果页面数量小于或等于三个,且第一用户界面为主屏幕界面,参见界面B所示,第二用户界面50可以包括完整显示的当前页面的缩略图,和/或者,位于当前页面之前且与当前页面相邻的部分显示的前序页面的缩略图,和/或者,位于当前页面之后且与当前页面相邻的部分显示的后序页面的缩略图,以及位于最下方的Dock区。其中,当前页面的缩略图、位于当前页面之前且与当前页面相邻的前序页面的缩略图和/或位于当前页面之后且与当前页面相邻的后序页面的缩略图的大小相同。当前页面的缩略图位于界面中心且完全显示,位于当前页面之前且与当前页面相邻的前序页面的缩略图位于当前页面的缩略图的一侧(例如左侧),仅为部分显示。位于当前页面之后且与当前页面相邻的后序页面的缩略图位于当前页面的另一侧(例如右侧),仅为部分显示。示例性地,如果页面数量为两个,且当前页面为主屏幕包含的第一个页面,则第二用户界面包括当前页面的缩略图、位于当前页面之后且与当前页面相邻的部分显示的后序页面的缩略图以及Dock区。
在又一个示例中,如图6所示,如果页面数量大于三个,且第一用户界面为主屏幕编辑界面,参见界面C所示,第二用户界面50包括完整显示的当前页面的缩略图,以及分布在当前页面的缩略图的外围且部分显示的多个第一页面的缩略图。第二用户界面50还可以包括用于编辑第二用户界面50的工具栏。其中,第一页面为多个页面中的除当前页面以外的其他页面。分布在当前页面的缩略图的外围且部分显示的第一页面的缩略图的数量为至少三个。每个第一页面的缩略图与当前页面的缩略图的尺寸相同。
在又一个示例中,如图6所示,如果页面数量大于三个,且第一用户界面为主屏幕界面,参见界面D所示,第二用户界面50包括完整显示的当前页面的缩略图,以及分布在当前页面的缩略图的外围且部分显示的多个第一页面的缩略图。第二用户界面50还可以包括位于最下方的Dock区。其中,第一页面为多个页面中的除当前页面以外的其他页面。分布在当前页面的缩略图的外围且部分显示的第一页面的缩略图的数量为至少三个。每个第一页面的缩略图与当前页面的缩略图的尺寸相同。
图7为本申请实施例提供的第二用户界面的一个示意图。下面结合图7,以主屏幕的页面数量为三个为例,对第二用户界面在主屏幕的页面数量小于或者等于三个时的实现方式进行进一步说明。为便于描述,这里将主屏幕的三个页面按照先后分别称作页面1、页面2和页面3。其中,页面2为主屏幕的当前页面,页面1为当前页面相邻的前序页面,页面3为当前页面相邻的后序页面。如图7所示,页面2经过一定比例缩小后得到的缩略图位于界面的中心位置。页面1经过相同比例的缩小得到缩略图后,将页面1的缩略图设置于页面2的缩略图的左侧,且仅显示位于显示屏区域内的部分。页面3经过相同比例的缩小得到缩略图后,将页面3的缩略图设置于页面2的缩略图的右侧,且仅显示位于显示屏区域内的部分。需要说明的是,为了更加清楚地进行展示,页面1、页面2和页面3均未示出具体界面,仅以标号作为替代。还需要说明的是,本申请实施例提供的附图7中,只有显示屏内部的页面区域是用户可见的,显示屏以外的页面区域是用户不可见的。
图8为本申请实施例提供的第二用户界面的另一个示意图。下面结合图8,对第二用户界面在主屏幕的页面数量大于三个时的实现方式进行进一步说明。如图8所示,第二用户界面包括完整显示的当前页面的缩略图以及分布在当前页面的缩略图的外围且部分显示的多个第一页面的缩略图。其中,在第二用户界面中,当前页面的缩略图位于界面的中心位置。多个第一页面的缩略图在当前页面的缩略图的外围呈环形分布。其中,当前页面的缩略图的外围包括多个环形区域,多个环形区域由内向外依次分布,例如:由内向外依次为第一区域、第二区域、第三区域、第N区域等。其中,第一区域是与当前页面的缩略图相邻且位于当前页面外围的环形区域。第二区域是与第一区域相邻且位于第一区域外围的环形区域。第三区域是与第二区域相邻且位于第二区域外围的环形区域。第N区域是与第N-1区域相邻且位于第N-1区域外围的环形区域。需要说明的是,环形区域的总数量是不固定的,具体根据页面数量以及每个环形区域中可容纳的页面数量来确定,本申请实施例对环形区域的总数量不做具体限定,随着页面数量的不断增多,环形区域可以不断增加。这样,在第二用户界面中,不仅页面的排布更为紧凑,可以通过“周边视觉”提高用户查找目标应用的效率,提升用户体验,而且还可以将主屏幕下各个第一页面与当前页面的横向距离转化为第一页面所在环形区域与当前页面的径向距离,可以极大地缩短第一页面与当前页面的距离。
进一步地,每个环形区域包括多个子区域,每个子区域用于显示一个第一页面的缩略图。每个子区域的尺寸与当前页面的缩略图的尺寸相同。其中,第一区域内的各子区域围绕当前页面的缩略图环形分布;第二区域内的各子区域围绕第一区域环形分布;第三区域内的各子区域围绕第二区域环形分布;第N区域内的各子区域围绕第N-1区域环形分布。需要说明的是,当前页面的缩略图位于界面中心且完全显示,第一区域内的各子区域是部分显示,第二(第三、第N)区域内的各子区域不显示。
更进一步地,如图8所示,第二用户界面包括第一页面区域和第二页面区域,每个环形区域包括位于第一页面区域的至少一个第一子区域,以及位于第二页面区域的至少一个第二子区域。第二用户界面的划分方式有多种。一种实现方式中,如图8所示,可以将第二用户界面平均划分为上半部分区域和下半部分区域。将上半部分区域称为第一页面区域,将下半部分区域称为第二页面区域。当前页面的缩略图的上半部分位于第一页面区域,下半部分位于第二页面区域。第一(第二、第三、第N)区域中的一部分子区域位于第一页面区域,另一部分子区域位于第二页面区域。具体地,第一(第二、第三、第N)区域中位于第一页面区域的第一子区域数量与位于第二页面区域的第二子区域数量可以相同,也可以不同,本申请实施例对此不做限定。
在其他实现方式中,可以将第二用户界面平均划分为左半部分区域和右半部分区域,也可以将第二用户界面平均划分为左上半部分区域和右下半部分区域,也可以对第二用户界面进行不平均的划分,即第一页面区域内包含的子区域数量可以与第二页面区域内包含的子区域数量不同,本申请实施例对此不做限定。
示例性地,如图8所示,第一区域内子区域的数量为六个,其中,位于第一页面区域的第一子区域为三个,位于第二页面区域的第二子区域为三个。一个第一子区域平行设置在当前页面的缩略图的正上方;一个第一子区域平行设置在当前页面的缩略图的左侧,且该第一子区域的下半部分与当前页面的缩略图的上半部分相邻;一个第一子区域平行设置在当前页面的缩略图的右侧,且该第一子区域的下半部分与当前页面的缩略图的上半部分相邻。一个第二子区域平行设置在当前页面的缩略图的正下方;一个第二子区域平行设置在当前页面的缩略图的左侧,且该第二子区域的上半部分与当前页面的缩略图的下半部分相邻;一个第二子区域平行设置在当前页面的缩略图的右侧,且该第二子区域的上半部分与当前页面的缩略图的下半部分相邻。第二区域内子区域的数量为十二个,其中,位于第一页面区域的第一子区域为六个,位于第二页面区域的第二子区域为六个。其中,一个第一子区域平行设置在当前页面的缩略图的正上方;一个第一子区域平行设置在当前页面的缩略图的正左侧;一个第二子区域平行设置在当前页面的缩略图的正下方;一个第二子区域平行设置在当前页面的缩略图的正右侧;其余八个子区域平均分布在这四个子区域之间。在这个示例中,当前页面的缩略图位于界面中心且完全显示,第一区域内的各子区域是部分显示,第二区域内的各子区域不显示。另外,如果当前页面的缩略图的尺寸较小,第一区域也可以包括更多数量的子区域。比如,第一区域包括八个子区域,本申请实施例对此不做具体限定。
根据主屏幕下每个第一页面与当前页面的相对位置关系,多个第一页面可以包括位于当前页面之前的至少一个前序页面和/或位于当前页面之后的至少一个后序页面。至少一个前序页面的缩略图分布在至少一个环形区域中的至少一个第一子区域中;至少一个后序页面的缩略图分布在至少一个环形区域中的至少一个第二子区域中。在一种实现方式中,多个前序页面可以根据在主屏幕下与当前页面的距离、以及每个环形区域中第一子区域的数量,来确定具体分布的环形区域。多个后序页面可以根据在主屏幕下与当前页面的距离、以及每个环形区域中第二子区域的数量,来确定具体分布的环形区域。也就是说,分布在第i个环形区域中的前序页面与当前页面之间的距离小于分布在i+1个环形区域中的前序页面与当前页面之间的距离。分布在第i个环形区域中的后序页面与当前页面之间的距离小于分布在i+1个环形区域中的后序页面与当前页面之间的距离。其中,i大于或者等于1,且i+1小于或者等于N,N为环形区域的数量,第i个环形区域与第i+1个环形区域是相邻的环形区域,第i+1个环形区域位于第i个环形区域的外侧。
示例性地,如图8所示,第一区域内子区域的数量为六个,其中第一子区域的数量为三个,第二子区域的数量为三个。第二区域内子区域的数量为十二个,其中第一子区域的数量为六个,第二子区域的数量为六个。在这个示例中,按照与当前页面的距离由近到远的顺序分别对前序页面和后序页面进行排序,前三个前序页面的缩略图可以分布在第一区域内的三个第一子区域中,第四个至第九个前序页面的缩略图可以分布在第二区域内的六个第一子区域中。前三个后序页面的缩略图可以分布在第一区域内的三个第二子区域中,第四个至第九个后序页面的缩略图可以分布在第二区域内的六个第二子区域中。需要说明的是,当前页面的缩略图位于界面中心且完全显示,分布在第一区域内各子区域的前序页面的缩略图和后序页面的缩略图是部分显示,分布在第二(第三、第N)区域内各子区域的前序页面的缩略图和后序页面的缩略图是不显示。
图9为本申请实施例提供的在主屏幕的页面数量大于三个时所有页面在第二用户界面的具体排布示意图。下面结合图9,对在主屏幕的页面数量大于三个时,所有页面在第二用户界面的具体排布进行进一步说明。如图9所示,在一种实现方式中,当第i个环形区域中分布有多个前序页面时,如果i为奇数,多个前序页面根据其与当前页面之间的距离由远到近的顺序顺时针分布,如果i为偶数,多个前序页面根据其与当前页面的距离由远到近的顺序逆时针分布。当第i个环形区域中分布有多个后序页面时,如果i为奇数,多个后序页面根据其与当前页面之间的距离由近到远的顺序顺时针分布,如果i为偶数,多个后序页面根据其与当前页面的距离由近到远的顺序逆时针分布。
示例性地,如图9所示,第一区域包括六个子区域,具体包括位于第一页面区域的三个第一子区域和位于第二页面区域的三个第二子区域。第二区域包括十二个子区域,具体包括位于第一页面区域的六个第一子区域和位于第二页面区域的六个第二子区域。为便于描述,这里将主屏幕的各个页面按照先后分别称作页面1、页面2、页面3、……、页面11和页面12。示例a中,页面5为主屏幕的当前页面。页面1、页面2、页面3和页面4为位于页面5之前的前序页面,按照与页面5的间隔从远到近的顺序,页面2、页面3和页面4可以顺时针排布在第一区域内位于第一页面区域的三个第一子区域。页面1可以排布在第二区域内位于第一页面区域的一个第一子区域中。具体地,页面1可以排布在页面2正上方的第一子区域内。页面6至页面12为位于页面5之后的后序页面,按照与页面5的间隔从近到远的顺序,页面6、页面7和页面8可以顺时针排布在第一区域内位于第二页面区域的三个第二子区域。页面9、页面10、页面11和页面12可以逆时针排布在第二区域内位于第二页面区域的四个第二子区域内。其中与页面5间隔最小的页面9可以排布在页面8正下方的第二子区域内。示例b中,页面4为主屏幕的当前页面。页面1、页面2和页面3为位于页面4之前的前序页面,按照与页面4的间隔从远到近的顺序,页面1、页面2和页面3可以顺时针排布在第一区域内位于第一页面区域的三个第一子区域。由于页面4是主屏幕包含的最后一个页面,因此,第一区域内位于第二页面区域的三个第二子区域内无排布的页面。需要说明的是,为了更加清楚地进行展示,图9中各页面均未示出具体界面,仅以标号作为替代。
通过上述方案,将前序页面和后序页面进行更加规律的排布,使得用户在查找时可以根据规律进行查找,进一步提高了查找效率。
在其他实现方式中,当第i个环形区域中分布有多个前序页面时,如果i为奇数,多个前序页面根据其与当前页面之间的距离由远到近的顺序逆时针分布,如果i为偶数,多个前序页面根据其与当前页面的距离由远到近的顺序顺时针分布。当第i个环形区域中分布有多个后序页面时,如果i为奇数,多个后序页面根据其与当前页面之间的距离由近到远的顺序逆时针分布,如果i为偶数,多个后序页面根据其与当前页面的距离由近到远的顺序顺时针分布。还可以将第i个环形区域中分布的多个前序页面随机分布在各个第一子区域中,将第i个环形区域中分布的多个后序页面随机分布在各个第二子区域中,本申请实施例对此不做限定。
步骤S402:响应于用户在第二用户界面执行的第二手势操作,从多个页面中确定目标页面,并显示第三用户界面。
具体地,终端设备响应于用户在第二用户界面执行的第二手势操作,对第二用户界面进行平移,得到第三用户界面,并将第三用户界面中的完整显示的页面确定为目标页面。
图10为本申请实施例提供的用户在第二用户界面上执行第二手势操作的示意图。如图10所示,在本申请实施例中,第二手势操作可以包括用户在第二用户界面50执行的单指滑动操作61,和/或者,用户在第二用户界面50执行的单指点击操作71,和/或者,用户在第二用户界面50执行的第一手指长按、第二手指按预设轨迹滑动的操作81,本申请实施例对此不做具体限定,只要能够被终端设备响应而进行页面切换的操作,都可以为第二手势操作。
其中,用户在第二用户界面50执行的单指滑动操作61,在具体实现中,可以是用户使用一根手指触摸第二用户界面50,并向第二用户界面50的任意一侧(比如:向左、向右、向上、向下、向左上、向左下、向右上、向右下等)滑动的操作。用户在第二用户界面50执行的单指点击操作71是用户使用一根手指在第二用户界面50上任意位置点击的操作。用户在第二用户界面50执行的第一手指长按、第二手指按预设轨迹滑动的操作81可以是用户单手双指执行的操作,也可以是用户双手双指执行的操作,本申请实施例对此不做具体限定。在具体实现中,用户单手双指执行的操作是用户的一根手指在第二用户界面50上显示的当前页面上任一应用图标上长按、同一只手的另一根手指触摸第二用户界面50,并向第二用户界面50的任意一侧(比如:向左、向右、向上、向下、向左上、向左下、向右上、向右下等)直线滑动,并在滑动后两根手指离开显示屏的操作。用户双手双指执行的操作是用户的一根手指在第二用户界面50上显示的当前页面上任一应用图标上长按、另一只手的另一根手指触摸第二用户界面50,并向第二用户界面50的任意一侧(比如:向左、向右、向上、向下、向左上、向左下、向右上、向右下等)直线滑动,并在滑动后两根手指离开显示屏的操作。
下面对第三用户界面进行介绍。
在一个示例中,如果主屏幕的页面数量小于或等于三个,且第一用户界面为主屏幕编辑界面,第三用户界面可以包括完整显示的目标页面的缩略图、和/或,位于目标页面之前且与目标页面相邻的部分显示的前序页面的缩略图,和/或者,位于目标页面之后且与目标页面相邻的部分显示的后序页面的缩略图,以及用于编辑第三用户界面的工具栏。其中,目标页面的缩略图、位于目标页面之前且与目标页面相邻的前序页面的缩略图和位于目标页面之后且与目标页面相邻的后序页面的缩略图大小相同。目标页面的缩略图位于界面中心且完全显示,位于目标页面之前且与目标页面相邻的前序页面的缩略图位于目标页面的一侧(比如左侧),仅为部分显示。位于当前页面之后且与当前页面相邻的后序页面的缩略图位于目标页面的另一侧(比如右侧),仅为部分显示。示例性地,如果页面数量为两个,且第二用户界面上显示的当前页面为主屏幕包含的第一个页面,则用户在第二用户界面上执行单指滑动操作后,比如:使用一根手指触摸第二用户界面,并向第二用户界面的左侧滑动后,第三用户界面包括目标页面的缩略图、部分显示的当前页面的缩略图以及工具栏。其中,目标页面为主屏幕包含的最后一个页面。
在另一个示例中,如果主屏幕的页面数量小于或等于三个,且第一用户界面为主屏幕界面,第三用户界面可以包括完整显示的目标页面的缩略图、和/或,位于目标页面之前且与目标页面相邻的部分显示的前序页面的缩略图,和/或者,位于目标页面之后且与目标页面相邻的部分显示的后序页面的缩略图,以及位于最下方的Dock区。其中,目标页面的缩略图、位于目标页面之前且与目标页面相邻的前序页面的缩略图和位于目标页面之后且与目标页面相邻的后序页面的缩略图大小相同。目标页面的缩略图位于界面中心且完全显示,位于目标页面之前且与目标页面相邻的前序页面的缩略图位于目标页面的一侧(比如左侧),仅为部分显示。位于当前页面之后且与当前页面相邻的后序页面的缩略图位于目标页面的另一侧(比如右侧),仅为部分显示。Dock区位于界面的最下方。
在又一个示例中,如果主屏幕的页面数量大于三个,且第一用户界面为主屏幕编辑界面,第三用户界面可以包括完整显示的目标页面的缩略图,以及分布在目标页面的缩略图的外围且部分显示的多个第二页面的缩略图。第三用户界面还可以包括用于编辑第三用户界面的工具栏。其中,第二页面为多个页面中的除目标页面以外的其他页面。第二页面的缩略图和目标页面的缩略图大小相同。目标页面的缩略图位于界面中心且完全显示。需要说明的是,在主屏幕的页面数量大于三个的情况下,所有页面是按照第二用户界面上的具体排布方式进行排布的,具体可以参见图8和图9的论述,此处不再赘述。
在又一个示例中,如果主屏幕的页面数量大于三个,且第一用户界面为主屏幕界面,第三用户界面可以包括完整显示的目标页面的缩略图,以及分布在目标页面的缩略图的外围且部分显示的多个第二页面的缩略图。第三用户界面还可以包括位于最下方的Dock区。其中,第二页面为多个页面中的除目标页面以外的其他页面。第二页面的缩略图和目标页面的缩略图大小相同。目标页面的缩略图位于界面中心且完全显示。需要说明的是,在主屏幕的页面数量大于三个的情况下,所有页面是按照第二用户界面上的具体排布方式进行排布的,具体可以参见图8和图9的论述,此处不再赘述。
图11为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指滑动操作生成第三用户界面的示意图。本申请实施例中,单指滑动操作61的离手速率和滑动方向可以决定第三用户界面60上显示的目标页面。具体地,用户从第二用户界面50上滑动离手的速率越快,滑动方向上平移过的页面就越多,第三用户界面60上显示的目标页面与第二用户界面50上显示的当前页面在主屏幕下的距离就越远。用户从第二用户界面50上滑动离手的速率越慢,滑动方向上平移过的页面就越少,第三用户界面60上显示的目标页面与第二用户界面50上显示的当前页面在主屏幕下的距离就越近。
下面结合图11,以主屏幕的页面数量为12个为例,对第三用户界面60在主屏幕的页面数量大于三个时的实现方式进行进一步说明。为便于描述,这里将主屏幕的各个页面按照先后分别称作页面1、页面2、页面3、……、页面11和页面12。其中,页面5为主屏幕的当前页面。
在一个示例中,如图11所示,用户在第二用户界面50执行的单指滑动操作61,可以为:用户使用一根手指触摸第二用户界面50,并向第二用户界面50的左上侧滑动后快速离手。终端设备沿滑动方向快速平移过页面6和页面12,并最终将页面12确定为目标页面,生成第三用户界面60。在另一个示例中,如图11所示,用户在第二用户界面50执行的单指滑动操作61,可以为:用户使用一根手指触摸第二用户界面50,并向第二用户界面50的右上侧滑动后缓慢离手。终端设备沿滑动方向缓慢平移过页面8,并最终将页面8确定为目标页面,生成第三用户界面60。需要说明的是,为了更加清楚地进行说明,图11中未显示出第二用户界面50和第三用户界面60的具体布局,仅示出显示屏轮廓和界面上各页面的编号以做示意。
通过上述方案,用户可以较快地滑动到与当前页面距离较远的页面,且手势操作可以较好地匹配用户的常规操作习惯,用户体验较好。
图12为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指点击操作生成第三用户界面的一个示意图。本申请实施例中,用户在第二用户界面50执行的的单指点击操作71的位置可以决定第三用户界面60上显示的目标页面。其中,终端设备响应于用户在第二用户界面50执行的单指点击操作71所生成的第三用户界面60中,目标页面为第二用户界面50中显示的当前页面的相邻页面。下面结合图12,以主屏幕的页面数量为12个为例,对第三用户界面60在主屏幕的页面数量大于三个时的实现方式进行进一步说明。为便于描述,这里将主屏幕的各个页面按照先后分别称作页面1、页面2、页面3、……、页面11和页面12。其中,页面5为主屏幕的当前页面。
在一个示例中,如图12所示,用户在第二用户界面50执行的单指点击操作71,可以为:用户使用一根手指在第二用户界面50上页面5的正上方位置点击。终端设备将用户点击位置所对应的页面3确定为目标页面,并将目标页面平移至显示屏的正中间进行显示,生成第三用户界面60。需要说明的是,为了更加清楚地进行说明,图12中未显示出第二用户界面50和第三用户界面60的具体布局,仅示出显示屏轮廓和界面上各页面的编号以做示意。
图13为本申请实施例提供的终端设备响应于用户在第二用户界面执行的单指点击操作生成第三用户界面的另一个示意图。在另一个示例中,如图13所示,用户在第二用户界面50执行的单指点击操作71,可以为:用户使用一根手指在第二用户界面50右下方位置点击。终端设备将用户点击位置所对应的右下方页面确定为目标页面,并平移动至显示屏的正中间进行显示,生成第三用户界面60。其中,当前位于目标页面左上方子区域中的页面,为第二用户界面50上显示的当前页面。
通过上述方案,可以较快地定位到当前页面的相邻页面,效率更高。
图14为本申请实施例提供的终端设备响应于用户在第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作生成第三用户界面的示意图。本申请实施例中,第二手指在第二用户界面50上滑动操作后的离手速率和滑动方向可以决定第三用户界面60上显示的目标页面。具体地,用户从第二用户界面50上滑动离手的速率越快,滑动方向上平移过的页面就越多,第三用户界面60上显示的目标页面与第二用户界面50上显示的当前页面在主屏幕下的距离就越远。用户从第二用户界面50上滑动离手的速率越慢,滑动方向上平移过的页面就越少,第三用户界面60上显示的目标页面与第二用户界面50上显示的当前页面在主屏幕下的距离就越近。在第二手指滑动操作离手后,终端设备将页面平移停止时的页面确定为目标页面,并且在用户长按目标应用图标的第一手指离手后,将目标应用图标移动至目标页面中,最终生成第三用户界面60。其中,目标页面包括显示在目标页面内的原应用图标以及移动后的目标应用图标。下面结合图14,以主屏幕的页面数量为12个为例,对第三用户界面60在主屏幕的页面数量大于三个时的实现方式进行进一步说明。为便于描述,这里将主屏幕的各个页面按照先后分别称作页面1、页面2、页面3、……、页面11和页面12。其中,页面5为主屏幕的当前页面。用户在第二用户界面50执行的第一手指长按、第二手指按预设轨迹滑动的操作81,可以为:第一手指在页面5上任一应用图标上长按、第二根手指触摸第二用户界面50,并向第二用户界面50的下侧滑动后缓慢离手,然后按住应用图标的第一手指离手。终端设备沿滑动方向缓慢平移过页面3,并最终将页面3确定为目标页面,将用户第一手指所按住的应用图标移动至页面3中,最终生成第三用户界面60。需要说明的是,为了更加清楚地进行说明,图14中未显示出第二用户界面50和第三用户界面60的具体布局,仅示出显示屏轮廓和界面上各页面的编号以做示意。
通过上述方案,在使目标页面获焦的同时,还可以同时实现应用图标的移动,操作更加方便,功能也更加灵活多变,可以进一步提高用户的操作效率。
需要说明的是,在步骤S402中,终端设备从多个页面中确定目标页面的过程中,可以将工具栏或者Dock区隐藏,并在确定目标页面后重新显示;也可以将工具栏或者Dock区从原始形态转换为任意缩小形态,比如悬浮球形态,显示在界面的任意位置,并在确定目标页面后重新转换回原始形态进行显示。如此,在页面的切换过程中,终端设备可以将与页面本身关联性不高的工具栏或者Dock区进行隐藏或改变形态,从而可以使得界面更加简洁干净,一目了然,有利于提升用户体验。
另外,在执行步骤S402之后,执行步骤S403之前,本申请实施例提供的页面切换方法还包括:
终端设备响应于用户在第三用户界面执行的第四手势操作,打开目标页面内的应用,或者交换目标页面内应用图标顺序。
可选地,第四手势操作包括但不限于用户在第三用户界面执行的单指点击操作、单指长按应用图标后滑动操作等。
步骤S403:响应于用户在第三用户界面执行的第三手势操作,将第一用户界面中的当前页面更新为目标页面,并显示更新后的第一用户界面。
其中,更新后的第一用户界面可以包括终端设备的主屏幕界面,或者,主屏幕编辑界面。
图15为本申请实施例提供的终端设备响应于用户在第三用户界面执行的第三手势操作生成更新后的第一用户界面的示意图。在一个示例中,如图15所示,如果第一用户界面为主屏幕界面,则第三手势操作可以包括用户在第三用户界面60执行的三指滑动远离操作91,和/或者,用户在第三用户界面60的空白处执行的单指点击操作(图中未示出)。其中,第三用户界面60的空白处表示没有设置桌面元素的位置。此时生成的更新后的第一用户界面为主屏幕界面10。这时,主屏幕界面10显示的是目标页面。其中,主屏幕界面10可以包括位于最下方的Dock区,以及在显示屏中全屏显示的目标页面,目标页面中包括移动后的目标应用图标。在另一个示例中,如果第一用户界面为主屏幕编辑界面,则第三手势操作可以包括用户在第三用户界面60执行的双指滑动远离操作31,和/或者,用户在第三用户界面60的空白处执行的单指点击操作(图中未示出)。此时生成的更新后的第一用户界面为主屏幕编辑界面20。其中,主屏幕编辑界面20可以包括目标页面的缩略图、位于目标页面之前且与目标页面相邻的部分显示的前序页面的缩略图、位于目标页面之后且与目标页面相邻的部分显示的后序页面的缩略图、以及用于编辑主屏幕编辑界面的工具栏。
本申请实施例中,用户的三指滑动远离操作91为用户使用三根手指触摸第三用户界面60,并向三根手指的四周滑动操作。具体实现中,该三指滑动远离操作91可以是用户单手的三根手指执行的滑动操作,也可以是用户双手的三根手指执行的滑动操作,本申请实施例对此不做具体限定。用户在第三用户界面60的空白处执行的单指点击操作是用户使用一根手指在第三用户界面60的空白处点击的操作。本申请实施例对第三手势操作不做具体限定,只要能够被终端设备响应而显示第四用户界面的操作,都可以为第三手势操作。
如图15所示,本申请实施例中,如果更新后的第一用户界面为主屏幕编辑界面20,则本申请实施例提供的页面切换方法,还包括:
终端设备响应于用户在更新后的第一用户界面执行的第五手势操作,显示第四用户界面。第五手势操作可以包括用户在更新后的第一用户界面(即主屏幕编辑界面20)执行的双指滑动远离操作31,或者用户在更新后的第一用户界面执行的空白处单指点击操作(图中未示出)。此时生成的第四用户界面为主屏幕界面10。其中,主屏幕界面10可以包括位于最下方的Dock区,以及在显示屏中全屏显示的目标页面。
通过上述方案,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
通过本申请实施例提供的方法,在第二用户界面中,所有第一页面分布在当前页面的周围,而非只分布在当前页面的两侧,即使用户需要查找的目标应用所在的目标页面在主屏幕下与当前页面距离较远,也可以通过这种排布的方式来缩短第二用户界面下目标页面与当前页面的距离,进而使得用户通过少量操作即可切换到目标页面,可以极大地提高目标应用的查找效率,用户体验较好。
上述本申请提供的实施例从终端设备本身、以及终端设备与用户交互的角度对本申请提供的页面切换方法的各方案进行了介绍。可以理解的是,终端设备为了实现上述功能,其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
图16是本申请实施例提供的一种页面切换装置的结构示意图。在一个实施例中,终端设备可以通过图16所示的软件装置实现相应的功能。如图16所示,该页面切换装置可以包括:显示模块1601,用于响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面;其中:第一用户界面包括多个页面,并将多个页面中的其中一个页面作为当前页面进行显示;第二用户界面包括完整显示的当前页面的缩略图,以及分布在当前页面的缩略图的外围且部分显示的多个第一页面的缩略图,第一页面为多个页面中的除当前页面以外的其他页面;确定模块1602,用于响应于用户在第二用户界面执行的第二手势操作,从多个页面中确定目标页面,并显示第三用户界面;其中:第三用户界面包括完整显示的目标页面的缩略图,以及分布在目标页面的缩略图的外围且部分显示的多个第二页面的缩略图,第二页面为多个页面中的除目标页面以外的其他页面;更新模块1603,用于响应于用户在第三用户界面执行的第三手势操作,将第一用户界面中的当前页面更新为目标页面,并显示更新后的第一用户界面。
本申请实施例提供的技术方案,在第二用户界面中,所有第一页面分布在当前页面的周围,而非只分布在当前页面的两侧,即使用户需要查找的目标应用所在的目标页面在主屏幕下与当前页面距离较远,也可以通过这种排布的方式来缩短第二用户界面下目标页面与当前页面的距离,进而使得用户通过少量操作即可切换到目标页面,可以极大地提高目标应用的查找效率,用户体验较好。
在一种实现方式中,在第二用户界面中,多个第一页面的缩略图在当前页面的缩略图的外围呈环形分布。这样,当前页面周围环形排布有多个第一页面,不仅页面的排布更为紧凑,而且通过“周边视觉”有助于提高用户查找目标应用的效率,用户体验较好。
在一种实现方式中,在第二用户界面中,当前页面的缩略图的外围包括多个环形区域,多个环形区域由内向外依次分布,多个第一页面的缩略图分布在至少一个环形区域内。这样,多个环形区域由内向外依次分布,将主屏幕下各个第一页面与当前页面的横向距离转化为第一页面所在环形区域与当前页面的径向距离,可以极大地缩短第一页面与当前页面的距离。
在一种实现方式中,每个环形区域包括多个子区域,每个子区域用于显示一个第一页面的缩略图。
在一种实现方式中,第二用户界面包括第一页面区域和第二页面区域,每个环形区域包括位于第一页面区域的至少一个第一子区域,以及位于第二页面区域的至少一个第二子区域;多个第一页面包括位于当前页面之前的至少一个前序页面和/或位于当前页面之后的至少一个后序页面;至少一个前序页面的缩略图分布在至少一个环形区域中的至少一个第一子区域中;至少一个后序页面的缩略图分布在至少一个环形区域中的至少一个第二子区域中。这样,将当前页面的前序页面的缩略图分布在第一子区域中,将当前页面的后序页面的缩略图分布在第二子区域中,排布更加有规律,使得用户在查找的过程中无需进行各个方向的尝试,从而可以快速定位目标页面,用户体验较好。
在一种实现方式中,分布在第i个环形区域中的前序页面与当前页面之间的距离小于分布在i+1个环形区域中的前序页面与当前页面之间的距离;分布在第i个环形区域中的后序页面与当前页面之间的距离小于分布在i+1个环形区域中的后序页面与当前页面之间的距离;其中,i大于或者等于1,且i+1小于或者等于N,N为环形区域的数量,第i个环形区域与第i+1个环形区域是相邻的环形区域,第i+1个环形区域位于第i个环形区域的外侧。这样,将主屏幕下与当前页面距离较近的页面,也就是与当前页面相关性更强的页面,在第二用户界面下环形排布在与当前页面更近的环形区域,有利于用户可以利用各页面之间的关联性更快地切换到目标应用所在的页面。
在一种实现方式中,当第i个环形区域中分布有多个前序页面时,如果i为奇数,多个前序页面根据其与当前页面之间的距离由远到近的顺序顺时针分布,如果i为偶数,多个前序页面根据其与当前页面的距离由远到近的顺序逆时针分布。这样,将前序页面进行更加规律的排布,使得用户在查找时可以根据规律进行查找,进一步提高了查找效率。
在一种实现方式中,当第i个环形区域中分布有多个后序页面时,如果i为奇数,多个后序页面根据其与当前页面之间的距离由近到远的顺序顺时针分布,如果i为偶数,多个后序页面根据其与当前页面的距离由近到远的顺序逆时针分布。这样,将后序页面进行更加规律的排布,使得用户在查找时可以根据规律进行查找,进一步提高了查找效率。
在一种实现方式中,确定模块1602,具体用于响应于用户在第二用户界面执行的第二手势操作,对第二用户界面进行平移,得到第三用户界面,并将第三用户界面中的完整显示的页面确定为目标页面。这样,使得用户可以通过各个方向的平移来进行查找,从而可以充分利用终端设备的显示空间。
在一种实现方式中,第一手势操作包括:用户在第一用户界面执行的三指滑动靠近操作,和/或者,用户在第一用户界面执行的双指滑动靠近操作,和/或者,用户在第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,第二手势操作包括:用户在第二用户界面执行的单指滑动操作,和/或者,用户在第二用户界面执行的单指点击操作,和/或者,用户在第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,第三手势操作包括:用户在第三用户界面执行的三指滑动远离操作,和/或者,用户在第三用户界面的空白处执行的单指点击操作,和/或者,用户在第三用户界面执行的双指滑动远离操作。这样,操作手势简单易行,可以较好地匹配用户的操作习惯,有利于提升用户体验。
在一种实现方式中,第一用户界面包括终端设备的主屏幕界面,或者,主屏幕编辑界面。
图17是本申请实施例提供的另一种页面切换装置的结构示意图。在一个实施例中,终端设备可以通过图17所示的硬件装置实现相应的功能。如图17所示,该页面切换装置包括:存储器302、处理器303和触控屏301。触控屏301用于显示用户界面以及获取用于的手势操作,存储器302存储有计算机程序指令,当计算机程序指令被处理器303执行时,使得终端设备执行上述本申请实施例提供的页面切换方法及其各实现方式中的方法。
本申请实施例还提供一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述本申请实施例提供的页面切换方法及其各实现方式中的方法。
本申请实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述本申请实施例提供的页面切换方法及其各实现方式中的方法。
本申请实施例还提供了一种芯片系统,该芯片系统包括处理器,用于支持上述装置实现上述方面中所涉及的功能,例如,生成或处理上述方法中所涉及的信息。在一种可能的设计中,芯片系统还包括存储器,存储器存储有计算机程序指令,当所述计算机程序指令被所述处理器执行时,使得所述芯片系统实现上述本申请实施例提供的页面切换方法及其各实现方式中的方法。该芯片系统,可以由芯片构成,也可以包含芯片和其他分立器件。
以上的具体实施方式,对本申请实施例的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上仅为本申请实施例的具体实施方式而已,并不用于限定本申请实施例的保护范围,凡在本申请实施例的技术方案的基础之上,所做的任何修改、等同替换、改进等,均应包括在本申请实施例的保护范围之内。
Claims (12)
1.一种页面切换方法,其特征在于,应用于终端设备,所述方法包括:
响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面;其中:所述第一用户界面包括多个页面,并将所述多个页面中的其中一个页面作为当前页面进行显示;所述第二用户界面包括完整显示的所述当前页面的缩略图,以及分布在所述当前页面的缩略图的外围且部分显示的多个第一页面的缩略图,所述第一页面为所述多个页面中的除所述当前页面以外的其他页面;在所述第二用户界面中,所述多个第一页面的缩略图在所述当前页面的缩略图的外围呈环形分布;在所述第二用户界面中,所述当前页面的缩略图的外围包括多个环形区域,所述多个环形区域由内向外依次分布,所述多个第一页面的缩略图分布在至少一个所述环形区域内;每个所述环形区域包括多个子区域,每个子区域用于显示一个所述第一页面的缩略图;每个子区域的尺寸与所述当前页面的缩略图的尺寸相同,第一区域内的各子区域围绕所述当前页面的缩略图环形分布,第二区域内的各子区域围绕所述第一区域环形分布,第N区域内的各子区域围绕第N-1区域环形分布,所述第一区域、所述第二区域、所述第N-1区域、所述第N区域形成由内向外依次分布的所述多个环形区域;所述第二用户界面包括第一页面区域和第二页面区域,每个所述环形区域包括位于所述第一页面区域的至少一个第一子区域,以及位于所述第二页面区域的至少一个第二子区域;多个所述第一页面包括位于所述当前页面之前的至少一个前序页面和/或位于所述当前页面之后的至少一个后序页面;所述至少一个前序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第一子区域中;所述至少一个后序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第二子区域中;
响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面;其中:所述第三用户界面包括完整显示的所述目标页面的缩略图,以及分布在所述目标页面的缩略图的外围且部分显示的多个第二页面的缩略图,所述第二页面为所述多个页面中的除所述目标页面以外的其他页面;
响应于用户在所述第三用户界面执行的第三手势操作,将所述第一用户界面中的所述当前页面更新为所述目标页面,并显示更新后的所述第一用户界面。
2.根据权利要求1所述的方法,其特征在于,
分布在第i个所述环形区域中的所述前序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述前序页面与所述当前页面之间的距离;
分布在第i个所述环形区域中的所述后序页面与所述当前页面之间的距离小于分布在i+1个所述环形区域中的所述后序页面与所述当前页面之间的距离;
其中,i大于或者等于1,且i+1小于或者等于N,N为所述环形区域的数量,第i个所述环形区域与第i+1个所述环形区域是相邻的环形区域,第i+1个所述环形区域位于第i个所述环形区域的外侧。
3.根据权利要求2所述的方法,其特征在于,
当所述第i个环形区域中分布有多个所述前序页面时,如果所述i为奇数,多个所述前序页面根据其与所述当前页面之间的距离由远到近的顺序顺时针分布,如果所述i为偶数,多个所述前序页面根据其与所述当前页面的距离由远到近的顺序逆时针分布。
4.根据权利要求2所述的方法,其特征在于,
当所述第i个环形区域中分布有多个所述后序页面时,如果所述i为奇数,多个所述后序页面根据其与所述当前页面之间的距离由近到远的顺序顺时针分布,如果所述i为偶数,多个所述后序页面根据其与所述当前页面的距离由近到远的顺序逆时针分布。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面,包括:
响应于用户在所述第二用户界面执行的第二手势操作,对所述第二用户界面进行平移,得到所述第三用户界面,并将所述第三用户界面中的完整显示的所述页面确定为目标页面。
6.根据权利要求1-4任一项所述的方法,其特征在于,所述第一手势操作包括:
用户在所述第一用户界面执行的三指滑动靠近操作,和/或者,用户在所述第一用户界面执行的双指滑动靠近操作,和/或者,用户在所述第一用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。
7.根据权利要求1-4任一项所述的方法,其特征在于,所述第二手势操作包括:
用户在所述第二用户界面执行的单指滑动操作,和/或者,用户在所述第二用户界面执行的单指点击操作,和/或者,用户在所述第二用户界面执行的第一手指长按、第二手指按预设轨迹滑动的操作。
8.根据权利要求1-4任一项所述的方法,其特征在于,所述第三手势操作包括:
用户在所述第三用户界面执行的三指滑动远离操作,和/或者,用户在所述第三用户界面的空白处执行的单指点击操作,和/或者,用户在所述第三用户界面执行的双指滑动远离操作。
9.根据权利要求1-4任一项所述的方法,其特征在于,
所述第一用户界面包括所述终端设备的主屏幕界面,或者,主屏幕编辑界面。
10.一种页面切换装置,其特征在于,应用于终端设备,所述装置包括:
显示模块,用于响应于用户在第一用户界面执行的第一手势操作,显示第二用户界面;其中:所述第一用户界面包括多个页面,并将所述多个页面中的其中一个页面作为当前页面进行显示;所述第二用户界面包括完整显示的所述当前页面的缩略图,以及分布在所述当前页面的缩略图的外围且部分显示的多个第一页面的缩略图,所述第一页面为所述多个页面中的除所述当前页面以外的其他页面;在所述第二用户界面中,所述多个第一页面的缩略图在所述当前页面的缩略图的外围呈环形分布;在所述第二用户界面中,所述当前页面的缩略图的外围包括多个环形区域,所述多个环形区域由内向外依次分布,所述多个第一页面的缩略图分布在至少一个所述环形区域内;每个所述环形区域包括多个子区域,每个子区域用于显示一个所述第一页面的缩略图;每个子区域的尺寸与所述当前页面的缩略图的尺寸相同,第一区域内的各子区域围绕所述当前页面的缩略图环形分布,第二区域内的各子区域围绕所述第一区域环形分布,第N区域内的各子区域围绕第N-1区域环形分布,所述第一区域、所述第二区域、所述第N-1区域、所述第N区域形成由内向外依次分布的所述多个环形区域;所述第二用户界面包括第一页面区域和第二页面区域,每个所述环形区域包括位于所述第一页面区域的至少一个第一子区域,以及位于所述第二页面区域的至少一个第二子区域;多个所述第一页面包括位于所述当前页面之前的至少一个前序页面和/或位于所述当前页面之后的至少一个后序页面;所述至少一个前序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第一子区域中;所述至少一个后序页面的缩略图分布在至少一个所述环形区域中的至少一个所述第二子区域中;
确定模块,用于响应于用户在所述第二用户界面执行的第二手势操作,从多个所述页面中确定目标页面,并显示第三用户界面;其中:所述第三用户界面包括完整显示的所述目标页面的缩略图,以及分布在所述目标页面的缩略图的外围且部分显示的多个第二页面的缩略图,所述第二页面为所述多个页面中的除所述目标页面以外的其他页面;
更新模块,用于响应于用户在所述第三用户界面执行的第三手势操作,将所述第一用户界面中的所述当前页面更新为所述目标页面,并显示更新后的所述第一用户界面。
11.一种终端设备,其特征在于,包括存储器、处理器和触控屏,所述触控屏用于显示用户界面以及获取用于的手势操作,所述存储器存储有计算机程序指令,当所述计算机程序指令被所述处理器执行时,使得所述终端设备执行权利要求1-9任一项所述的方法。
12.一种芯片系统,其特征在于,包括:存储器和处理器,所述存储器存储有计算机程序指令,当所述计算机程序指令被所述处理器执行时,使得所述芯片系统实现如权利要求1-9任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210678315.6A CN115113780B (zh) | 2022-06-13 | 2022-06-13 | 一种页面切换方法、装置和终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210678315.6A CN115113780B (zh) | 2022-06-13 | 2022-06-13 | 一种页面切换方法、装置和终端设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115113780A CN115113780A (zh) | 2022-09-27 |
CN115113780B true CN115113780B (zh) | 2023-05-12 |
Family
ID=83327911
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210678315.6A Active CN115113780B (zh) | 2022-06-13 | 2022-06-13 | 一种页面切换方法、装置和终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115113780B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115291771B (zh) * | 2022-09-28 | 2023-03-10 | 荣耀终端有限公司 | 实现图标移动的方法及装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107783701A (zh) * | 2016-08-26 | 2018-03-09 | 阿里巴巴集团控股有限公司 | 一种终端显示方法、装置和智能终端 |
CN110339556A (zh) * | 2019-07-12 | 2019-10-18 | 网易(杭州)网络有限公司 | 一种游戏中的显示控制方法及装置 |
Family Cites Families (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034408A (zh) * | 2012-12-21 | 2013-04-10 | 广东欧珀移动通信有限公司 | 一种用户界面的页面切换方法及移动终端 |
CN103984494A (zh) * | 2013-02-07 | 2014-08-13 | 上海帛茂信息科技有限公司 | 用于多种设备间的直觉式用户互动系统及方法 |
CN104021129B (zh) * | 2013-02-28 | 2019-10-08 | 腾讯科技(深圳)有限公司 | 显示组图的方法及终端 |
CN103412923B (zh) * | 2013-08-12 | 2016-05-18 | 网际傲游(北京)科技有限公司 | 一种网页浏览状态切换的方法及网页浏览器 |
CN104965668B (zh) * | 2015-06-19 | 2018-03-27 | 北京奇虎科技有限公司 | 界面操作的方法和装置 |
CN105843491B (zh) * | 2016-03-18 | 2021-08-03 | 华为技术有限公司 | 页面快速导航切换方法、装置及终端 |
CN106126032A (zh) * | 2016-06-29 | 2016-11-16 | 乐视控股(北京)有限公司 | 一种交互界面的显示方法和装置 |
CN107704157B (zh) * | 2017-10-26 | 2021-06-18 | 咪咕数字传媒有限公司 | 一种多屏界面操作方法、装置及存储介质 |
CN108156318A (zh) * | 2017-12-22 | 2018-06-12 | 维沃移动通信有限公司 | 一种图像显示方法和移动终端 |
CN109960445A (zh) * | 2017-12-25 | 2019-07-02 | 阿里巴巴集团控股有限公司 | 图标移动方法、装置及系统 |
CN108733276A (zh) * | 2018-05-22 | 2018-11-02 | 珠海格力电器股份有限公司 | 页面切换方法、装置和系统 |
CN108845737B (zh) * | 2018-06-29 | 2019-08-09 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
CN110928461A (zh) * | 2019-10-31 | 2020-03-27 | 维沃移动通信有限公司 | 一种图标移动方法及电子设备 |
CN111026476A (zh) * | 2019-11-25 | 2020-04-17 | 深圳传音控股股份有限公司 | 锁屏显示控制方法、终端及计算机可读存储介质 |
CN111124224B (zh) * | 2019-12-12 | 2021-08-10 | 维沃移动通信有限公司 | 一种应用程序的控制方法及电子设备 |
CN114385052B (zh) * | 2020-10-19 | 2023-10-20 | 聚好看科技股份有限公司 | 一种Tab栏的动态展示方法及三维显示设备 |
CN112230835B (zh) * | 2020-10-30 | 2023-03-24 | Oppo广东移动通信有限公司 | 图片操作方法、装置、终端设备以及存储介质 |
CN112558831A (zh) * | 2020-12-09 | 2021-03-26 | 维沃移动通信(杭州)有限公司 | 桌面整理方法、装置及电子设备 |
-
2022
- 2022-06-13 CN CN202210678315.6A patent/CN115113780B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107783701A (zh) * | 2016-08-26 | 2018-03-09 | 阿里巴巴集团控股有限公司 | 一种终端显示方法、装置和智能终端 |
CN110339556A (zh) * | 2019-07-12 | 2019-10-18 | 网易(杭州)网络有限公司 | 一种游戏中的显示控制方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN115113780A (zh) | 2022-09-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020238774A1 (zh) | 一种通知消息的预览方法及电子设备 | |
US11943530B2 (en) | Electronic device and method for adjusting camera magnification | |
CN112394811B (zh) | 一种隔空手势的交互方法及电子设备 | |
CN108958580B (zh) | 一种显示控制方法及终端设备 | |
EP4187378A1 (en) | Application interface switching method and apparatus, and terminal and storage medium | |
CN113325988B (zh) | 多任务管理方法和终端设备 | |
EP3992786A1 (en) | Display method and electronic device | |
WO2021110133A1 (zh) | 一种控件的操作方法及电子设备 | |
RU2648616C2 (ru) | Способ и устройство для добавления шрифта | |
US11537265B2 (en) | Method and apparatus for displaying object | |
CN116095881A (zh) | 一种多设备协同方法、电子设备及相关产品 | |
US20160196284A1 (en) | Mobile terminal and method for searching for image | |
EP2887648A1 (en) | Method of performing previewing and electronic device for implementing the same | |
CN115113780B (zh) | 一种页面切换方法、装置和终端设备 | |
CN114666427B (zh) | 一种图像显示方法、电子设备及存储介质 | |
CN112416199B (zh) | 控制方法、装置和电子设备 | |
CN117093165A (zh) | 设备控制方法和终端设备 | |
KR102266869B1 (ko) | 전자 장치 및 전자 장치의 디스플레이 방법 | |
CN113362410B (zh) | 绘图方法、装置、电子设备及介质 | |
EP4321978A1 (en) | Display method, electronic device, storage medium and program product | |
KR20170000281A (ko) | 스마트폰 | |
US20220180582A1 (en) | Electronic device and method for controlling application thereof | |
CN114296587A (zh) | 光标控制方法、装置、电子设备和存储介质 | |
CN116048444B (zh) | 应用显示方法及终端设备 | |
CN112068761B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |