专利名称：页面切换方法和装置的制作方法
技术领域：
本发明涉及网络技术领域，特别涉及一种页面切换方法和装置。
背景技术：
如今，随着手机网络的不断普及，微博这款最初按照手机使用习惯设计的产品越来越受到用户的喜爱。如何在有限的时间内，推送给用户合适的信息，并让用户在浏览信息时有很好的视觉和操作体验，一直是首要的问题。在对现有技术进行分析后，发明人发现现有技术至少具有如下缺点现有技术中浏览信息时的翻页效果视觉效果生硬，操作体验差。
发明内容
本发明实施例提供了一种页面切换方法和装置。所述技术方案如下一种页面切换方法，包括接收用户的触摸操作；根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放所述翻页动画；将显示当前消息的页面切换为显示相邻消息的页面。根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括判断所述触摸操作的滑动速度是否大于预设阈值，如果是，绘制模拟书本快速翻页的翻页动画；如果否，则根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画。
绘制模拟书本快速翻页的翻页动画，具体包括根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；绘制所述运动轨迹从起点到终点的翻页动画。根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画，具体包括根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；绘制包含所述第一区域、第二区域和第三区域的翻页动画。绘制包含所述第一区域、第二区域和第三区域的翻页动画，具体包括视图包括两层结构，在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面。所述方法还包括对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。将显示当前消息的页面切换为显示相邻消息的页面，还包括当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。所述方法还包括如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。一种页面切换装置，包括操作接收模块，用于接收用户的触摸操作；动画绘制模块，用于根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放模块，用于播放所述翻页动画；页面切换模块，用于将显示当前消息的页面切换为显示相邻消息的页面。所述动画绘制模块具体用于根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。所述动画绘制模块具体包括判断单元，用于判断所述触摸操作的滑动速度是否大于预设阈值，如果是，触发用于绘制模拟书本快速翻页的翻页动画的第一动画绘制单元；如果否，则触发用于根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的第二动画绘制单元。所述第一动画绘制单元具体包括运动轨迹获取子单元，用于根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；第一动画绘制子单元，用于绘制所述运动轨迹从起点到终点的翻页动画。所述第二动画绘制单元具体包括区域计算子单元，用于根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；第二动画绘制子单元，用于绘制包含所述第一区域、第二区域和第三区域的翻页动画。第二动画绘制子单元具体用于在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面，其中，所述视图包括两层结构。所述第二动画绘制单元还包括
圆滑处理子单元，用于对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。所述页面切换模块还用于当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。所述页面切换模块还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。本发明实施例提供的技术方案的有益效果是通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本发明实施例提供的一种页面切换方法的流程图；图2是本发明实施例提供的一种页面切换方法的流程图；图3是本发明实施例提供的一种页面切换方法的示意图；图4是本发明实施例提供的一种页面切换装置的结构示意图；图5是本发明实施例提供的一种页面切换装置的结构示意图。
具体实施例方式为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。在介绍本发明提供的页面切换方法之前，首先对本发明涉及的概念进行简要的介绍 ANDROID =GOOGLE公司出的手机操作系统。微博即微型博客的简称，是一款基于用户关系的互联网应用产品，用户可以通过各种互联网终端登录并分享、传播和获取信息，其消息有字数限制，一般为140字。热门广播系统根据用户的关系链和地理位置等推送给用户的微博广播。实施例1为了提高用户的使用体验，本发明实施例提供了一种页面切换方法，参见图1，该方法包括101 接收用户的触摸操作；102 根据该触摸操作的触摸点和滑动方向，绘制翻页动画；103 播放该翻页动画；104 将显示当前消息的页面切换为显示相邻消息的页面。
本发明实施例提供的方法，通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。实施例2为了提高用户的使用体验，本发明实施例提供了一种页面切换方法，参见图2，该方法包括201 判断在预设时长内是否接收到用户的操作，如果是，执行步骤203 ；如果否，执行步骤202 ；其中，该预设时长可以由系统预设，还可以由用户根据自身的阅览习惯进行设置。在本发明实施例中，该页面切换的方法可以应用于ANDROID系统，也可以应用于其他具有手动触摸屏的塞班系统。202 切换为显示下一条消息的页面，结束。在本发明实施例中，通过设置一预设时长，并判断预设时长内是否接受到用户的操作，以判断用户的操作情况，当在预设时长内未接收到用户的操作，该操作包括翻页、向下等操作，则，假定用户已经阅览完该页面上的信息，即自动将当前页面切换为显示下一条消息的页面，以达到自动向用户展示广播内容的目的。需要说明的是，本发明实施例中所述的页面，指的是显示信息的视图，该视图的大小根据信息的最大容量设置，在微博系统中，该信息的最大容量为140字，则，该视图的大小至少应是能够在同一页面能够查看140字。203 判断接收到的操作是否是触摸操作，如果是，则执行步骤205 ；如果否，执行步骤204 ；在本发明实施例中，该触摸操作可以是由用户的指尖接触屏幕的操作，也可以是有手写笔进行的操作，本发明实施例对此不做具体限定。204 执行该接收到的操作，结束；本领域技术人员可以获知，该操作可以有多种，如关闭当前页面、放大当前页面部分区域或其他对页面或对应用程序的操作，本发明实施例对此不做具体限定。205 判断该触摸操作的滑动速度是否大于预设阈值，如果是，则执行步骤206 ；如果否，则执行步骤207;该判断的目的在于判断触摸操作属于快滑动还是慢滑动，当滑动速度大于预设阈值时，该触摸操作属于快滑动，当滑动速度小于或等于预设阈值时，该触摸操作属于慢滑动，从而在后续的步骤中根据触摸操作的具体情况为用户展示相邻的信息。206:根据所述触摸操作的触摸点和滑动方向，绘制模拟书本快速翻页的翻页动画，执行步骤208 ；在本发明实施例中，触摸操作的滑动方向可以有两个操作的方向，向右滑动和向左滑动，该向右滑动对应向前翻阅，即查阅上一条消息，该向左滑动对应向后翻阅，即查阅下一条消息。进一步地，该步骤206还可以包括206a:根据该触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的该触摸点的运动轨迹；206b 绘制该运动轨迹从起点到终点的翻页动画；206c 播放该翻页动画；需要说明的是，当判断触摸操作为快滑动时，也可以按照滑动方向播放预先绘制好的翻页动画，如向右滑动，则播放向前翻页的翻页动画，如向左滑动，则播放向后翻页的翻页动画，以便加快处理速度，节约使用资源。该步骤206a-206c中，根据触摸操作的情况，绘制并播放快速翻页动画的过程，通过该过程可以展示类似书本快速翻页的效果，在动画播放后，直接将页面切换为指定页面，提高了用户的视觉享受，使得使用手机时也能体验到阅读实体书的乐趣。207 根据该触摸操作的触摸点位置，绘制显示该当前消息的指定部分和该相邻消息的指定部分的翻页动画。该步骤207即是根据触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的过程。该模拟书本慢速翻页的翻页动画绘制的具体步骤包括207a 根据该触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示该相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；需要说明的是，该翻页动画的视图采取两层结构，该两层结构中，第一层结构中包括当前消息的内容，第二层结构中包括相邻消息的内容，在未触发动画前，第一层覆盖第二层，当前视图中显示的为当前消息的内容。参见图3，当触摸点的位置为P点时，计算可得第一区域A、第二区域C和第三区域B0207b 根据纸张的翻折特性，绘制该三个区域的翻页动画；具体的，在视图的第一层结构中，将第一区域A中保持当前消息的内容，将第二区域C绘制为透明色，以便去除原第二区域上当前消息的内容，并在此区域透出第二层结构中该区域对应的相邻消息的内容，将第三区域绘制为预设颜色，表示页面背面。进一步地，对第三区域和第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果，使得动画效果更加逼真。进一步地，当该触摸点离开视图区或该触摸操作停止时，将该页面切换为显示该相邻消息的页面。上述绘制翻页动画的过程为根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。进一步的，上述步骤206和207是根据对触摸操作滑动速度的判断，选择展示不同操作效果的翻页动画的过程。208 播放绘制好的翻页动画；需要说明的是，当播放模拟慢速翻页的翻页动画时，由于触摸点的位置在移动中，所以需根据各个区域范围随触摸点的变化而同时绘制翻页动画，并播放翻页动画，以模拟翻页中的效果，以实现前后消息切换时的平缓过渡。209 将显示当前消息的页面切换为显示相邻消息的页面。
该方法可以用于微博系统中向用户推送热门广播的应用场景，当向用户推送热门广播时，可根据是否在预设时长内接收到用户的操作来判断是否需要自动翻页，使得用户可以在自动或手动的情况下阅读热门广播。本发明实施例提供的方法，通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。实施例3为了提高用户的使用体验，本发明实施例提供了一种页面切换装置，参见图4，该装置包括操作接收模块401，用于接收用户的触摸操作；动画绘制模块402，用于根据该触摸操作的触摸点和滑动方向，绘制模拟书本翻页的翻页动画；播放模块403，用于播放该翻页动画；页面切换模块404，用于将显示当前消息的页面切换为显示相邻消息的页面。动画绘制模块402具体用于根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。参见图5，该动画绘制模块402具体包括判断单元40 ，用于判断该触摸操作的滑动速度是否大于预设阈值，如果是，触发用于绘制模拟书本快速翻页的翻页动画的第一动画绘制单元402b ；如果否，则触发用于根据该触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的第二动画绘制单元402c。该第一动画绘制单元40 具体包括运动轨迹获取子单元，用于根据该触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的该触摸点的运动轨迹；第一动画绘制子单元，用于绘制该运动轨迹从起点到终点的翻页动画。该第二动画绘制单元402c具体包括区域计算子单元，用于根据该触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示该相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；第二动画绘制子单元，用于绘制包含该第一区域、第二区域和第三区域的翻页动画。第二动画绘制子单元具体用于在该视图的第一层结构中，将该第一区域中保持当前消息的内容，将该第二区域绘制为透明色，以便去除该第二区域上该当前消息的内容，并在该第二区域透出第二层结构中该第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面，其中，该视图包括两层结构。该第二动画绘制单元402c还包括圆滑处理子单元，用于对该第三区域和该第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。该页面切换模块404还用于当该触摸点离开视图区或该触摸操作停止时，将该页面切换为显示该相邻消息的页面。该页面切换模块404还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。本实施例提供的装置，与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。本发明实施例提供的装置，通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。本发明实施例提供的上述技术方案的全部或部分可以通过程序指令相关的硬件来完成，所述程序可以存储在可读取的存储介质中，该存储介质包括R0M、RAM、磁碟或者光盘等各种可以存储程序代码的介质。以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
权利要求
1.一种页面切换方法，其特征在于，包括接收用户的触摸操作；根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放所述翻页动画；将显示当前消息的页面切换为显示相邻消息的页面。
2.根据权利要求1所述的方法，其特征在于，根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。
3.根据权利要求1或2所述的方法，其特征在于，根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括判断所述触摸操作的滑动速度是否大于预设阈值，如果是，绘制模拟书本快速翻页的翻页动画；如果否，则根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画。
4.根据权利要求3所述的方法，其特征在于，绘制模拟书本快速翻页的翻页动画，具体包括根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；绘制所述运动轨迹从起点到终点的翻页动画。
5.根据权利要求3所述的方法，其特征在于，根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画，具体包括根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；绘制包含所述第一区域、第二区域和第三区域的翻页动画。
6.根据权利要求4所述的方法，其特征在于，绘制包含所述第一区域、第二区域和第三区域的翻页动画，具体包括视图包括两层结构，在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面。
7.根据权利要求4或5所述的方法，其特征在于，所述方法还包括对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。
8.根据权利要求1所述的方法，其特征在于，将显示当前消息的页面切换为显示相邻消息的页面，还包括当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。
9.根据权利要求1所述的方法，其特征在于，所述方法还包括如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
10.一种页面切换装置，其特征在于，包括操作接收模块，用于接收用户的触摸操作；动画绘制模块，用于根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放模块，用于播放所述翻页动画；页面切换模块，用于将显示当前消息的页面切换为显示相邻消息的页面。
11.根据权利要求10所述的装置，其特征在于，所述动画绘制模块具体用于根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。
12.根据权利要求10或11所述的装置，其特征在于，所述动画绘制模块具体包括判断单元，用于判断所述触摸操作的滑动速度是否大于预设阈值，如果是，触发用于绘制模拟书本快速翻页的翻页动画的第一动画绘制单元；如果否，则触发用于根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的第二动画绘制单元。
13.根据权利要求11所述的装置，其特征在于，所述第一动画绘制单元具体包括运动轨迹获取子单元，用于根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；第一动画绘制子单元，用于绘制所述运动轨迹从起点到终点的翻页动画。
14.根据权利要求11所述的装置，其特征在于，所述第二动画绘制单元具体包括区域计算子单元，用于根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；第二动画绘制子单元，用于绘制包含所述第一区域、第二区域和第三区域的翻页动画。
15.根据权利要求11所述的装置，其特征在于，第二动画绘制子单元具体用于在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面，其中，所述视图包括两层结构。
16.根据权利要求13或14所述的装置，其特征在于，所述第二动画绘制单元还包括圆滑处理子单元，用于对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。
17.根据权利要求10所述的装置，其特征在于，所述页面切换模块还用于当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。
18.根据权利要求10所述的装置，其特征在于，所述页面切换模块还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
全文摘要
本发明公开了一种页面切换方法和装置，属于网络技术领域。该方法包括接收用户的触摸操作；根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放所述翻页动画；将显示当前消息的页面切换为显示相邻消息的页面。该装置包括操作接收模块、动画绘制模块、播放模块和页面切换模块。本发明通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。
文档编号G06F3/0483GK102385473SQ20101027325
公开日2012年3月21日 申请日期2010年9月2日 优先权日2010年9月2日
发明者刘丹, 姚晓文, 李训耕, 杨衍民, 汪宗清, 王清, 王茂, 端木恒, 蒋倩, 郑林州, 陈郁 申请人:腾讯科技(深圳)有限公司