CN102385473A - 页面切换方法和装置 - Google Patents

页面切换方法和装置 Download PDF

Info

Publication number
CN102385473A
CN102385473A CN2010102732523A CN201010273252A CN102385473A CN 102385473 A CN102385473 A CN 102385473A CN 2010102732523 A CN2010102732523 A CN 2010102732523A CN 201010273252 A CN201010273252 A CN 201010273252A CN 102385473 A CN102385473 A CN 102385473A
Authority
CN
China
Prior art keywords
page
area
page turning
touch operation
message
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
Application number
CN2010102732523A
Other languages
English (en)
Inventor
李训耕
郑林州
蒋倩
刘丹
端木恒
陈郁
杨衍民
王茂
汪宗清
姚晓文
王清
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN2010102732523A priority Critical patent/CN102385473A/zh
Priority to PCT/CN2011/077103 priority patent/WO2012028039A1/zh
Publication of CN102385473A publication Critical patent/CN102385473A/zh
Priority to US13/677,902 priority patent/US20130076758A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面切换方法和装置，属于网络技术领域。该方法包括：接收用户的触摸操作；根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；播放所述翻页动画；将显示当前消息的页面切换为显示相邻消息的页面。该装置包括：操作接收模块、动画绘制模块、播放模块和页面切换模块。本发明通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。

Description

页面切换方法和装置
技术领域
本发明涉及网络技术领域，特别涉及一种页面切换方法和装置。
背景技术
如今，随着手机网络的不断普及，微博这款最初按照手机使用习惯设计的产品越来越受到用户的喜爱。如何在有限的时间内，推送给用户合适的信息，并让用户在浏览信息时有很好的视觉和操作体验，一直是首要的问题。
在对现有技术进行分析后，发明人发现现有技术至少具有如下缺点：
现有技术中浏览信息时的翻页效果视觉效果生硬，操作体验差。
发明内容
本发明实施例提供了一种页面切换方法和装置。所述技术方案如下：
一种页面切换方法，包括：
接收用户的触摸操作；
根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；
播放所述翻页动画；
将显示当前消息的页面切换为显示相邻消息的页面。
根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括：
根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。
根据所述触摸操作的触摸点和滑动方向，绘制翻页动画，具体包括：
判断所述触摸操作的滑动速度是否大于预设阈值，
如果是，绘制模拟书本快速翻页的翻页动画；
如果否，则根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画。
绘制模拟书本快速翻页的翻页动画，具体包括：
根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；绘制所述运动轨迹从起点到终点的翻页动画。
根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画，具体包括：
根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；
绘制包含所述第一区域、第二区域和第三区域的翻页动画。
绘制包含所述第一区域、第二区域和第三区域的翻页动画，具体包括：
视图包括两层结构，在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面。
所述方法还包括：
对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。
将显示当前消息的页面切换为显示相邻消息的页面，还包括：
当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。
所述方法还包括：
如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
一种页面切换装置，包括：
操作接收模块，用于接收用户的触摸操作；
动画绘制模块，用于根据所述触摸操作的触摸点和滑动方向，绘制翻页动画；
播放模块，用于播放所述翻页动画；
页面切换模块，用于将显示当前消息的页面切换为显示相邻消息的页面。
所述动画绘制模块具体用于根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。
所述动画绘制模块具体包括：
判断单元，用于判断所述触摸操作的滑动速度是否大于预设阈值，
如果是，触发用于绘制模拟书本快速翻页的翻页动画的第一动画绘制单元；
如果否，则触发用于根据所述触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的第二动画绘制单元。
所述第一动画绘制单元具体包括：
运动轨迹获取子单元，用于根据所述触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的所述触摸点的运动轨迹；
第一动画绘制子单元，用于绘制所述运动轨迹从起点到终点的翻页动画。
所述第二动画绘制单元具体包括：
区域计算子单元，用于根据所述触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示所述相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；
第二动画绘制子单元，用于绘制包含所述第一区域、第二区域和第三区域的翻页动画。
第二动画绘制子单元具体用于在所述视图的第一层结构中，将所述第一区域中保持当前消息的内容，将所述第二区域绘制为透明色，以便去除所述第二区域上所述当前消息的内容，并在所述第二区域透出第二层结构中所述第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面，其中，所述视图包括两层结构。
所述第二动画绘制单元还包括：
圆滑处理子单元，用于对所述第三区域和所述第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。
所述页面切换模块还用于当所述触摸点离开视图区或所述触摸操作停止时，将所述页面切换为显示所述相邻消息的页面。
所述页面切换模块还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
本发明实施例提供的技术方案的有益效果是：
通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图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和第三区域B。
207b：根据纸张的翻折特性，绘制该三个区域的翻页动画；
具体的，在视图的第一层结构中，将第一区域A中保持当前消息的内容，将第二区域C绘制为透明色，以便去除原第二区域上当前消息的内容，并在此区域透出第二层结构中该区域对应的相邻消息的内容，将第三区域绘制为预设颜色，表示页面背面。
进一步地，对第三区域和第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果，使得动画效果更加逼真。
进一步地，当该触摸点离开视图区或该触摸操作停止时，将该页面切换为显示该相邻消息的页面。
上述绘制翻页动画的过程为：根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。进一步的，上述步骤206和207是根据对触摸操作滑动速度的判断，选择展示不同操作效果的翻页动画的过程。
208：播放绘制好的翻页动画；
需要说明的是，当播放模拟慢速翻页的翻页动画时，由于触摸点的位置在移动中，所以需根据各个区域范围随触摸点的变化而同时绘制翻页动画，并播放翻页动画，以模拟翻页中的效果，以实现前后消息切换时的平缓过渡。
209：将显示当前消息的页面切换为显示相邻消息的页面。
该方法可以用于微博系统中向用户推送热门广播的应用场景，当向用户推送热门广播时，可根据是否在预设时长内接收到用户的操作来判断是否需要自动翻页，使得用户可以在自动或手动的情况下阅读热门广播。
本发明实施例提供的方法，通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。
实施例3
为了提高用户的使用体验，本发明实施例提供了一种页面切换装置，参见图4，该装置包括：
操作接收模块401，用于接收用户的触摸操作；
动画绘制模块402，用于根据该触摸操作的触摸点和滑动方向，绘制模拟书本翻页的翻页动画；
播放模块403，用于播放该翻页动画；
页面切换模块404，用于将显示当前消息的页面切换为显示相邻消息的页面。
动画绘制模块402具体用于根据所述触摸操作的触摸点和滑动方向，通过在视图的第一层结构和第二层结构中显示当前消息的指定部分和相邻消息的指定部分，以绘制翻页动画。
参见图5，该动画绘制模块402具体包括：
判断单元402a，用于判断该触摸操作的滑动速度是否大于预设阈值，
如果是，触发用于绘制模拟书本快速翻页的翻页动画的第一动画绘制单元402b；
如果否，则触发用于根据该触摸操作的触摸点位置和滑动方向，绘制模拟书本慢速翻页的翻页动画的第二动画绘制单元402c。
该第一动画绘制单元402b具体包括：
运动轨迹获取子单元，用于根据该触摸操作的触摸点的位置和滑动方向，获取一条水平方向上的从视图区一端到另一端的该触摸点的运动轨迹；
第一动画绘制子单元，用于绘制该运动轨迹从起点到终点的翻页动画。
该第二动画绘制单元402c具体包括：
区域计算子单元，用于根据该触摸操作的触摸点位置和纸张翻折特性，计算用于显示当前消息指定部分的第一区域、用于显示该相邻消息的指定部分的第二区域和用于显示页面背面的第三区域；
第二动画绘制子单元，用于绘制包含该第一区域、第二区域和第三区域的翻页动画。
第二动画绘制子单元具体用于在该视图的第一层结构中，将该第一区域中保持当前消息的内容，将该第二区域绘制为透明色，以便去除该第二区域上该当前消息的内容，并在该第二区域透出第二层结构中该第二区域对应的相邻消息的内容，将第三区域绘制为预设颜色，以便表示页面背面，其中，该视图包括两层结构。
该第二动画绘制单元402c还包括：
圆滑处理子单元，用于对该第三区域和该第一区域的连接处做圆滑处理，以模拟纸面卷曲的效果。
该页面切换模块404还用于当该触摸点离开视图区或该触摸操作停止时，将该页面切换为显示该相邻消息的页面。
该页面切换模块404还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
本实施例提供的装置，与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
本发明实施例提供的装置，通过根据用户的操作情况，播放类似翻页效果的翻页动画，并通过对用户触摸操作的速度进行判断，根据判断结果为用户绘制并播放可同时显示当前消息指定部分和相邻消息指定部分的翻页动画或模拟快速翻页效果的翻页动画，以实现前后消息切换时的平缓过渡。
本发明实施例提供的上述技术方案的全部或部分可以通过程序指令相关的硬件来完成，所述程序可以存储在可读取的存储介质中，该存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (18)

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所述的装置，其特征在于，所述页面切换模块还用于如果在预设时长内没有接收到用户的操作，则切换为显示当前消息相邻的下一条消息的页面。
CN2010102732523A 2010-09-02 2010-09-02 页面切换方法和装置 Pending CN102385473A (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN2010102732523A CN102385473A (zh) 2010-09-02 2010-09-02 页面切换方法和装置
PCT/CN2011/077103 WO2012028039A1 (zh) 2010-09-02 2011-07-13 页面切换方法和装置
US13/677,902 US20130076758A1 (en) 2010-09-02 2012-11-15 Page Switching Method And Device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2010102732523A CN102385473A (zh) 2010-09-02 2010-09-02 页面切换方法和装置

Publications (1)

Publication Number Publication Date
CN102385473A true CN102385473A (zh) 2012-03-21

Family

ID=45772140

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2010102732523A Pending CN102385473A (zh) 2010-09-02 2010-09-02 页面切换方法和装置

Country Status (3)

Country Link
US (1) US20130076758A1 (zh)
CN (1) CN102385473A (zh)
WO (1) WO2012028039A1 (zh)

Cited By (36)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102799381A (zh) * 2012-07-13 2012-11-28 优视科技有限公司 浏览器窗口的处理方法及装置
CN102799687A (zh) * 2012-07-30 2012-11-28 北界创想（北京）软件有限公司 显示网页的方法及装置
CN102929941A (zh) * 2012-09-29 2013-02-13 四川长虹电器股份有限公司 基于安卓平台浏览器Web页面的滑动加载方法
CN102981718A (zh) * 2012-10-11 2013-03-20 北京掌中浩阅科技有限公司 一种电子读物的模拟真书翻页效果的方法
CN103019557A (zh) * 2012-11-26 2013-04-03 北京奇虎科技有限公司 页面切换方法和装置
CN103034683A (zh) * 2012-11-26 2013-04-10 北京奇虎科技有限公司 用于浏览器的页面切换方法和装置
CN103106039A (zh) * 2013-02-19 2013-05-15 广东欧珀移动通信有限公司 一种移动终端的页面切换方法及装置
CN103229132A (zh) * 2012-11-23 2013-07-31 华为技术有限公司 实现远程浏览的方法及装置
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
CN103365574A (zh) * 2012-03-27 2013-10-23 百度在线网络技术（北京）有限公司 一种用于执行翻页操作的方法和设备
WO2013185556A1 (zh) * 2012-06-13 2013-12-19 腾讯科技（深圳）有限公司 切换页面的方法和装置、计算机存储介质
CN103513912A (zh) * 2012-06-29 2014-01-15 中国移动通信集团公司 一种界面切换方法及装置
CN103530030A (zh) * 2013-03-18 2014-01-22 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
CN103605472A (zh) * 2013-11-04 2014-02-26 天脉聚源(北京)传媒科技有限公司 一种界面控制方法和装置
WO2014036817A1 (zh) * 2012-09-07 2014-03-13 华为终端有限公司 一种终端及动态加载应用程序界面的方法
WO2014036857A1 (zh) * 2012-09-04 2014-03-13 小米科技有限责任公司 一种动画播放的方法，装置及设备
CN103648041A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置
CN103648039A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN103885673A (zh) * 2012-12-20 2014-06-25 国际商业机器公司 对象选择设备和对象选择方法
CN103984686A (zh) * 2013-02-07 2014-08-13 阿里巴巴集团控股有限公司 页面切换方法及装置
CN104216647A (zh) * 2013-05-30 2014-12-17 腾讯科技（深圳）有限公司 一种邮件浏览方法及装置
CN104281407A (zh) * 2014-07-01 2015-01-14 上海凡诚软件有限公司 特殊显示效果的触摸屏操作方法
CN104423785A (zh) * 2013-09-05 2015-03-18 腾讯科技（深圳）有限公司 一种视图切换方法及终端
CN104662509A (zh) * 2012-06-08 2015-05-27 纺报有限公司 可输出辅助页的输出装置、辅助页输出方法及记录有体现该方法的程序的记录媒介
WO2017097142A1 (zh) * 2015-12-09 2017-06-15 阿里巴巴集团控股有限公司 界面操作的处理方法、装置和智能终端
CN106855780A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 输入操作的处理方法、装置和智能终端
CN107885553A (zh) * 2017-11-30 2018-04-06 北京小米移动软件有限公司 动画加载方法、装置及电子设备
CN109032492A (zh) * 2018-07-27 2018-12-18 腾讯音乐娱乐科技（深圳）有限公司 一种切歌的方法及装置
CN109086105A (zh) * 2018-08-14 2018-12-25 北京奇艺世纪科技有限公司 一种页面布局转换方法、装置及电子设备
CN110322537A (zh) * 2018-03-29 2019-10-11 成都野望数码科技有限公司 一种幻灯片过渡动画编辑方法和相关装置
CN111176504A (zh) * 2019-12-18 2020-05-19 华为技术有限公司 一种界面元素的显示方法及电子设备
CN111796895A (zh) * 2020-06-29 2020-10-20 上海掌门科技有限公司 一种切换标签页的方法与设备
CN112351347A (zh) * 2020-10-26 2021-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质
TWI724096B (zh) * 2017-01-23 2021-04-11 香港商斑馬智行網絡（香港）有限公司 介面操作的處理方法、裝置和智慧終端
US11829581B2 (en) 2018-05-21 2023-11-28 Huawei Technologies Co., Ltd. Display control method and terminal

Families Citing this family (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102156291B1 (ko) 2013-08-05 2020-09-15 삼성전자주식회사 전자 문서의 일부 영역을 암호화하는 방법 및 장치
JP6229473B2 (ja) * 2013-12-13 2017-11-15 ブラザー工業株式会社 表示装置およびプログラム
CN104932949A (zh) * 2014-03-17 2015-09-23 中兴通讯股份有限公司 一种基于标志捕捉的用户界面过渡效果的测量方法和装置
US9396354B1 (en) 2014-05-28 2016-07-19 Snapchat, Inc. Apparatus and method for automated privacy protection in distributed images
US9537811B2 (en) 2014-10-02 2017-01-03 Snap Inc. Ephemeral gallery of ephemeral messages
US9113301B1 (en) 2014-06-13 2015-08-18 Snapchat, Inc. Geo-location based event gallery
US10824654B2 (en) 2014-09-18 2020-11-03 Snap Inc. Geolocation-based pictographs
US10284508B1 (en) 2014-10-02 2019-05-07 Snap Inc. Ephemeral gallery of ephemeral messages with opt-in permanence
US9385983B1 (en) 2014-12-19 2016-07-05 Snapchat, Inc. Gallery of messages from individuals with a shared interest
US10311916B2 (en) 2014-12-19 2019-06-04 Snap Inc. Gallery of videos set to an audio time line
US10133705B1 (en) 2015-01-19 2018-11-20 Snap Inc. Multichannel system
KR102035405B1 (ko) 2015-03-18 2019-10-22 스냅 인코포레이티드 지오-펜스 인가 프로비저닝
US10135949B1 (en) 2015-05-05 2018-11-20 Snap Inc. Systems and methods for story and sub-story navigation
US10354425B2 (en) 2015-12-18 2019-07-16 Snap Inc. Method and system for providing context relevant media augmentation
US10581782B2 (en) 2017-03-27 2020-03-03 Snap Inc. Generating a stitched data stream
US10582277B2 (en) 2017-03-27 2020-03-03 Snap Inc. Generating a stitched data stream
CN108664454B (zh) * 2017-03-30 2020-09-11 掌阅科技股份有限公司 电子书页面显示方法、装置和终端设备
CN109426532B (zh) * 2017-08-22 2021-08-20 腾讯科技（深圳）有限公司 安卓系统中衔接页面的方法、装置及电子设备
CN110968373A (zh) * 2018-09-29 2020-04-07 北京国双科技有限公司 一种页面切换的实现方法、装置、存储介质及处理器
CN109446025B (zh) * 2018-10-17 2022-08-23 北京字节跳动网络技术有限公司 一种操作行为的回放方法、装置、电子设备及可读介质
CN110007831B (zh) * 2019-03-29 2021-01-29 珠海豹好玩科技有限公司 一种翻页控制方法、装置及终端设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040026605A1 (en) * 2002-08-12 2004-02-12 Samsung Electro-Mechanics Co., Ltd. Apparatus and method for turning a page in a personal information terminal
CN101256466A (zh) * 2008-02-29 2008-09-03 鹏智科技(深圳)有限公司 一种可体现电子文档翻页效果的电子装置及方法
CN101382862A (zh) * 2007-09-06 2009-03-11 诚研科技股份有限公司 图像浏览方法以及相关图像浏览装置
CN101655766A (zh) * 2008-08-22 2010-02-24 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
CN101751206A (zh) * 2008-12-19 2010-06-23 英华达股份有限公司 电子书装置及其操作方法

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5463725A (en) * 1992-12-31 1995-10-31 International Business Machines Corp. Data processing system graphical user interface which emulates printed material
GB0117543D0 (en) * 2001-07-18 2001-09-12 Hewlett Packard Co Document viewing device
US7171630B2 (en) * 2001-11-06 2007-01-30 Zinio Systems, Inc. Electronic simulation of interaction with printed matter
KR101135071B1 (ko) * 2009-02-09 2012-04-13 에스케이플래닛 주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101887647A (zh) * 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
US9141768B2 (en) * 2009-06-10 2015-09-22 Lg Electronics Inc. Terminal and control method thereof
US8400548B2 (en) * 2010-01-05 2013-03-19 Apple Inc. Synchronized, interactive augmented reality displays for multifunction devices
CN101923435B (zh) * 2010-08-24 2012-11-21 福州瑞芯微电子有限公司 电子书模拟真实翻页效果的方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040026605A1 (en) * 2002-08-12 2004-02-12 Samsung Electro-Mechanics Co., Ltd. Apparatus and method for turning a page in a personal information terminal
CN101382862A (zh) * 2007-09-06 2009-03-11 诚研科技股份有限公司 图像浏览方法以及相关图像浏览装置
CN101256466A (zh) * 2008-02-29 2008-09-03 鹏智科技(深圳)有限公司 一种可体现电子文档翻页效果的电子装置及方法
CN101655766A (zh) * 2008-08-22 2010-02-24 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
CN101751206A (zh) * 2008-12-19 2010-06-23 英华达股份有限公司 电子书装置及其操作方法

Cited By (50)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103324403B (zh) * 2012-03-22 2015-11-04 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
CN103365574A (zh) * 2012-03-27 2013-10-23 百度在线网络技术（北京）有限公司 一种用于执行翻页操作的方法和设备
CN104662509A (zh) * 2012-06-08 2015-05-27 纺报有限公司 可输出辅助页的输出装置、辅助页输出方法及记录有体现该方法的程序的记录媒介
US9921723B2 (en) 2012-06-13 2018-03-20 Tencent Technology (Shenzhen) Company Limited Method for switching pages, and electronic device and non-transitory computer readable storage medium for performing same
WO2013185556A1 (zh) * 2012-06-13 2013-12-19 腾讯科技（深圳）有限公司 切换页面的方法和装置、计算机存储介质
CN103513912A (zh) * 2012-06-29 2014-01-15 中国移动通信集团公司 一种界面切换方法及装置
CN103513912B (zh) * 2012-06-29 2016-06-22 中国移动通信集团公司 一种界面切换方法及装置
CN102799381B (zh) * 2012-07-13 2016-08-10 优视科技有限公司 浏览器窗口的处理方法及装置
CN102799381A (zh) * 2012-07-13 2012-11-28 优视科技有限公司 浏览器窗口的处理方法及装置
CN102799687A (zh) * 2012-07-30 2012-11-28 北界创想（北京）软件有限公司 显示网页的方法及装置
US9684990B2 (en) 2012-09-04 2017-06-20 Xiaomi Inc. Method and terminal for displaying an animation
WO2014036857A1 (zh) * 2012-09-04 2014-03-13 小米科技有限责任公司 一种动画播放的方法，装置及设备
WO2014036817A1 (zh) * 2012-09-07 2014-03-13 华为终端有限公司 一种终端及动态加载应用程序界面的方法
CN102929941A (zh) * 2012-09-29 2013-02-13 四川长虹电器股份有限公司 基于安卓平台浏览器Web页面的滑动加载方法
CN102981718A (zh) * 2012-10-11 2013-03-20 北京掌中浩阅科技有限公司 一种电子读物的模拟真书翻页效果的方法
CN103229132B (zh) * 2012-11-23 2016-01-27 华为技术有限公司 实现远程浏览的方法及装置
CN103229132A (zh) * 2012-11-23 2013-07-31 华为技术有限公司 实现远程浏览的方法及装置
WO2014079043A1 (zh) * 2012-11-23 2014-05-30 华为技术有限公司 实现远程浏览的方法及装置
CN103034683A (zh) * 2012-11-26 2013-04-10 北京奇虎科技有限公司 用于浏览器的页面切换方法和装置
CN103019557A (zh) * 2012-11-26 2013-04-03 北京奇虎科技有限公司 页面切换方法和装置
CN103019557B (zh) * 2012-11-26 2016-06-01 北京奇虎科技有限公司 页面切换方法和装置
CN103885673A (zh) * 2012-12-20 2014-06-25 国际商业机器公司 对象选择设备和对象选择方法
US10001915B2 (en) 2012-12-20 2018-06-19 International Business Machines Corporation Methods and devices for object selection in a computer
CN103984686A (zh) * 2013-02-07 2014-08-13 阿里巴巴集团控股有限公司 页面切换方法及装置
CN103984686B (zh) * 2013-02-07 2018-10-12 阿里巴巴集团控股有限公司 页面切换方法及装置
CN103106039A (zh) * 2013-02-19 2013-05-15 广东欧珀移动通信有限公司 一种移动终端的页面切换方法及装置
CN103530030A (zh) * 2013-03-18 2014-01-22 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
CN104216647A (zh) * 2013-05-30 2014-12-17 腾讯科技（深圳）有限公司 一种邮件浏览方法及装置
CN104423785B (zh) * 2013-09-05 2019-06-14 腾讯科技（深圳）有限公司 一种视图切换方法及终端
CN104423785A (zh) * 2013-09-05 2015-03-18 腾讯科技（深圳）有限公司 一种视图切换方法及终端
CN103605472A (zh) * 2013-11-04 2014-02-26 天脉聚源(北京)传媒科技有限公司 一种界面控制方法和装置
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置
CN103648039A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN103648041A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN104281407A (zh) * 2014-07-01 2015-01-14 上海凡诚软件有限公司 特殊显示效果的触摸屏操作方法
CN106855780A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 输入操作的处理方法、装置和智能终端
WO2017097142A1 (zh) * 2015-12-09 2017-06-15 阿里巴巴集团控股有限公司 界面操作的处理方法、装置和智能终端
TWI724096B (zh) * 2017-01-23 2021-04-11 香港商斑馬智行網絡（香港）有限公司 介面操作的處理方法、裝置和智慧終端
CN107885553A (zh) * 2017-11-30 2018-04-06 北京小米移动软件有限公司 动画加载方法、装置及电子设备
CN110322537A (zh) * 2018-03-29 2019-10-11 成都野望数码科技有限公司 一种幻灯片过渡动画编辑方法和相关装置
US11829581B2 (en) 2018-05-21 2023-11-28 Huawei Technologies Co., Ltd. Display control method and terminal
CN109032492A (zh) * 2018-07-27 2018-12-18 腾讯音乐娱乐科技（深圳）有限公司 一种切歌的方法及装置
CN109086105B (zh) * 2018-08-14 2022-12-06 北京奇艺世纪科技有限公司 一种页面布局转换方法、装置及电子设备
CN109086105A (zh) * 2018-08-14 2018-12-25 北京奇艺世纪科技有限公司 一种页面布局转换方法、装置及电子设备
CN111176504A (zh) * 2019-12-18 2020-05-19 华为技术有限公司 一种界面元素的显示方法及电子设备
WO2021120914A1 (zh) * 2019-12-18 2021-06-24 华为技术有限公司 一种界面元素的显示方法及电子设备
CN111796895A (zh) * 2020-06-29 2020-10-20 上海掌门科技有限公司 一种切换标签页的方法与设备
CN112351347A (zh) * 2020-10-26 2021-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质
CN112351347B (zh) * 2020-10-26 2024-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质

Also Published As

Publication number Publication date
WO2012028039A1 (zh) 2012-03-08
US20130076758A1 (en) 2013-03-28

Similar Documents

Publication Publication Date Title
CN102385473A (zh) 页面切换方法和装置
CN103425390B (zh) 信息交互方法和装置
CN103207728B (zh) 提供增强现实的方法和支持该方法的终端
CN103324403B (zh) 页面切换方法、装置和移动终端
CN104166547B (zh) 一种频道的控制方法和装置
CN104281360B (zh) 编辑处理装置以及编辑处理方法
CN104238880A (zh) 应用程序界面操作的引导方法、引导装置及移动终端
CN103151057A (zh) 音乐播放方法及第三方应用
CN102662555A (zh) 一种终端复选操作方法和终端
CN106909286A (zh) 一种基于终端的信息分享方法及装置
CN101661376A (zh) 一种窗口信息显示方法、系统及显示终端
CN105528173A (zh) 一种多媒体操作方法及终端
CN106325722A (zh) 基于触摸终端的3d用户界面交互方法及触摸终端
CN104951193A (zh) 菜单显示方法及装置
CN105549835A (zh) 一种信息处理方法及电子设备
CN103425382A (zh) 图标查找方法、装置及终端
CN104536652B (zh) 一种列表显示方法及终端
CN110908757B (zh) 一种媒体内容显示的方法以及相关装置
CN103326801A (zh) 一种在线信息播放控制方法、系统及移动终端
CN110807074A (zh) 一种基于地图js技术实现轨迹动态播放的方法
CN104822072A (zh) 推送视频的播放控制方法和播放系统以及客户端和服务器
CN107291564B (zh) 信息复制粘贴方法、装置和电子设备
CN104331248A (zh) 一种音乐播放器及其界面显示方法、移动终端
CN105183310A (zh) 一种信息编辑方法及终端
CN102736827A (zh) 一种移动终端支持3d翻转唱片封面的实现方式

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1168671

Country of ref document: HK

C12 Rejection of a patent application after its publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20120321