页面展示方法、装置、计算设备和介质制造方法及图纸

技术编号:26169722 阅读:21 留言:0更新日期:2020-10-31 13:34
本发明专利技术的实施方式提供了一种页面展示方法,包括:以第一视图模式展示第一页面,第一页面包括第一子区域和第二子区域,在第一视图模式下,第一子区域的元素相对于第一页面的显示比例为第一显示比例;响应于用户对第一子区域或第二子区域执行预定操作,由第一视图模式切换为第二视图模式,在第二视图模式下,第一子区域的元素相对于第一页面的显示比例为不同于第一显示比例的第二显示比例。通过对页面上子区域执行预定操作来实现页面上至少一个子区域的缩放,从而使页面的相应子区域以最佳视图显示,满足用户对不同子区域的浏览需求,为用户带来更好的体验。此外,本发明专利技术的实施方式提供了一种页面展示装置、一种计算设备和一种计算机可读存储介质。

【技术实现步骤摘要】
页面展示方法、装置、计算设备和介质
本专利技术的实施方式涉及计算机
,更具体地,本专利技术的实施方式涉及页面展示方法、装置、计算设备和介质。
技术介绍
本部分旨在为权利要求书中陈述的本专利技术的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。随着科学技术的进步,手机、电脑等电子设备已经成为人们生活和工作中不可或缺的一部分。对于具有显示屏幕的电子设备,用户可以通过显示屏幕观看新闻、短消息等信息。在一些情况下,一个显示页面上可能会展示有两个或多个区域,每个区域的显示需求可能不同,相关技术中通常会以固定的尺寸显示各个区域的元素,而不能针对每个区域适应性对元素的大小进行调整,造成用户体验不佳。
技术实现思路
为此,非常需要一种改进的页面展示方式,以使显示页面可以针对不同子区域适应性对元素的大小进行调整。在本上下文中,本专利技术的实施方式期望提供一种页面展示方法、一种页面展示装置、一种计算设备和一种计算机可读存储介质。在本专利技术实施方式的第一方面中,提供了一种方法,包括:以第一视图模式展示第一页面,所述第一页面包括第一子区域和第二子区域,在所述第一视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第一显示比例;以及响应于用户对所述第一子区域或所述第二子区域执行预定操作,由所述第一视图模式切换为第二视图模式,在所述第二视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第二显示比例,其中,所述第二显示比例不同于所述第一显示比例。<br>在本专利技术的一个实施例中,该方法还包括:响应于用户对所述第二子区域或所述第一子区域执行预定操作,由所述第二视图模式切换为所述第一视图模式。在本专利技术的另一个实施例中,所述第二子区域与所述第一子区域相关联;在所述第一视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第一显示比例;在所述第二视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第二显示比例,以在所述第一视图模式和所述第二视图模式切换过程中对所述第一子区域和所述第二子区域的元素进行同步缩放。在本专利技术的又一个实施例中,所述第二子区域与所述第一子区域相关联包括:所述第二子区域展示的元素与所述第一子区域展示的元素存在位置对应关系;和/或所述第二子区域与所述第一子区域存在联动关系。在本专利技术的再一个实施例中,在所述第一视图模式下所述第一子区域展示的元素的数量不同于在所述第二视图模式下所述第一子区域展示的元素的数量;在所述第一视图模式下所述第二子区域展示的元素的数量不同于在所述第二视图模式下所述第二子区域展示的元素的数量。在本专利技术的再一个实施例中,在所述第一视图模式和所述第二视图模式下,所述第一子区域的边框相对于所述第一页面的显示比例和显示位置相同;在所述第一视图模式和所述第二视图模式下,所述第二子区域的边框相对于所述第一页面的显示比例和显示位置相同。在本专利技术的再一个实施例中,所述第一子区域用于展示供用户进行操作的元素,所述第二子区域用于展示供用户进行浏览的元素。在本专利技术的再一个实施例中,所述响应于用户对所述第一子区域执行预定操作包括:响应于接收到对所述第一子区域执行的预定操作并且与所述预定操作相邻的上一次操作的作用区域不同于所述第一子区域。在本专利技术的再一个实施例中,所述响应于用户对所述第二子区域执行预定操作包括:响应于接收到对所述第二子区域执行的预定操作并且与所述预定操作相邻的上一次操作的作用区域不同于所述第二子区域。在本专利技术的再一个实施例中,在所述第一视图模式和所述第二视图模式切换过程中,以所述预定操作对应的位置点作为固定位置点进行缩放。在本专利技术的再一个实施例中,所述预定操作包括点击操作或者滑动操作。在本专利技术实施方式的第二方面中,提供了一种装置,包括:展示模块,用于以第一视图模式展示第一页面,所述第一页面包括第一子区域和第二子区域,在所述第一视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第一显示比例;以及第一响应模块,用于响应于用户对所述第一子区域或所述第二子区域执行预定操作,由所述第一视图模式切换为第二视图模式,在所述第二视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第二显示比例,其中,所述第二显示比例不同于所述第一显示比例。在本专利技术的一个实施例中,该装置还包括:第二响应模块,用于响应于用户对所述第二子区域或所述第一子区域执行预定操作,由所述第二视图模式切换为所述第一视图模式。在本专利技术的另一个实施例中,所述第二子区域与所述第一子区域相关联;在所述第一视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第一显示比例;在所述第二视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第二显示比例,以在所述第一视图模式和所述第二视图模式切换过程中对所述第一子区域和所述第二子区域的元素进行同步缩放。在本专利技术的又一个实施例中,所述第二子区域与所述第一子区域相关联包括:所述第二子区域展示的元素与所述第一子区域展示的元素存在位置对应关系;和/或所述第二子区域与所述第一子区域存在联动关系。在本专利技术的再一个实施例中,在所述第一视图模式下所述第一子区域展示的元素的数量不同于在所述第二视图模式下所述第一子区域展示的元素的数量;在所述第一视图模式下所述第二子区域展示的元素的数量不同于在所述第二视图模式下所述第二子区域展示的元素的数量。在本专利技术的再一个实施例中,在所述第一视图模式和所述第二视图模式下,所述第一子区域的边框相对于所述第一页面的显示比例和显示位置相同;在所述第一视图模式和所述第二视图模式下,所述第二子区域的边框相对于所述第一页面的显示比例和显示位置相同。在本专利技术的再一个实施例中,所述第一子区域用于展示供用户进行操作的元素,所述第二子区域用于展示供用户进行浏览的元素。在本专利技术的再一个实施例中,所述响应于用户对所述第一子区域执行预定操作包括:响应于接收到对所述第一子区域执行的预定操作并且与所述预定操作相邻的上一次操作的作用区域不同于所述第一子区域。在本专利技术的再一个实施例中,所述响应于用户对所述第二子区域执行预定操作包括:响应于接收到对所述第二子区域执行的预定操作并且与所述预定操作相邻的上一次操作的作用区域不同于所述第二子区域。在本专利技术的再一个实施例中,在所述第一视图模式和所述第二视图模式切换过程中,以所述预定操作对应的位置点作为固定位置点进行缩放。在本专利技术的再一个实施例中,所述预定操作包括点击操作或者滑动操作。在本专利技术实施方式的第三方面中,提供了一种计算设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如上所述的方法。在本专利技术实施方式的第四方面中,提供了一种计算机可读存储介质,存储有计算机可执行指令,所述指令在被执行时用于实现如上所述的方法。在本专利技术实施方式的第五方面中,提供本文档来自技高网...

【技术保护点】
1.一种页面展示方法,包括:/n以第一视图模式展示第一页面,所述第一页面包括第一子区域和第二子区域,在所述第一视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第一显示比例;以及/n响应于用户对所述第一子区域或所述第二子区域执行预定操作,由所述第一视图模式切换为第二视图模式,在所述第二视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第二显示比例,其中,所述第二显示比例不同于所述第一显示比例。/n

【技术特征摘要】
1.一种页面展示方法,包括:
以第一视图模式展示第一页面,所述第一页面包括第一子区域和第二子区域,在所述第一视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第一显示比例;以及
响应于用户对所述第一子区域或所述第二子区域执行预定操作,由所述第一视图模式切换为第二视图模式,在所述第二视图模式下,所述第一子区域的元素相对于所述第一页面的显示比例为第二显示比例,其中,所述第二显示比例不同于所述第一显示比例。


2.根据权利要求1所述的方法,还包括:
响应于用户对所述第二子区域或所述第一子区域执行预定操作,由所述第二视图模式切换为所述第一视图模式。


3.根据权利要求2所述的方法,其中:
所述第二子区域与所述第一子区域相关联;
在所述第一视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第一显示比例;
在所述第二视图模式下,所述第二子区域的元素相对于所述第一页面的显示比例为第二显示比例,以在所述第一视图模式和所述第二视图模式切换过程中对所述第一子区域和所述第二子区域的元素进行同步缩放。


4.根据权利要求3所述的方法,其中:所述第二子区域与所述第一子区域相关联包括:
所述第二子区域展示的元素与所述第一子区域展示的元素存在位置对应关系;和/或
所述第二子区域与所述第一子区域存在联动关系。


5.根据权利要求3所述的方法,其中:
在所述第一视图模式下所述第一子区域展示的元素的数量不同于在所述第二视图模式下所述第一子区域展示的元素的数量;
在...

【专利技术属性】
技术研发人员:徐琳琳王玮
申请(专利权)人:网易传媒科技北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1