Login| Sign Up| Help| Contact|

Patent Searching and Data


Title:
PAGE SWITCHING METHOD AND APPARATUS
Document Type and Number:
WIPO Patent Application WO/2012/028039
Kind Code:
A1
Abstract:
Provided is a method and apparatus for switching between pages: displaying the current message page (101); when a touch operation is detected, rendering page-turning animation based on the touch operation and playback the page-turning animation (102); when the touch operation stops, displaying an adjacent message page (103). Methods and devices utilizing this scheme can achieve a smooth transition when switching between the previous and the next message pages.

Inventors:
LI XUNGENG (CN)
ZHENG LINZHOU (CN)
JIANG QIAN (CN)
LIU DAN (CN)
DUANMU HENG (CN)
CHEN YU (CN)
YANG YANMIN (CN)
WANG MAO (CN)
WANG ZONGQING (CN)
YAO XIAOWEN (CN)
WANG QING (CN)
Application Number:
PCT/CN2011/077103
Publication Date:
March 08, 2012
Filing Date:
July 13, 2011
Export Citation:
Click for automatic bibliography generation   Help
Assignee:
TENCENT TECH SHENZHEN CO LTD (CN)
LI XUNGENG (CN)
ZHENG LINZHOU (CN)
JIANG QIAN (CN)
LIU DAN (CN)
DUANMU HENG (CN)
CHEN YU (CN)
YANG YANMIN (CN)
WANG MAO (CN)
WANG ZONGQING (CN)
YAO XIAOWEN (CN)
WANG QING (CN)
International Classes:
G06F3/0483; G06F3/0488
Foreign References:
CN101382862A2009-03-11
KR20100090876A2010-08-18
US5463725A1995-10-31
CN101887647A2010-11-17
CN101923435A2010-12-22
Attorney, Agent or Firm:
DEQI INTELLECTUAL PROPERTY LAW CORPORATION (CN)
北京德琦知识产权代理有限公司 (CN)
Download PDF:
Claims:
权利要求书

1、 一种页面切换方法, 其特征在于, 包括:

显示当前消息页面;

当接收到触摸操作时, 根据所述触摸操作绘制翻页动画, 并播放所 述翻页动画;

当所述触摸操作停止时, 显示相邻消息页面。

2、 根据权利要求 1 所述的方法, 其特征在于, 所述根据所述触摸 操作绘制翻页动画包括:

判断所述触摸操作的滑动速度是否大于预设阈值,

如果是, 则绘制模拟书本快速翻页的快速翻页动画;

如果否, 则绘制模拟书本慢速翻页的翻页中动画。

3、 根据权利要求 2所述的方法, 其特征在于, 所述绘制模拟书本 快速翻页的快速翻页动画包括:

根据所述触摸操作的触摸点的位置和滑动方向, 获取一条水平方向 上的从视图区一端到另一端的所述触摸点的运动轨迹;

绘制从所述运动轨迹起点到终点的翻页中动画。

4、 根据权利要求 2或 3所述的方法, 其特征在于, 所述绘制模拟 书本慢速翻页的翻页中动画包括:

根据所述触摸操作的触摸点的位置和纸张翻折特性, 计算用于显示 当前消息指定部分的第一区域、 用于显示所述相邻消息的指定部分的第 二区域和用于显示页面背面的第三区域;

绘制包含所述第一区域、 第二区域和第三区域的翻页动画。

5、 根据权利要求 4所述的方法, 其特征在于, 所述绘制包含所述 第一区域、 第二区域和第三区域的翻页动画包括:

将视图分为两层结构, 按照由上到下的顺序分别称为第一层结构和 第二层结构;

在所述第一层结构中, 在所述第一区域中保持当前消息的内容, 将 所述第二区域绘制为透明色, 以便去除所述第二区域中所述当前消息的 内容, 并透出所述第二层结构中所述第二区域对应的相邻消息的内容, 将所述第三区域绘制为预设颜色, 以便表示页面背面。

6、 根据权利要求 5所述的方法, 其特征在于, 所述方法还包括: 对所述第三区域和所述第一区域的连接处做圓滑处理, 以模拟纸面 卷曲的效果。

7、 根据权利要求 1、 2或 3所述的方法, 其特征在于, 所述方法还 包括:

从显示当前消息页面开始, 如果在预设时长内没有接收到任何操 作, 则显示下一条相邻消息页面。

8、 一种页面切换装置, 其特征在于, 包括:

第一显示模块, 用于显示当前消息页面;

操作接收模块, 用于接收触摸操作;

动画绘制模块, 用于根据所述触摸操作绘制翻页动画;

播放模块, 用于播放所述翻页动画;

第二显示模块, 用于当所述触摸操作停止时, 显示相邻消息页面。

9、 根据权利要求 8 所述的装置, 其特征在于, 所述动画绘制模块 具体包括:

判断单元, 用于判断所述触摸操作的滑动速度是否大于预设阈值; 绘制单元, 用于当判断结果为是时, 绘制模拟书本快速翻页的快速 翻页动画, 当判断结果为否时, 绘制模拟书本慢速翻页的翻页中动画。

10、 根据权利要求 9所述的装置, 其特征在于, 所述绘制单元具体 包括: 第一绘制子单元, 用于绘制快速翻页动画, 包括: 根据所述触摸操 作的触摸点的位置和滑动方向, 获取一条水平方向上的从视图区一端到 另一端的所述触摸点的运动轨迹; 绘制从所述运动轨迹起点到终点的翻 页中动画;

第二绘制子单元, 用于绘制翻页中动画, 包括: 根据所述触摸操作 的触摸点的位置和纸张翻折特性, 计算用于显示当前消息指定部分的第 一区域、 用于显示所述相邻消息的指定部分的第二区域和用于显示页面 背面的第三区域; 绘制包含所述第一区域、 第二区域和第三区域的翻页 动画。

11、 根据权利要求 10 所述的装置, 其特征在于, 所述视图包括两 层结构, 按照由上到下的顺序分别称为第一层结构和第二层结构; 所述第二绘制子单元在所述第一层结构中, 在所述第一区域中保持 当前消息的内容, 将所述第二区域绘制为透明色, 以便去除所述第二区 域上所述当前消息的内容, 并透出第二层结构中所述第二区域对应的相 邻消息的内容, 将第三区域绘制为预设颜色, 以便表示页面背面。

12、 根据权利要求 10或 11所述的装置, 其特征在于, 所述第二绘 制子单元进一步用于, 对所述第三区域和所述第一区域的连接处做圓滑 处理, 以模拟纸面卷曲的效果。

13、 根据权利要求 8、 9、 10或 11所述的装置, 其特征在于, 所述 第二显示模块进一步用于, 从所述第一显示模块显示当前消息页面开 始, 如果在预设时长内没有接收到任何操作, 则显示下一条相邻消息页 面。

Description:
页面切换方法和装置

技术领域

本发明涉及网络技术, 特别涉及一种页面切换方法和装置。 发明背景

如今, 随着手机网络的不断普及, 微博这款最初按照手机使用习惯 设计的产品越来越受到用户的喜爱。 微博即微型博客的筒称, 是一款基 于用户关系的互联网应用产品, 用户可以通过各种互联网终端登录并分 享、 传播和获取信息。

在对现有技术进行分析后, 发明人发现现有技术中至少具有如下问 题: 当用户浏览消息进行翻页时, 即进行前后消息的切换时, 无法实现 平緩过渡。 发明内容

本发明实施例提供了一种页面切换方法和装置 , 能够实现前后消息 切换时的平緩过渡。

为达到上述目的, 本发明的技术方案是这样实现的:

一种页面切换方法, 包括:

显示当前消息页面;

当接收到触摸操作时, 根据所述触摸操作绘制翻页动画, 并播放所 述翻页动画;

当所述触摸操作停止时, 显示相邻消息页面。

一种页面切换装置, 包括:

第一显示模块, 用于显示当前消息页面; 操作接收模块, 用于接收触摸操作;

动画绘制模块, 用于根据所述触摸操作绘制翻页动画;

播放模块, 用于播放所述翻页动画;

第二显示模块, 用于当所述触摸操作停止时, 显示相邻消息页面。 可见, 采用本发明所述方案, 根据用户的触摸操作绘制并播放模拟 书本翻页效果的翻页动画, 从而实现了前后消息切换时的平緩过渡。 附图简要说明

下面将通过参照附图详细描述本发明的示例性 实施例, 使本领域的 普通技术人员更清楚本发明的上述及其它特征 和优点, 附图中:

图 1为本发明页面切换方法实施例的流程图;

图 2为本发明页面切换方法较佳实施例的流程图

图 3为本发明方法实施例中翻页中动画的绘制方 示意图; 图 4为本发明页面切换装置实施例的组成结构示 图。 实施本发明的方式

为使本发明的技术方案更加清楚、明白,以下 参照附图并举实施例, 对本发明所述方案进行详细说明。

图 1为本发明页面切换方法实施例的流程图。 如图 1所示, 包括以 下步骤:

步骤 101 : 显示当前消息页面。

步骤 102: 当接收到触摸操作时, 根据该触摸操作绘制翻页动画, 并播放该翁 3页动画。

步骤 103: 当触摸操作停止时, 显示相邻消息页面。

所述相邻消息可以是指上一条相邻消息, 也可以是指下一条相邻消 息。

可见, 本发明所述方案中, 根据用户的触摸操作绘制并播放模拟书 本翻页效果的翻页动画, 从而实现了前后消息切换时的平緩过渡。

其中, 根据用户触摸操作的滑动速度的不同, 可绘制不同的翻页动 画, 具体来说, 如果滑动速度大于预设阈值, 则绘制模拟书本快速翻页 的快速翻页动画, 否则, 绘制模拟书本慢速翻页的翻页中动画。

另外, 从显示当前消息页面开始, 如果在预设时长内没有接收到用 户的任何操作, 可自动显示下一条相邻消息, 即进行自动翻页, 从而加 速消息的推广。

图 2为本发明页面切换方法较佳实施例的流程图 如图 2所示, 包 括以下步骤:

步骤 201 : 显示当前消息页面。

步骤 202: 判断在预设时长内是否接收到用户的任何操作 , 如果是, 则执行步骤 204; 如果否, 则执行步骤 203。

其中, 预设时长可以由系统预设, 也可以由用户根据自身的阅览习 惯进行设置。

步骤 203: 显示下一条相邻消息页面, 结束。

如果在预设时长内未接收到用户的任何操作, 包括翻页、 向下等, 则,默认用户已经阅览完当前消息, 自动显示下一条相邻消息的页面, 以 达到自动向用户展示消息内容的目的。

需要说明的是, 所述页面指的是显示消息的视图, 视图的大小根据 消息的最大容量设置, 在 專系统中, 一条消息的最大容量为 140字, 那么, 视图的大小至少应是能够在同一页面查看 140字。

步骤 204: 判断接收到的操作是否是触摸操作, 如果是, 则执行步 骤 206; 如果否, 则执行步骤 205。 触摸操作可以是由用户的指尖接触屏幕的操作 , 也可以是由手写笔 进行的操作, 不做限定。

步骤 205: 执行接收到的操作, 结束。

本领域技术人员可以获知, 操作可以有多种, 如关闭当前页面、 放 大当前页面部分区域或其它对页面或应用程序 的操作等。

步骤 206: 判断触摸操作的滑动速度是否大于预设阈值, 如果是, 则执行步骤 207; 如果否, 则执行步骤 208。

判断的目的是为了区分触摸操作属于快滑动还 是慢滑动, 当滑动速 度大于预设阈值时, 属于快滑动, 当滑动速度小于或等于预设阈值时, 属于慢滑动, 根据判断结果的不同, 后续将采取不同的处理方式。

步骤 207: 绘制模拟书本快速翻页的快速翻页动画, 然后执行步骤

209。

触摸操作的滑动方向可以有两个, 即向右滑动和向左滑动, 向右滑 动对应向前翻阅, 即查阅上一条相邻消息, 向左滑动对应向后翻阅, 即 查阅下一条相邻消息。

本步骤的具体实现可包括:

207a: 根据触摸操作的触摸点的位置和滑动方向, 获取一条水平方 向上的从视图区一端到另一端的触摸点的运动 轨迹;

207b: 绘制从运动轨迹起点到终点的翻页中动画。

需要说明的是, 当判断触摸操作为快滑动时, 也可以按照滑动方向 播放预先绘制好的翻页动画,如向右滑动,则 播放向前翻页的翻页动画, 如向左滑动, 则播放向后翻页的翻页动画, 以便加快处理速度, 节约使 用资源。

步骤 208:绘制模拟书本慢速翻页的翻页中动画,然 执行步骤 209。 根据触摸操作的触摸点位置等, 绘制显示当前消息的指定部分和相 邻消息的指定部分的翻页动画。

本步骤的具体实现可包括:

208a: 根据触摸操作的触摸点位置和纸张翻折特性, 计算用于显示 当前消息指定部分的第一区域、 用于显示相邻消息的指定部分的第二区 域和用于显示页面背面的第三区域。

需要说明的是, 翻页动画的视图采取两层结构, 按照由上到下的顺 序分为称为第一层结构和第二层结构; 第一层结构中包括当前消息的内 容, 第二层结构中包括相邻消息的内容, 在未触发动画前, 第一层覆盖 第二层, 当前视图中显示的为当前消息的内容。

图 3为本发明方法实施例中翻页中动画的绘制方 示意图。 如图 3 所示, 当触摸点的位置为 P点时, 计算可得第一区域 A、 第二区域 C和 第三区域

208b: 绘制包含第一区域、 第二区域和第三区域的翻页动画。

具体的, 在视图的第一层结构中, 在第一区域 A中保持当前消息的 内容, 将第二区域 C绘制为透明色, 以便去除原第二区域 C中当前消息 的内容, 并在此区域透出第二层结构中该区域对应的相 邻消息的内容, 将第三区域 B绘制为预设颜色, 表示页面背面。

进一步地,对第三区域 B和第一区域 A的连接处做圓滑处理, 以模 拟纸面卷曲的效果, 使得动画效果更加逼真。

上述绘制翻页动画的过程为: 根据触摸操作的触摸点和滑动方向, 通过在视图的第一层结构和第二层结构中显示 当前消息的指定部分和 相邻消息的指定部分, 以绘制翻页动画。进一步的,上述步骤 207和 208 是根据对触摸操作滑动速度的判断, 选择展示不同效果的翻页动画的过 程。

步骤 209: 播放绘制好的翻页动画。 需要说明的是, 当播放模拟书本慢速翻页的翻页中动画时, 由于触 摸点的位置在移动, 所以需要根据各个区域范围随触摸点的变化而 同时 绘制翻页动画, 并播放翻页动画, 以模拟翻页中的效果, 从而实现前后 消息切换时的平緩过渡。

步骤 210: 当触摸操作停止时, 显示相邻消息页面, 结束。

本发明中的页面切换方法可以应用于 GOOGLE 公司推出的 ANDROID手机操作系统, 也可以应用于其它具有手动触摸屏的塞班系 统; 并可应用于微博系统向用户推送热门广播等场 景, 当向用户推送热 门广播时, 可根据是否在预设时长内接收到用户的操作来 判断是否需要 自动翻页, 使得用户可以在自动或手动的情况下阅读热门 广播。

图 4为本发明页面切换装置实施例的组成结构示 图。如图 4所示, 该装置包括:

第一显示模块 401 , 用于显示当前消息页面;

操作接收模块 402 , 用于接收触摸操作;

动画绘制模块 403, 用于根据触摸操作绘制模拟书本翻页的翻页动 画;

播放模块 404 , 用于播放该翻页动画;

第二显示模块 405, 用于当触摸操作停止时, 显示相邻消息页面。 其中, 动画绘制模块 403中可具体包括:

判断单元 403a, 用于判断触摸操作的滑动速度是否大于预设阈 值, 绘制单元 403b, 用于当判断结果为是时, 绘制模拟书本快速翻页的 快速翻页动画, 当判断结果为否时, 绘制模拟书本慢速翻页的翻页中动 画。

绘制单元 403b中可具体包括(为筒化附图, 未图示):

第一绘制子单元, 用于绘制快速翻页动画, 包括: 根据触摸操作的 触摸点的位置和滑动方向, 获取一条水平方向上的从视图区一端到另一 端的触摸点的运动轨迹; 绘制从运动轨迹起点到终点的翻页中动画; 第二绘制子单元, 用于绘制翻页中动画, 包括: 根据触摸操作的触 摸点的位置和纸张翻折特性, 计算用于显示当前消息指定部分的第一区 域、 用于显示相邻消息的指定部分的第二区域和用 于显示页面背面的第 三区域; 绘制包含第一区域、 第二区域和第三区域的翻页动画。

视图包括两层结构, 按照由上到下的顺序分别称为第一层结构和第 二层结构; 第二绘制子单元在第一层结构中, 在第一区域中保持当前消 息的内容, 将第二区域绘制为透明色, 以便去除第二区域上当前消息的 内容, 并透出第二层结构中第二区域对应的相邻消息 的内容, 将第三区 域绘制为预设颜色, 以便表示页面背面。

第二绘制子单元还可进一步用于, 对第三区域和第一区域的连接处 做圓滑处理, 以模拟纸面卷曲的效果。

另外, 第二显示模块 405可进一步用于, 从第一显示模块 401显示 当前消息页面开始, 如果在预设时长内没有接收到任何操作, 则显示下 一条相邻消息页面。

本实施例提供的装置, 与方法实施例属于同一构思, 其具体实现过 程详见方法实施例, 这里不再赘述。

本发明实施例提供的上述技术方案的全部或部 分可以通过程序指 令相关的硬件来完成, 所述程序可以存储在可读取的存储介质中, 该存 储介质包括: ROM、 RAM, 磁碟或者光盘等各种可以存储程序代码的 介质。

以上所述仅为本发明的较佳实施例而已, 并不用以限制本发明, 凡 在本发明的精神和原则之内, 所做的任何修改、 等同替换、 改进等, 均 应包含在本发明的保护范围之内。




 
Previous Patent: WIRELESS UNION

Next Patent: METHOD FOR OPEN DIATOM CULTIVATION