一种页面的显示处理方法及装置的制造方法

文档序号:8257760阅读:256来源:国知局
一种页面的显示处理方法及装置的制造方法
【技术领域】
[0001]本发明涉及互联网技术领域,特别涉及一种页面的显示处理方法及装置。
【背景技术】
[0002]伴随着智能手机等移动终端的普及,微站应运而生,其是互联网时代企业应用平台和移动门户,可以快速构建手机网站,并集成与微信、微博、二维码等的数据接口,企业可以在微站平台上,集成在线客服系统、在线商城、短信系统等多种服务,并可扩展多种应用,如微调查、微商城、抽奖等。以微信为例,用户进入微站后,设置关注微信公众号,可以进入到微信平台,用户通过微站编辑消息内容,由微信平台自动推送,已关注该公众号的微信用户接收消息后,点击消息内容中的链接可进入微站;再以微博为例,微站可以与主流微博完成信息同步共享,用户进入微站,设置关注企业微博,即可进入到企业官方微博。用户也可以通过企业官方微博中发布的链接进入到微站。但是,当用户在浏览微站内容,多个页面进行切换时,只是简单的页面切换,无过渡效果,单调生硬,同时页面中展示的信息过于平淡,仅仅只是内容的具体呈现,无法激起用户的浏览、使用或购买欲望。

【发明内容】

[0003]本发明提供一种页面的显示处理方法及装置,实现了页面的动态显示和切换。
[0004]本发明提供一种页面的显示处理方法,包括:
[0005]接收到输入的滑动操作,所述滑动操作用于将显示界面中的当前页面切换至下一张页面;
[0006]将当前页面的显示尺寸随着所述滑动操作的滑动距离的增大而缩小,并将所述当前页面随着所述滑动操作移动出显示界面外;同时,将下一张页面随着所述滑动操作移动至所述显示界面中,并将下一张页面的显示尺寸随着所述滑动操作的滑动距离的增大而增大,其中,所述下一张页面的初始显示尺寸小于所述显示界面的尺寸。
[0007]在一个实施例中,所述接收到输入的滑动操作之前,所述方法还可包括:
[0008]建立页面显示方式模板,所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式;
[0009]接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作;
[0010]当接收到对所述页面的显示指令时,按照所述页面显示方式模板显示所述页面。
[0011]在一个实施例中,所述接收到输入的滑动操作之前,还可包括:
[0012]建立页面立体切换方式模板,所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式;
[0013]接收将所述页面配置到页面立体切换方式模板中的配置操作。
[0014]在一个实施例中,所述当接收到对所述页面的显示指令时,按照所述页面显示方式模板显示所述页面,可包括:
[0015]当接收到对所述页面的显示指令时,将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。
[0016]在一个实施例中,所述预设的相邻页面的立体旋转切换方式为立方体式旋转方式或正六棱柱体式旋转方式。
[0017]在一个实施例中,所述接收到输入的滑动操作之后,所述方法还可包括:
[0018]判断所述当前页面是否为最后一张页面;
[0019]当所述当前页面为最后一张页面时,按照所述页面立体切换方式模板将所述当前页面切换至第一张页面。
[0020]本发明还提供一种页面的显示处理装置,包括:
[0021]第一接收模块,用于接收到输入的滑动操作,所述滑动操作用于将显示界面中的当前页面切换至下一张页面;
[0022]缩放及移动模块,用于将当前页面的显示尺寸随着所述滑动操作的滑动距离的增大而缩小,并将所述当前页面随着所述滑动操作移动出显示界面外;同时,将下一张页面随着所述滑动操作移动至所述显示界面中,并将下一张页面的显示尺寸随着所述滑动操作的滑动距离的增大而增大,其中,所述下一张页面的初始显示尺寸小于所述显示界面的尺寸。
[0023]在一个实施例中,所述装置还可包括:
[0024]第一建立模块,用于建立页面显示方式模板,所述页面显示方式模板包括预设的所述页面中的元素各自的显示方式;
[0025]第二接收模块,用于接收将所述页面中的元素配置到所述页面显示方式模板中的配置操作;
[0026]显示模块,用于当接收到对所述页面的显示指令时,按照所述页面显示方式模板显示所述页面。
[0027]在一个实施例中,所述装置还可包括:
[0028]第二建立模块,用于建立页面立体切换方式模板,所述页面立体切换方式模板包括预设的相邻页面的立体旋转切换方式;
[0029]第三接收模块,用于接收将所述页面配置到页面立体切换方式模板中的配置操作。
[0030]在一个实施例中,所述显示模块,可包括:
[0031]显示子模块,用于当接收到对所述页面的显示指令时,将配置到所述页面显示方式模板中的元素按照所述预设的所述页面中的元素各自的显示方式进行显示。
[0032]本发明实施例的一些有益效果可以包括:
[0033]该技术方案通过将当前页面的显示尺寸随着滑动操作的滑动距离的增大而缩小,并将当前页面随着滑动操作移动出显示界面外;同时,将下一张页面随着滑动操作移动至显示界面中,并将下一张页面的显示尺寸随着滑动操作的滑动距离的增大而增大,从而实现了页面的动态显示和切换,提升了用户的体验。
[0034]本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0035]下面通过附图和实施例,对本发明的技术方案做进一步的详细描述。
【附图说明】
[0036]附图用来提供对本发明的进一步理解,并且构成说明书的一部分,与本发明的实施例一起用于解释本发明,并不构成对本发明的限制。在附图中:
[0037]图1为本发明实施例中一种页面的显示处理方法的流程图;
[0038]图2为本发明实施例中另一种页面的显示处理方法的流程图;
[0039]图3为本发明实施例中另一种页面的显示处理方法的流程图;
[0040]图4为本发明实施例中另一种页面的显示处理方法的流程图;
[0041]图5为本发明实施例中一种页面的显示处理装置的框图;
[0042]图6为本发明实施例中另一种页面的显示处理装置的框图;
[0043]图7为本发明实施例中另一种页面的显示处理装置的框图
[0044]图8为本发明实施例中另一种页面的显示处理装置的框图。
【具体实施方式】
[0045]以下结合附图对本发明的优选实施例进行说明,应当理解,此处所描述的优选实施例仅用于说明和解释本发明,并不用于限定本发明。
[0046]本发明提供的一种页面的显示处理方法中,页面可以是终端设备上安装的具有展示信息功能的应用程序的展示页面,例如微信、微博、二维码等;也可以是终端设备上其它app中的页面。终端设备可以是智能手机、平板电脑或个人计算机等。
[0047]图1为本发明实施例中一种页面的显示处理方法的流程图。如图1所示,该方法用于终端设备的应用程序中,包括以下步骤S11-S12:
[0048]步骤S11,接收到输入的滑动操作,滑动操作用于将显示界面中的当前页面切换至下一张页面。
[0049]该步骤中,当用户想切换页面时,会滑动当前页面将其切换至下一页面,滑动操作可以是用户在显示屏上从左向右滑动或从右向左滑动,还可以是从上向下滑动或从下向上滑动,用户滑动的过程也是将当前页面切换至下一页面的过程。
[0050]步骤S12,将当前页面的显示尺寸随着滑动操作的滑动距离的增大而缩小,并将当前页面随着滑动操作移动出显示界面外;同时,将下一张页面随着滑动操作移动至显示界面中,并将下一张页面的显示尺寸随着滑动操作的滑动距离的增大而增大,其中,下一张页面的初始显示尺寸小于显示界面的尺寸。
[0051]其中,在用户滑动页面过程中,当前页面会随着用户滑动距离的增大而缩小,下一张页面会随着用户滑动距离的增大而放大。当页面切换完成时,该下一张页面放大至其正常浏览时的尺寸,并作为当前页面。在一个实施例中,还可以在微站开始部分、从当前页面切换至下一页面时以及从当前页面返回上一页面时,增加蒙版特效,更加使微站绚丽多彩,并提高了用户的探宄心态。同时页面中的文字,可以根据需要,变换出现的动画效果,始页面显示更加动态。
[0052]本发明实施例提供的上述方法,通过将当前页面的显示尺寸随着滑动操作的滑动距离的增大而缩小,并将当前页面随着滑动操作移动出显示界面外;同时,将下一张页面随着滑动操作移动至显示界面中,并将下一张页面的显示尺寸随着滑动操作的滑动距离的增大而增大,从而实现了页面的动态显示和切换,提升了用户的体验。
[0053]在一个实施例中,如图2所示,在步骤Sll之前,上述方法还可包括步骤S13-S15:
[0054]步骤S13,建立页面显示方式模板,页面显示方式模板包括预设的页面中的元素各自的显示方式。
[0055]在一个实施例中,页面中的元素包括页面中的图片或文字,或者图片和文字的组合;预设的页面中的元素各自的显示方式为将所述页面中的图片或文字或图片和文字的组合按照预设的大小、颜色、显示顺序以及显示效果进行显示的方式。除大小、颜色、显示顺序以及显示效果之外,在页面显示方式模板中还可对元素的其它属性进行预先设定。例如,页面显示方式模板中预设的文字大小包括大、中、小三种,图片显示风格包括黑白、立体、浮雕、怀旧等,文字出现方式为旋转式出现方式、两侧翻转式出现方式、从上而下式出现方式等,用户可选择相应的文字或者图片按照页面显示方式模板中预设的显示效果进行显示。
[0056]步骤S14,接收将页面中的元素配置到页面显示方式模板中的配置操作。
[0057]在一个实施例中,用户将页面中的元素按照各自的显示方式配置到页面显示方式模板中,终端设备接收这一操作,形成具有具体内容的页面。
[0058]步骤S15,当接收到对页面的显示指令时,按照页面显
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1