CN112052055A - 页面切换方法、装置、电子设备及存储介质 - Google Patents
页面切换方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112052055A CN112052055A CN202010550235.3A CN202010550235A CN112052055A CN 112052055 A CN112052055 A CN 112052055A CN 202010550235 A CN202010550235 A CN 202010550235A CN 112052055 A CN112052055 A CN 112052055A
- Authority
- CN
- China
- Prior art keywords
- view
- page
- sub
- background
- content
- 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
- 238000000034 method Methods 0.000 title claims abstract description 109
- 230000008569 process Effects 0.000 claims abstract description 56
- 230000008859 change Effects 0.000 claims abstract description 39
- 230000006870 function Effects 0.000 claims description 202
- 238000004891 communication Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 6
- 239000003086 colorant Substances 0.000 description 5
- 238000004590 computer program Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 238000001514 detection method Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000003709 image segmentation Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- 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)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供了一种页面切换方法、装置、电子设备及存储介质。方法包括:检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;检测到当前页面与目标页面具有相同的预设页面功能区域时,确定当前页面在预设页面功能区域之外的页面区域显示的第一内容子视图,以及目标页面在预设页面功能区域之外的页面区域显示的第二内容子视图;响应于页面切换操作,控制第一内容子视图,跟随页面切换操作,变化为第二内容子视图,并保持预设页面功能区域的显示信息不变。因此,本公开的方案,对于具有相同功能区域的两个页面,在页面切换过程中,切换相同功能区域之外的区域,切换内容少、效率高,有利于用户快速定位相同功能区域。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种页面切换方法、装置、电子设备及存储介质。
背景技术
目前,大多数应用类的APP底部都设置有导航栏,而且某些APP中可通过手势滑动进行页面切换。
其中,在实现本申请的过程中,发明人发现,如果存在手势滑动切换,底部导航栏存在生硬切换,造成页面闪动,影响用户体验。例如页面A与页面B具有相同的导航栏,在页面A跟随手势的移动切换到页面B的过程中,完全从A页面切换到了B页面,即整个页面的所有显示区域的内容都发生了变化,亦即底部导航栏的显示区域也由导航栏在从页面A中的显示内容切换为在页面B中的显示内容。
由此可见,在现有技术中,两个具有相同的功能区域(例如导航栏)的页面,在跟随手势的移动进行切换的过程中,完全从其中一个页面切换到了另一个页面,从而使得整个页面的所有显示区域的内容都发生了变化,使得页面切换过程较慢,且页面切换前后内容变化区域较大,不利于用户快速定位上述相同功能区域。
发明内容
为了解决背景技术中记载的技术问题,本公开实施例提供了一种图像分割方法、装置、电子设备及存储介质,本公开的技术方案如下:
根据本公开实施例的第一方面,提供了一种页面切换方法,包括:
检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;
检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图;
响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
可选的,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域的过程,包括:
根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域。
可选的,所述页面架构信息中包括页面包括的多个页面功能区域的功能信息和坐标信息;
所述根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域,包括:
在检测到所述当前页面和所述目标页面中,存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面具有相同的预设页面功能区域;
在检测到所述当前页面和所述目标页面中,不存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面不具有相同的预设页面功能区域。
可选的,所述页面切换操作为滑动操作;
所述控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,包括:
控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图。
可选的,所述控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图,包括:
根据所述滑动方向和所述滑动距离,计算所述第一内容子视图跟随所述滑动操作偏移后的第一坐标,以及所述第二内容子视图跟随所述滑动操作偏移后的第二坐标;
根据所述第一坐标和所述第二坐标,控制所述第一内容子视图变化为所述第二内容子视图。
可选的,确定出所述第一内容子视图和所述第二内容子视图之后,所述方法还包括:
获取所述当前页面在所述预设页面功能区域显示的第一背景子视图,以及所述目标页面在所述预设页面功能区域的显示的第二背景子视图;
控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图。
可选的,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图的索引号相同的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图的索引号相同的视图,并确定为所述第二背景子视图。
可选的,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图处于相同层级的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图处于相同层级的视图,并确定为所述第二背景子视图。
可选的,在所述页面切换操作为滑动操作,且所述第一内容子视图跟随所述滑动操作的滑动方向,变化为所述第二内容子视图的情况下,所述控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图,包括:
控制所述第一背景子视图,跟随所述滑动操作的滑动方向或者与所述滑动操作的滑动方向相反的方向,与所述第一内容子视图同步变化为所述第二背景子视图。
可选的,所述预设页面功能区域的背景为无色,所述第一内容子视图拼接有第一背景子视图,所述第二内容子视图拼接有第二背景子视图;
其中,在两个拼接的子视图中,一个子视图随另一个子视图同步变化;
所述第一背景子视图为所述当前页面在所述预设页面功能区域显示的背景视图,所述第二背景子视图为所述目标页面在所述预设页面功能区域显示的背景视图。
可选的,所述第一背景子视图的图像与所述第一内容子视图的背景图像相同,所述第二背景子视图的图像与所述第二内容子视图的背景图像相同。
根据本公开实施例的第二方面,提供了一种页面切换装置,包括:
目标页面确定模块,被配置为在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;
第一子视图确定模块,被配置为在检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图;
第一控制模块,被配置为响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
可选的,所述装置还包括检测模块,被配置为根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域。
可选的,所述页面架构信息中包括页面包括的多个页面功能区域的功能信息和坐标信息;
所述检测模块包括:
第一确定子模块,被配置为在检测到所述当前页面和所述目标页面中,存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面具有相同的预设页面功能区域;
第二确定子模块,被配置为在检测到所述当前页面和所述目标页面中,不存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面不具有相同的预设页面功能区域。
可选的,所述页面切换操作为滑动操作;
所述第一控制模块包括:
第一控制子模块,被配置为控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图。
可选的,所述第一控制子模块具体被配置为:
根据所述滑动方向和所述滑动距离,计算所述第一内容子视图跟随所述滑动操作偏移后的第一坐标,以及所述第二内容子视图跟随所述滑动操作偏移后的第二坐标;
根据所述第一坐标和所述第二坐标,控制所述第一内容子视图变化为所述第二内容子视图。
可选的,所述装置还包括:
第二子视图确定模块,被配置为获取所述当前页面在所述预设页面功能区域显示的第一背景子视图,以及所述目标页面在所述预设页面功能区域的显示的第二背景子视图;
第二控制模块,被配置为控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图。
可选的,所述第二子视图确定模块具体被配置为:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图的索引号相同的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图的索引号相同的视图,并确定为所述第二背景子视图。
可选的,所述第二子视图确定模块具体被配置为:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图处于相同层级的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图处于相同层级的视图,并确定为所述第二背景子视图。
可选的,在所述页面切换操作为滑动操作,且所述第一内容子视图跟随所述滑动操作的滑动方向,变化为所述第二内容子视图的情况下,所述第二控制模块具体被配置为:
控制所述第一背景子视图,跟随所述滑动操作的滑动方向或者与所述滑动操作的滑动方向相反的方向,与所述第一内容子视图同步变化为所述第二背景子视图。
可选的,所述预设页面功能区域的背景为无色,所述第一内容子视图拼接有第一背景子视图,所述第二内容子视图拼接有第二背景子视图;
其中,在两个拼接的子视图中,一个子视图随另一个子视图同步变化;
所述第一背景子视图为所述当前页面在所述预设页面功能区域显示的背景视图,所述第二背景子视图为所述目标页面在所述预设页面功能区域显示的背景视图。
可选的,所述第一背景子视图的图像与所述第一内容子视图的背景图像相同,所述第二背景子视图的图像与所述第二内容子视图的背景图像相同。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现上述所述的页面切换方法。
根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行上述所述的页面切换方法。
根据本公开实施例的第五方面,提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机实现上述所述的页面切换方法。
本公开实施例提供的技术方案,在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面,从而在检测到当前页面与目标页面具有相同的预设页面功能区域时,确定当前页面在预设页面功能区域之外的页面区域显示的第一内容子视图,以及目标页面在预设页面功能区域之外的页面区域显示的第二内容子视图,从而控制第一内容子视图跟随页面切换操作变化为第二内容子视图,并保持预设页面功能区域的显示信息不变。由此可见,本公开实施例提供的技术方案,在从当前页面切换到目标页面的过程中,控制预设页面功能区域之外的页面区域的显示内容(包括显示信息和背景图像) 进行切换,而当前页面和目标页面在预设页面功能区域具有相同的功能,因而在从当前页面切换到目标页面的过程中,预设页面功能区域的显示信息未发生变化。
因此,本公开实施例提供的技术方案,对于具有相同预设页面功能区域的两个切换前后页面,在进行页面切换的过程中,只切换相同预设页面功能区域之外的区域,减少切换内容,提高切换效率,同时,页面切换前后内容变化区域更小,有利于用户快速定位上述相同的预设页面功能区域,改善页面切换视觉体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
图1是根据一示例性实施例示出的一种页面切换方法的流程图;
图2是根据一示例性实施例示出的另一种页面切换方法的流程图;
图3是根据一示例性实施例示出的内容子视图与背景子视图的关联示意图;
图4是根据一示例性实施例示出的页面切换过程中导航栏的显示状态示意图;
图5是根据一示例性实施例示出的一种页面切换装置的框图;
图6是根据一示例性实施例示出的一种电子设备的框图;
图7是根据一示例性实施例示出的另一种电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
为了解决现有技术中,两个具有相同功能区域的页面,在进行切换的过程中,整个页面的所有显示区域的内容都发生了变化,进而使得页面切换过程较慢,且页面切换前后内容变化区域较大,不利于用户快速定位上述相同功能区域的问题,本公开实施例提供了一种页面切换方法、装置、电子设备及存储介质。
根据本公开实施例的第一方面,提供了一种页面切换方法,如图1所示,该页面切换方法可以包括以下步骤:
步骤101:检测到实施在当前页面的页面切换操作时,确定待切换的目标页面。
其中,实施在当前页面的页面切换操作,表示针对当前页面进行页面切换,即该页面切换操作的操作对象之一为当前页面。
另外,电子设备控制屏幕进行显示时,多个内容子视图对应一个父视图。在电子设备接收到实施在当前页面的页面切换操作时,可以遍历当前页面中的第一内容子视图所属的父视图对应的所有内容子视图,以检测出可以响应该页面切换操作的第二内容子视图所属的目标页面。
步骤102:检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图。
其中,当前页面与目标页面具有相同的预设页面功能区域,表示当前页面和目标页面在预设页面功能区域具有相同的功能,即当前页面和目标页面在预设页面功能区域的显示信息相同,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
另外,第一内容子视图即为当前页面在预设页面功能区域之外的页面区域的显示内容,因此,第一内容子视图可以包括当前页面在预设页面功能区域之外的页面区域的显示信息和背景图像,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
第二内容子视图即为目标页面在预设页面功能区域之外的页面区域的显示内容,因此,第二内容子视图可以包括当前页面在预设页面功能区域之外的页面区域的显示信息和背景图像,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
步骤103:响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
其中,第一内容子视图跟随页面切换操作,变化为第二内容子视图,即为预设页面功能区域之外的页面区域的显示内容,从第一内容子视图,随页面切换操作同步变化为第二内容子视图。其中,若将预设页面功能区域之外的页面区域称为目标区域,则目标区域的显示内容的开始变化时刻即为页面切换操作的开始时刻,目标页面区域的显示内容的结束时刻即为页面切换操作的结束时刻。
可选的,所述预设页面功能区域的背景为无色,所述第一内容子视图拼接有第一背景子视图,所述第二内容子视图拼接有第二背景子视图;其中,在两个拼接的子视图中,一个子视图随另一个子视图同步变化;所述第一背景子视图为所述当前页面在所述预设页面功能区域显示的背景视图,所述第二背景子视图为所述目标页面在所述预设页面功能区域显示的背景视图。
此处需要说明的是,第一背景子视图和第二背景子视图并不会响应屏幕上的触控操作,只是用于显示。
由此可知,可以采用将当前页面在预设页面功能区域的第一背景子视图,与第一内容子视图拼接在一起,将目标页面在预设页面功能区域的第二背景子视图与第二内容子视图拼接在一起,并设置预设页面功能区域的背景为无色,从而使得第一内容子视图跟随页面切换操作变化为第二内容子视图的过程中,预设页面功能区域的背景图像由第一背景子视图同步变化为第二背景子视图。从而仅仅通过控制第一内容子视图切换为第二内容子视图,就可以实现预设页面功能区域的背景图像的切换。
由上述可知,本公开实施例提供的页面切换方法,在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面,从而在检测到当前页面与目标页面具有相同的预设页面功能区域时,确定当前页面在预设页面功能区域之外的页面区域显示的第一内容子视图,以及目标页面在预设页面功能区域之外的页面区域显示的第二内容子视图,从而控制第一内容子视图跟随页面切换操作变化为第二内容子视图,并保持所述预设页面功能区域的显示信息不变。由此可见,本公开实施例提供的页面切换方法,在从当前页面切换到目标页面的过程中,控制预设页面功能区域之外的页面区域的显示内容 (包括显示信息和背景图像)进行切换,而当前页面和目标页面在预设页面功能区域具有相同的功能,因而在从当前页面切换到目标页面的过程中,预设页面功能区域的显示信息未发生变化。
因此,本公开实施例提供的技术方案,对于具有相同预设页面功能区域的两个切换前后页面,在进行页面切换的过程中,只切换相同预设页面功能区域之外的区域,减少切换内容,提高切换效率,同时,页面切换前后内容变化区域更小,有利于用户快速定位上述相同的预设页面功能区域,改善页面切换视觉体验。
根据本公开实施例的第二方面,提供了一种页面切换方法,如图2所示,该页面切换包括以下步骤:
步骤201:检测到实施在当前页面的页面切换操作时,确定待切换的目标页面。
其中,实施在当前页面的页面切换操作,表示针对当前页面进行页面切换,即该页面切换操作的操作对象之一为当前页面。
另外,电子设备控制屏幕进行显示时,多个内容子视图对应一个父视图。在电子设备接收到实施在当前页面的页面切换操作时,可以遍历当前页面中的第一内容子视图所属的父视图对应的所有内容子视图,以检测出可以响应该页面切换操作的第二内容子视图所属的目标页面。
步骤202:检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图。
其中,当前页面与目标页面具有相同的预设页面功能区域,表示当前页面和目标页面在预设页面功能区域具有相同的功能,即当前页面和目标页面在预设页面功能区域的显示信息相同,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
另外,第一内容子视图即为当前页面在预设页面功能区域之外的页面区域的显示内容,因此,第一内容子视图可以包括当前页面在预设页面功能区域之外的页面区域的显示信息和背景图像,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
第二内容子视图即为目标页面在预设页面功能区域之外的页面区域的显示内容,因此,第二内容子视图可以包括当前页面在预设页面功能区域之外的页面区域的显示信息和背景图像,其中,该显示信息包括除背景图像之外的其他信息,例如文字、图标等。
可选的,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域的过程,包括:
根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域。
其中,电子设备所显示的每一个页面均存在对应的页面架构信息,因而,可以根据当前页面的页面架构信息,以及目标页面的页面架构信息,来检测当前页面和目标页面是否具有相同的预设页面功能区域。由此可见,页面架构信息,为检测当前页面与目标页面是否具有相同的预设页面功能区域提供了理论依据。
可选的,所述页面架构信息中包括页面包括的多个页面功能区域的功能信息和坐标信息;所述根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域,包括:
在检测到所述当前页面和所述目标页面中,存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面具有相同的预设页面功能区域;
在检测到所述当前页面和所述目标页面中,不存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面不具有相同的预设页面功能区域。
其中,电子设备所显示的每一个页面均按照不同的功能进行区域的划分,且每个区域对应存在各自的坐标信息和功能信息。因而,对于当前页面和目标页面,若二者存在功能信息相同且坐标信息相同的区域,则表示当前页面和目标页面具有相同的预设页面功能区域。由此可见,根据页面包括的多个页面功能区域的功能信息和坐标信息,可以准确的判定出当前页面和目标页面是否具有相同的预设页面功能区域。
步骤203:响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
其中,第一内容子视图跟随页面切换操作,变化为第二内容子视图,即为预设页面功能区域之外的页面区域的显示内容,从第一内容子视图,随页面切换操作同步变化为第二内容子视图。其中,若将预设页面功能区域之外的页面区域称为目标区域,则目标区域的显示内容的开始变化时刻即为页面切换操作的开始时刻,目标页面区域的显示内容的结束时刻即为页面切换操作的结束时刻。
可选的,所述页面切换操作为滑动操作;所述控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,包括:
控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图。
由此可知,本公开实施例提供的页面切换方法,可以通过滑动操作,控制电子设备的屏幕在预设页面功能区域之外的区域,由第一内容子视图逐渐切换为第二内容子视图,从而使得页面切换过程跟随滑动操作的滑动方向和滑动距离同步变化,进而使得用户可以直观地看到第一内容子视图和第二内容子视图的切换过程。
可选的,所述控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图,包括:
根据所述滑动方向和所述滑动距离,计算所述第一内容子视图跟随所述滑动操作偏移后的第一坐标,以及所述第二内容子视图跟随所述滑动操作偏移后的第二坐标;
根据所述第一坐标和所述第二坐标,控制所述第一内容子视图变化为所述第二内容子视图。
由此可知,在控制第一内容子视图跟随滑动操作的滑动方向和滑动距离,变化为第二内容子视图的过程中,可以分别根据滑动方向和滑动距离,计算第一内容子视图跟随滑动操作偏移后的坐标,以及第二内容子视图跟随滑动操作偏移后的坐标,从而根据坐标控制第一内容子视图和第二内容子视图的偏移。
其中,可选的,根据所述滑动方向和所述滑动距离,计算所述第一内容子视图跟随所述滑动操作偏移后的第一坐标,以及所述第二内容子视图跟随所述滑动操作偏移后的第二坐标的过程,包括:
根据预设公式P=D/W*T,计算所述滑动操作的滑动进度,其中,P表示滑动进度,D表示所述滑动操作的滑动距离,W表示所述屏幕的宽度,T表示预先确定的阈值;
根据所述滑动进度,计算坐标偏移量,并确定为所述第一内容子视图和所述第二内容子视图的坐标偏移量;
根据所述坐标偏移量,分别计算所述第一坐标和所述第二坐标。
由此可见,可以基于滑动进度,控制内容子视图的偏移。
具体的,例如页面切换操作的滑动方向为朝向电子设备的屏幕的对称轴的左侧时,可以将第一内容子视图的锚点当前的坐标减去上述坐标偏移量,则可以得到上述第一坐标,将第二内容子视图的锚点当前的坐标加上上述坐标偏移量,则可以得到上述第二坐标。
其中,一个子视图的锚点的当前坐标,一般包含在子视图的动画属性中。因此,可以通过获取子视图的动画属性,进一步读取其中的子视图的锚点的坐标。另外,动画属性中一般还会包括颜色和尺寸信息。
此处需要说明的是,一个子视图的锚点,即为该子视图偏移的参考点。其中,子视图一般为矩形,则锚点可以为子视图的左上角。
步骤204:获取所述当前页面在所述预设页面功能区域显示的第一背景子视图,以及所述目标页面在所述预设页面功能区域的显示的第二背景子视图。
其中,第一背景子视图即为当前页面在预设页面功能区域的背景图像,第二背景子视图即为目标页面在预设页面功能区域的背景图像。
可选的,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图的索引号相同的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图的索引号相同的视图,并确定为所述第二背景子视图。
其中,所述预设页面功能区域在不同页面下显示的背景视图可以存储于一交互容器中。
另外,上述第一内容子视图和第一背景子视图均属于当前页面,上述第二内容子视图和第二背景子视图均属于目标页面,因而第一内容子视图和第一背景子视图之间存在相互关联的关系,第二内容子视图和第二背景子视图之间存在相互关联的关系。
而本公开实施例提供的页面切换方法中,可设置相关联的内容子视图和背景子视图的索引号相同,亦即一个内容子视图的索引号与一个背景子视图的索引号相同,则该内容子视图与该背景子视图相关联,即属于同一个页面。
可选的,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图处于相同层级的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图处于相同层级的视图,并确定为所述第二背景子视图。
由此可知,在本公开实施例提供的页面切换方法中,还可设置相关联的内容子视图和背景子视图处于相同的层级,亦即一个内容子视图与一个背景子视图处于相同的层级,则该内容子视图与该背景子视图相关联,即属于同一个页面。
具体的,例如图3所示,父视图35对应存在两个内容子视图,即第一内容子视图31和第二内容子视图32。其中,第一内容子视图31与第一背景子视图33相关联(即均属于当前页面),第二内容子视图32与第二背景子视图34相关联(即均属于目标页面),则第一背景子视图33和第二背景子视图34可保存在导航栏的可交互容器中,并设置第一背景子视图33的索引号与第一内容子视图31的索引号相同,第二背景子视图34的索引号与第二内容子视图32的索引号相同;或者,设置第一背景子视图33所处层级与第一内容子视图31所处层级相同,第二背景子视图34所处层级与第二内容子视图32所处层级相同。
步骤205:控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图。
由上述可知,本公开实施例提供的页面切换方法,在从当前页面切换到目标页面的过程中,预设页面功能区域之外的区域由第一内容子视图切换为第二内容子视图,并保持预设页面功能区域的显示信息不变,但预设页面功能区域的背景,跟随第一内容子视图和第二内容子视图的切换过程,同步由第一背景视图切换为第二背景视图。即对于预设页面功能区域,通过背景图像的切换,体现出页面切换前后的不同。
其中,第一内容子视图,跟随页面切换操作,变化为第二内容子视图,则第一背景子视图具体是跟随页面切换操作,变化为第二背景子视图。具体的,在所述页面切换操作为滑动操作时,第一背景子视图跟随所述滑动操作,变化为第二背景子视图的过程,可参见上述第一内容子视图跟随滑动操作变化为第二内容子视图的过程,此处不再赘述。
可选的,在所述页面切换操作为滑动操作,且所述第一内容子视图跟随所述滑动操作的滑动方向,变化为所述第二内容子视图的情况下,所述控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图,包括:
控制所述第一背景子视图,跟随所述滑动操作的滑动方向或者与所述滑动操作的滑动方向相反的方向,与所述第一内容子视图同步变化为所述第二背景子视图。
由此可知,本公开实施例提供的页面切换方法中,对于第一内容子视图切换到第二内容子视图的过程,以及第一背景子视图切换到第二背景子视图的过程,是分别进行控制的,因而,可以更加灵活地实现对预设页面功能区域之外的区域的显示内容的切换过程,以及预设页面功能区域的背景图像的切换过程。
即正因为预设页面功能区域之外的区域的内容子视图和预设页面功能区域的背景子视图是分离控制的,所以,根据滑动操作,控制第一内容子视图、第二内容子视图、第一背景子视图和第二背景子视图偏移时,可以采用如下方式一和方式二中的任意一种。
方式一:内容子视图与背景子视图朝同一方向偏移。
其中,在第一背景子视图与第一内容子视图的背景图像相同,第二背景子视图的与第二内容子视图的背景图像相同时,在页面切换过程中,电子设备的屏幕显示效果为:第一内容子视图和第一背景子视图沿同一方向逐渐消失在屏幕中,第二内容子视图和第二背景子视图沿同一方向逐渐出现在屏幕中,即在页面切换的过程中,预设页面功能区域的背景图像随内容子视图同步切换,进而使得在整个页面切换过程,屏幕内的元素在用户眼中更统一,更加有利于用户聚焦内容。
方式二:内容子视图与背景子视图朝不同方向偏移。
由此可知,在方式二中,内容子视图的偏移方向,与背景子视图的偏移方向是相反的,从而提供了新颖的页面切换方式。
可选的,所述第一背景子视图的图像与所述第一内容子视图的背景图像相同,所述第二背景子视图的图像与所述第二内容子视图的背景图像相同。
其中,在现有技术中,例如存在A、B两个可滑动的页面,具有相同的导航栏,该导航栏在A、B页面内的底色分别是C1颜色和C2颜色两种颜色,在滑动切换页面时,跟随手势的移动,获取进度,从而计算C1颜色到C2 颜色的颜色渐变范围,从而逐渐变化导航栏颜色、导航栏上的标签颜色和文字的颜色。由此可见,在现有技术中,在页面切换过程中或者手势滑动过程,导航栏的底色存在中间色态,即产生既不是C1颜色也不是C2颜色的中间色态,和屏幕内的切换前的页面以及切换后的页面的底色产生颜色隔离,显得突兀。即现有技术中,对于具有相同导航栏的两个页面,在进行切换的过程中,导航栏的显示颜色突兀,与切换前后的页面的底色不匹配。
而本公开实施例提供的页面切换方法,在页面切换过程中,预设页面功能区域的显示信息不变,但控制其背景跟随预设页面功能区域之外的背景同步进行切换,使得在整个页面切换过程,屏幕内的元素在用户眼中更统一,更加有利于用户聚焦内容。
具体的,在电子设备的屏幕从第一内容子视图切换到第二内容子视图的过程中的某一时刻,屏幕的显示界面可如图4所示。其中,在图4中,一种填充图案表示一种背景图像,则第一背景子视图33与第一内容子视图31的背景图像相同,第二背景子视图34与第二内容子视图32的背景图像相同。因此,采用本公开实施例提供的页面切换方法,在切换过程中的任何一个时刻,导航栏中与当前页面对应的部分的背景图像,与第一内容子视图的背景图像相同,而导航栏中与目标页面对应的部分的背景图像,则与第二内容子视图的背景图像相同,从而实现了在页面切换过程中,导航栏的背景图像跟随子视图移动,使得页面切换过程中导航栏的显示,与切换前后的子视图的背景图像相匹配。
由此可知,若将第一内容子视图和第二内容子视图的分界线延伸至预设页面功能区域的部分称作目标分界线,则在页面切换过程中,该目标分界线跟随第一内容子视图和第二内容子视图的偏移而偏移,并且在目标分界线的偏移过程中,预设页面功能区域被该目标分界线分割成的第一分部的背景图像,保持与第一内容子视图的背景图像一致,且预设页面功能区域中除第一部分之前的其他部分,保持与第二内容子视图的背景图像一致。
因此,本公开实施例提供的页面切换方法,对于具有相同导航栏的两个页面,在进行切换的过程中,导航栏之外的显示内容从第一内容子视图切换为第二内容子视图,保持导航栏的显示信息(包括文字和图标)不变,并控制导航栏的背景图像跟随导航栏之外的区域的显示内容的背景图像进行切换,实现了导航栏的背景图像与导航栏之外的区域的显示内容的切换过程保持一致,而上层控件不动的效果,从而解决了页面切换过程中导航栏的显示颜色突兀,与切换前后的页面的底色不匹配的技术问题。
根据本公开实施例的第四方面,提供了一种页面切换装置,如图5所示,该页面切换装置包括:
目标页面确定模块501,被配置为在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;
第一子视图确定模块503,被配置为在检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图;
第一控制模块504,被配置为响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图。
可选的,所述装置还包括检测模块502,被配置为根据所述当前页面的页面架构信息,以及所述目标页面的页面架构信息,检测所述当前页面与所述目标页面是否具有相同的预设页面功能区域。
可选的,所述页面架构信息中包括页面包括的多个页面功能区域的功能信息和坐标信息;所述检测模块502包括:
第一确定子模块5021,被配置为在检测到所述当前页面和所述目标页面中,存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面具有相同的预设页面功能区域;
第二确定子模块5022,被配置为在检测到所述当前页面和所述目标页面中,不存在功能信息和坐标信息均相同的页面功能区域时,确定所述当前页面与所述目标页面不具有相同的预设页面功能区域。
可选的,所述页面切换操作为滑动操作;
所述第一控制模块504包括:
第一控制子模块5041,被配置为控制所述第一内容子视图,跟随所述滑动操作的滑动方向和滑动距离,变化为所述第二内容子视图。
可选的,所述第一控制子模块5041具体被配置为:
根据所述滑动方向和所述滑动距离,计算所述第一内容子视图跟随所述滑动操作偏移后的第一坐标,以及所述第二内容子视图跟随所述滑动操作偏移后的第二坐标;
根据所述第一坐标和所述第二坐标,控制所述第一内容子视图变化为所述第二内容子视图。
可选的,所述装置还包括:
第二子视图确定模块505,被配置为获取所述当前页面在所述预设页面功能区域显示的第一背景子视图,以及所述目标页面在所述预设页面功能区域的显示的第二背景子视图;
第二控制模块506,被配置为控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图,并保持所述预设页面功能区域的显示信息不变。
可选的,所述第二子视图确定模块505具体被配置为:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图的索引号相同的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图的索引号相同的视图,并确定为所述第二背景子视图。
可选的,所述第二子视图确定模块505具体被配置为:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图处于相同层级的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图处于相同层级的视图,并确定为所述第二背景子视图。
可选的,在所述页面切换操作为滑动操作,且所述第一内容子视图跟随所述滑动操作的滑动方向,变化为所述第二内容子视图的情况下,所述第二控制模块506具体被配置为:
控制所述第一背景子视图,跟随所述滑动操作的滑动方向或者与所述滑动操作的滑动方向相反的方向,与所述第一内容子视图同步变化为所述第二背景子视图。
可选的,所述预设页面功能区域的背景为无色,所述第一内容子视图拼接有第一背景子视图,所述第二内容子视图拼接有第二背景子视图,且在所述第一内容子视图切换为所述第二内容子视图的过程中,所述预设页面功能区域的显示信息不变;
其中,在两个拼接的子视图中,一个子视图随另一个子视图同步变化;所述第一背景子视图为所述当前页面在所述预设页面功能区域显示的背景视图,所述第二背景子视图为所述目标页面在所述预设页面功能区域显示的背景视图。
可选的,所述第一背景子视图的图像与所述第一内容子视图的背景图像相同,所述第二背景子视图的图像与所述第二内容子视图的背景图像相同。
由上述可知,本公开实施例提供的页面切换装置,在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面,从而在检测到当前页面与目标页面具有相同的预设页面功能区域时,确定当前页面在预设页面功能区域之外的页面区域显示的第一内容子视图,以及目标页面在预设页面功能区域之外的页面区域显示的第二内容子视图,从而控制第一内容子视图跟随页面切换操作变化为第二内容子视图,并保持预设页面功能区域的显示信息不变。
由此可见,本公开实施例提供的页面切换装置,在从当前页面切换到目标页面的过程中,控制预设页面功能区域之外的页面区域的显示内容(包括显示信息和背景图像)进行切换,而当前页面和目标页面在预设页面功能区域具有相同的功能,因而在从当前页面切换到目标页面的过程中,预设页面功能区域的显示信息未发生变化。
因此,本公开实施例提供的技术方案,对于具有相同预设页面功能区域的两个切换前后页面,在进行页面切换的过程中,只切换相同预设页面功能区域之外的区域,减少切换内容,提高切换效率,同时,页面切换前后内容变化区域更小,有利于用户快速定位上述相同的预设页面功能区域,改善页面切换视觉体验。
根据本公开实施例的第四方面,提供了一种电子设备。参照图6,该电子设备包括:
处理器610;
用于存储所述处理器可执行指令的存储器620;
其中,所述处理器被配置为执行所述指令,以实现上述所述的页面切换方法。
根据本公开实施例的第五方面,还提供了一种电子设备。如图7所示,该电子设备700可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,电子设备700可以包括以下一个或多个组件:处理组件702,存储器704,电源组件706,多媒体组件708,音频组件710,输入/输出(I/ O)的接口712,传感器组件714,以及通信组件716。
处理组件702通常控制电子设备700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理组件702可以包括多媒体模块,以方便多媒体组件708和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在设备700的操作。这些数据的示例包括用于在电子设备700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为电子设备700的各种组件提供电力。电源组件76可以包括电源管理系统,一个或多个电源,及其他与为电子设备700生成、管理和分配电力相关联的组件。
多媒体组件708包括在所述电子设备700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当设备700处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710 包括一个麦克风(MIC),当电子设备700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为电子设备700提供各个方面的状态评估。例如,传感器组件714可以检测到设备700的打开/关闭状态,组件的相对定位,例如所述组件为电子设备700的显示器和小键盘,传感器组件714还可以检测电子设备700或电子设备700一个组件的位置改变,用户与电子设备700接触的存在或不存在,电子设备700方位或加速/减速和电子设备700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于电子设备700和其他设备之间有线或无线方式的通信。电子设备700可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、8G或5G),或它们的组合。在一个示例性实施例中,通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件716还包括近场通信(NFC) 模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备700可以被一个或多个应用专用集成电路 (ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述所述的页面切换方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器704,上述指令可由电子设备700的处理器720 执行以完成上述方法。可选地,例如,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在本公开实施的又一方面,本公开实施例还提供了一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行上述所述的页面切换方法。
根据本公开实施例的又一方面,提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机实现上述所述的页面切换方法。
在此提供的页面切换方案不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造具有本发明方案的系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的信息提取方案中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种页面切换方法,其特征在于,包括:
检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;
检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图;
响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
2.根据权利要求1所述的页面切换方法,其特征在于,确定出所述第一内容子视图和所述第二内容子视图之后,所述方法还包括:
获取所述当前页面在所述预设页面功能区域显示的第一背景子视图,以及所述目标页面在所述预设页面功能区域的显示的第二背景子视图;
控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图。
3.根据权利要求2所述的页面切换方法,其特征在于,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图的索引号相同的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图的索引号相同的视图,并确定为所述第二背景子视图。
4.根据权利要求2所述的页面切换方法,其特征在于,获取所述第一背景子视图,以及所述第二背景子视图的过程,包括:
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第一内容子视图处于相同层级的视图,并确定为所述第一背景子视图;
在预先存储的所述预设页面功能区域在不同页面下显示的背景视图中,查找与所述第二内容子视图处于相同层级的视图,并确定为所述第二背景子视图。
5.根据权利要求2所述的页面切换方法,其特征在于,在所述页面切换操作为滑动操作,且所述第一内容子视图跟随所述滑动操作的滑动方向,变化为所述第二内容子视图的情况下,所述控制第一背景子视图,跟随所述第一内容子视图同步变化为所述第二背景子视图,包括:
控制所述第一背景子视图,跟随所述滑动操作的滑动方向或者与所述滑动操作的滑动方向相反的方向,与所述第一内容子视图同步变化为所述第二背景子视图。
6.根据权利要求1所述的页面切换方法,其特征在于,所述预设页面功能区域的背景为无色,所述第一内容子视图拼接有第一背景子视图,所述第二内容子视图拼接有第二背景子视图;
其中,在两个拼接的子视图中,一个子视图随另一个子视图同步变化;
所述第一背景子视图为所述当前页面在所述预设页面功能区域显示的背景视图,所述第二背景子视图为所述目标页面在所述预设页面功能区域显示的背景视图。
7.根据权利要求2或6所述的页面切换方法,其特征在于,所述第一背景子视图的图像与所述第一内容子视图的背景图像相同,所述第二背景子视图的图像与所述第二内容子视图的背景图像相同。
8.一种页面切换装置,其特征在于,包括:
目标页面确定模块,被配置为在检测到实施在当前页面的页面切换操作时,确定待切换的目标页面;
第一子视图确定模块,被配置为在检测到所述当前页面与所述目标页面具有相同的预设页面功能区域时,确定所述当前页面在所述预设页面功能区域之外的页面区域显示的第一内容子视图,以及所述目标页面在所述预设页面功能区域之外的页面区域显示的第二内容子视图;
第一控制模块,被配置为响应于所述页面切换操作,控制所述第一内容子视图,跟随所述页面切换操作,变化为所述第二内容子视图,并保持所述预设页面功能区域的显示信息不变。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至7中任一项所述的页面切换方法。
10.一种存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至7中任一项所述的页面切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010550235.3A CN112052055A (zh) | 2020-06-16 | 2020-06-16 | 页面切换方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010550235.3A CN112052055A (zh) | 2020-06-16 | 2020-06-16 | 页面切换方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112052055A true CN112052055A (zh) | 2020-12-08 |
Family
ID=73602126
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010550235.3A Pending CN112052055A (zh) | 2020-06-16 | 2020-06-16 | 页面切换方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112052055A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860365A (zh) * | 2021-02-09 | 2021-05-28 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备和可读存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014171572A1 (ko) * | 2013-04-18 | 2014-10-23 | 주식회사 브라이니클 | 쇼핑정보 제공방법 및 사용자 인터페이스 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107368233A (zh) * | 2017-07-03 | 2017-11-21 | 北京小米移动软件有限公司 | 背景图片的切换方法、装置及设备 |
CN108563377A (zh) * | 2018-04-10 | 2018-09-21 | 青岛海信移动通信技术股份有限公司 | 切换显示页面的方法和装置 |
CN110276029A (zh) * | 2019-05-20 | 2019-09-24 | 中国平安财产保险股份有限公司 | Tab页面切换方法、电子装置及存储介质 |
-
2020
- 2020-06-16 CN CN202010550235.3A patent/CN112052055A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014171572A1 (ko) * | 2013-04-18 | 2014-10-23 | 주식회사 브라이니클 | 쇼핑정보 제공방법 및 사용자 인터페이스 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107368233A (zh) * | 2017-07-03 | 2017-11-21 | 北京小米移动软件有限公司 | 背景图片的切换方法、装置及设备 |
CN108563377A (zh) * | 2018-04-10 | 2018-09-21 | 青岛海信移动通信技术股份有限公司 | 切换显示页面的方法和装置 |
CN110276029A (zh) * | 2019-05-20 | 2019-09-24 | 中国平安财产保险股份有限公司 | Tab页面切换方法、电子装置及存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112860365A (zh) * | 2021-02-09 | 2021-05-28 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备和可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105955607B (zh) | 内容分享方法和装置 | |
CN106527867B (zh) | 移动悬浮层界面的方法及装置 | |
US10642476B2 (en) | Method and apparatus for single-hand operation on full screen | |
EP3113001B1 (en) | Method and apparatus for displaying information | |
US11086482B2 (en) | Method and device for displaying history pages in application program and computer-readable medium | |
CN105260117B (zh) | 应用程序控制方法及装置 | |
US10095377B2 (en) | Method and device for displaying icon badge | |
US20190073124A1 (en) | Method and apparatus for controlling application | |
EP3171554A1 (en) | Method and device for displaying a message | |
EP3128411B1 (en) | Interface display method, terminal, computer program and recording medium | |
CN105487805B (zh) | 对象操作方法及装置 | |
EP2983081B1 (en) | Method and device for list updating | |
EP3147819A1 (en) | Method and device for fingerprint image alignment | |
US20150113475A1 (en) | Method and device for providing an image preview | |
CN106547461B (zh) | 一种操作处理方法、装置及设备 | |
US20170085697A1 (en) | Method and device for extending call function | |
EP3276477A1 (en) | Desktop page display method and device | |
CN106681592B (zh) | 基于电子设备的显示切换方法及装置、电子设备 | |
KR101763270B1 (ko) | 캐릭터 결정 방법, 장치, 프로그램 및 컴퓨터가 판독가능한 기록매체 | |
CN106354504B (zh) | 消息显示方法及装置 | |
EP3012725A1 (en) | Method, device and electronic device for displaying descriptive icon information | |
US20170052693A1 (en) | Method and device for displaying a target object | |
EP3974953A1 (en) | Icon position determination method and device | |
CN106775210B (zh) | 壁纸更换的方法和装置 | |
CN107491238B (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 |