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

页面切换方法和装置 Download PDF

Info

Publication number
WO2012028039A1
WO2012028039A1 PCT/CN2011/077103 CN2011077103W WO2012028039A1 WO 2012028039 A1 WO2012028039 A1 WO 2012028039A1 CN 2011077103 W CN2011077103 W CN 2011077103W WO 2012028039 A1 WO2012028039 A1 WO 2012028039A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
area
animation
touch operation
message
Prior art date
Application number
PCT/CN2011/077103
Other languages
English (en)
French (fr)
Inventor
李训耕
郑林州
蒋倩
刘丹
端木恒
陈郁
杨衍民
王茂
汪宗清
姚晓文
王清
Original Assignee
腾讯科技（深圳）有限公司
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 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2012028039A1 publication Critical patent/WO2012028039A1/zh
Priority to US13/677,902 priority Critical patent/US20130076758A1/en

Links

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

Definitions

  • the present invention relates to network technologies, and in particular, to a page switching method and apparatus. Background of the invention
  • Weibo the microblogging
  • Users can log in and share, distribute and access information through various Internet terminals.
  • the embodiment of the invention provides a page switching method and device, which can realize a smooth transition when messages are switched before and after.
  • a page switching method includes:
  • a page switching device includes:
  • a first display module configured to display a current message page
  • An operation receiving module configured to receive a touch operation
  • An animation drawing module configured to draw a page turning animation according to the touch operation
  • a playing module configured to play the page turning animation
  • a second display module configured to display an adjacent message page when the touch operation is stopped.
  • FIG. 1 is a flowchart of an embodiment of a page switching method according to the present invention.
  • FIG. 2 is a flowchart of a preferred embodiment of a page switching method according to the present invention.
  • FIG. 3 is a schematic diagram of a drawing manner of an animation in a page turning in an embodiment of the method according to the present invention
  • FIG. 4 is a schematic structural diagram of an embodiment of a page switching device according to the present invention. Mode for carrying out the invention
  • FIG. 1 is a flowchart of an embodiment of a page switching method according to the present invention. As shown in Figure 1, the following steps are included:
  • Step 101 Display the current message page.
  • Step 102 When receiving a touch operation, draw a page turning animation according to the touch operation, and play the 3 page animation.
  • Step 103 When the touch operation is stopped, the adjacent message page is displayed.
  • the adjacent message may refer to the previous adjacent message, or may refer to the next adjacent cancellation. Interest.
  • the page turning animation of the page turning effect of the simulated book is drawn and played according to the touch operation of the user, thereby realizing a smooth transition when the message is switched before and after.
  • different page turning animations may be drawn. Specifically, if the sliding speed is greater than the preset threshold, a fast page turning animation of the simulated book fast page turning is drawn, otherwise, the simulated book is drawn. An animated page flip in slow page turning.
  • the next adjacent message can be automatically displayed, that is, the automatic page turning is performed, thereby accelerating the promotion of the message.
  • FIG. 2 is a flow chart of a preferred embodiment of a page switching method according to the present invention. As shown in Figure 2, the following steps are included:
  • Step 201 Display the current message page.
  • Step 202 Determine whether any operation of the user is received within the preset duration, if yes, execute step 204; if no, perform step 203.
  • the preset duration can be preset by the system, or can be set by the user according to his or her own reading habits.
  • Step 203 Display the next adjacent message page and end.
  • the default user has browsed the current message and automatically displays the page of the next adjacent message to automatically display the message content to the user. the goal of.
  • the page refers to a view that displays a message
  • the size of the view is set according to the maximum capacity of the message.
  • the maximum capacity of a message is 140 words, then the size of the view should be at least View 140 words on the same page.
  • Step 204 Determine whether the received operation is a touch operation, if yes, execute step 206; if no, execute step 205.
  • the touch operation may be an operation of touching the screen by the user's fingertip, or an operation performed by the stylus, which is not limited.
  • Step 205 Execute the received operation and end.
  • Step 206 Determine whether the sliding speed of the touch operation is greater than a preset threshold. If yes, go to step 207; if no, go to step 208.
  • the purpose of the judgment is to distinguish whether the touch operation is fast sliding or slow sliding. When the sliding speed is greater than the preset threshold, it belongs to fast sliding. When the sliding speed is less than or equal to the preset threshold, it belongs to slow sliding. According to different judgment results, follow-up Different treatments will be taken.
  • Step 207 Draw a quick page turning animation of the simulated book flipping page, and then perform the steps
  • the sliding direction of the touch operation can be two, that is, sliding to the right and sliding to the left, sliding to the right corresponding to the forward scrolling, that is, referring to the previous adjacent message, sliding to the left corresponding to the backward reading, that is, the next adjacent message is consulted.
  • This step may include:
  • 207a Acquire a motion trajectory of a touch point from one end of the view area to the other end in a horizontal direction according to the position and the sliding direction of the touch point of the touch operation;
  • the pre-drawn page-turning animation may also be played in the sliding direction. For example, if the user slides to the right, the page-turning animation of the page-turning is played, for example, sliding to the left. Play a page flip animation that flips pages backwards to speed up processing and save resources.
  • Step 208 Draw a page-turning animation that simulates a slow page turning of the book, and then step 209 is performed. Draws the specified part and phase of the current message according to the touch point position of the touch operation, etc. A page flip animation of a specified portion of a neighbor message.
  • This step may include:
  • 208a calculating, according to a touch point position and a paper folding characteristic of the touch operation, a first area for displaying a specified portion of the current message, a second area for displaying a specified portion of the adjacent message, and a third for displaying a back side of the page region.
  • the view of the page turning animation adopts a two-layer structure, which is divided into a first layer structure and a second layer structure according to the order from top to bottom; the first layer structure includes the content of the current message, and the second layer The structure includes the content of the adjacent message. Before the animation is triggered, the first layer covers the second layer, and the content of the current message is displayed in the current view.
  • FIG. 3 is a schematic diagram of a drawing manner of an animation in a page turning in an embodiment of the method of the present invention. As shown in FIG. 3, when the position of the touched point is the P point, the first area A, the second area C, and the third area are calculated.
  • the content of the current message is kept in the first area A, and the second area C is drawn as a transparent color, so as to remove the content of the current message in the original second area C, and
  • the area reveals the content of the adjacent message corresponding to the area in the second layer structure, and draws the third area B as a preset color, indicating the back side of the page.
  • connection between the third area B and the first area A is rounded to simulate the effect of curling the paper surface, so that the animation effect is more realistic.
  • the process of drawing the page turning animation is as follows: according to the touch point and the sliding direction of the touch operation, by displaying the specified part of the current message and the specified part of the adjacent message in the first layer structure and the second layer structure of the view, Page animation. Further, the above steps 207 and 208 are based on the judgment of the sliding speed of the touch operation, and the process of displaying the page turning animation showing different effects is selected.
  • Step 209 Play the drawn page flip animation. It should be noted that when the animation of the page turning in the slow flip of the simulated book is played, since the position of the touched point is moving, it is necessary to simultaneously draw the page turning animation according to the change of the touch point of each area, and play the page turning. Animate, to simulate the effect of turning pages, so as to achieve a smooth transition between before and after message switching.
  • Step 210 When the touch operation is stopped, the adjacent message page is displayed, and the process ends.
  • the page switching method in the present invention can be applied to the ANDROID mobile phone operating system launched by Google, and can also be applied to other Saipan systems with manual touch screens; and can be applied to the microblog system to push popular broadcasts to users, etc.
  • a popular broadcast is pushed, it is determined whether or not automatic page turning is required according to whether the user's operation is received within a preset time period, so that the user can read the popular broadcast automatically or manually.
  • FIG. 4 is a schematic structural diagram of an embodiment of a page switching apparatus according to the present invention. As shown in Figure 4, the device includes:
  • a first display module 401 configured to display a current message page
  • An operation receiving module 402 configured to receive a touch operation
  • An animation drawing module 403, configured to draw a page-turning motion of a simulated book turning page according to a touch operation
  • a playing module 404 configured to play the page turning animation
  • the second display module 405 is configured to display an adjacent message page when the touch operation is stopped.
  • the animation drawing module 403 may specifically include:
  • the determining unit 403a is configured to determine whether the sliding speed of the touch operation is greater than a preset threshold, and the drawing unit 403b is configured to: when the determination result is YES, draw a quick page turning animation of the quick flip of the simulated book, when the determination result is no, Draw an in-page animation that simulates a slow flip of a book.
  • the drawing unit 403b may specifically include (for the drawing, not shown):
  • a first drawing sub-unit for drawing a quick page turning animation including: according to a touch operation Touching the position and sliding direction of the point to obtain a motion trajectory of the touch point from one end of the view area to the other end in the horizontal direction; drawing the page-turning animation from the start point to the end point of the motion track; the second drawing sub-unit for drawing
  • the page-turning animation includes: calculating a first area for displaying a specified portion of the current message, a second area for displaying a specified portion of the adjacent message, and for using the position of the touched point of the touch operation and the paper folding characteristic
  • the third area on the back of the page is displayed; the page flip animation containing the first area, the second area, and the third area is drawn.
  • the view includes a two-layer structure, which is respectively referred to as a first layer structure and a second layer structure in order from top to bottom; the second drawing subunit maintains the content of the current message in the first area in the first layer structure, The second area is drawn as a transparent color, so as to remove the content of the current message on the second area, and reveal the content of the adjacent message corresponding to the second area in the second layer structure, and draw the third area as a preset color, so as to represent The back of the page.
  • the second drawing subunit may be further configured to perform a rounding process on the joint of the third area and the first area to simulate the effect of the paper surface curling.
  • the second display module 405 can be further configured to start from the first display module 401 displaying the current message page, and if no operation is received within the preset duration, the next adjacent message page is displayed.
  • the device provided in this embodiment is the same as the method embodiment, and the specific implementation process is described in the method embodiment, and details are not described herein again.
  • All or part of the above technical solutions provided by the embodiments of the present invention may be completed by hardware related to program instructions, and the program may be stored in a readable storage medium, and the storage medium includes: a ROM, a RAM, a magnetic disk or an optical disk. And other media that can store program code.

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)

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, 磁碟或者光盘等各种可以存储程序代码的 介质。
以上所述仅为本发明的较佳实施例而已， 并不用以限制本发明， 凡 在本发明的精神和原则之内， 所做的任何修改、 等同替换、 改进等， 均 应包含在本发明的保护范围之内。

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所述的装置， 其特征在于， 所述 第二显示模块进一步用于， 从所述第一显示模块显示当前消息页面开 始， 如果在预设时长内没有接收到任何操作， 则显示下一条相邻消息页 面。
PCT/CN2011/077103 2010-09-02 2011-07-13 页面切换方法和装置 WO2012028039A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US13/677,902 US20130076758A1 (en) 2010-09-02 2012-11-15 Page Switching Method And Device

Applications Claiming Priority (2)

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

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US13/677,902 Continuation US20130076758A1 (en) 2010-09-02 2012-11-15 Page Switching Method And Device

Publications (1)

Publication Number Publication Date
WO2012028039A1 true WO2012028039A1 (zh) 2012-03-08

Family

ID=45772140

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2011/077103 WO2012028039A1 (zh) 2010-09-02 2011-07-13 页面切换方法和装置

Country Status (3)

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

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103365574A (zh) * 2012-03-27 2013-10-23 百度在线网络技术（北京）有限公司 一种用于执行翻页操作的方法和设备

Families Citing this family (56)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103324403B (zh) * 2012-03-22 2015-11-04 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
KR101437090B1 (ko) * 2012-06-08 2014-09-11 스핀노트 주식회사 보조페이지 출력이 가능한 출력장치, 보조페이지 출력방법 및 그 방법을 구현하는 프로그램이 기록된 기록매체
CN103488411B (zh) * 2012-06-13 2016-06-01 腾讯科技（深圳）有限公司 切换页面的方法和装置
CN103513912B (zh) * 2012-06-29 2016-06-22 中国移动通信集团公司 一种界面切换方法及装置
CN102799381B (zh) * 2012-07-13 2016-08-10 优视科技有限公司 浏览器窗口的处理方法及装置
CN102799687A (zh) * 2012-07-30 2012-11-28 北界创想（北京）软件有限公司 显示网页的方法及装置
CN103021007B (zh) 2012-09-04 2016-01-13 小米科技有限责任公司 一种动画播放的方法及装置
CN102866916B (zh) * 2012-09-07 2014-12-24 华为终端有限公司 一种终端及动态加载应用程序界面的方法
CN102929941A (zh) * 2012-09-29 2013-02-13 四川长虹电器股份有限公司 基于安卓平台浏览器Web页面的滑动加载方法
CN102981718A (zh) * 2012-10-11 2013-03-20 北京掌中浩阅科技有限公司 一种电子读物的模拟真书翻页效果的方法
WO2014079043A1 (zh) * 2012-11-23 2014-05-30 华为技术有限公司 实现远程浏览的方法及装置
CN103019557B (zh) * 2012-11-26 2016-06-01 北京奇虎科技有限公司 页面切换方法和装置
CN103034683B (zh) * 2012-11-26 2016-12-21 北京奇虎科技有限公司 用于浏览器的页面切换方法和装置
JP5963663B2 (ja) 2012-12-20 2016-08-03 インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ オブジェクト選択装置、方法およびプログラム
CN103984686B (zh) * 2013-02-07 2018-10-12 阿里巴巴集团控股有限公司 页面切换方法及装置
CN103106039B (zh) * 2013-02-19 2018-04-20 广东欧珀移动通信有限公司 一种移动终端的页面切换方法及装置
CN103530030B (zh) * 2013-03-18 2017-02-15 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
CN104216647A (zh) * 2013-05-30 2014-12-17 腾讯科技（深圳）有限公司 一种邮件浏览方法及装置
KR102156291B1 (ko) 2013-08-05 2020-09-15 삼성전자주식회사 전자 문서의 일부 영역을 암호화하는 방법 및 장치
CN104423785B (zh) * 2013-09-05 2019-06-14 腾讯科技（深圳）有限公司 一种视图切换方法及终端
CN103605472A (zh) * 2013-11-04 2014-02-26 天脉聚源(北京)传媒科技有限公司 一种界面控制方法和装置
CN103648041A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN103648039A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面切换方法及装置
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置
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
CN104281407A (zh) * 2014-07-01 2015-01-14 上海凡诚软件有限公司 特殊显示效果的触摸屏操作方法
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
KR102217723B1 (ko) 2015-03-18 2021-02-19 스냅 인코포레이티드 지오-펜스 인가 프로비저닝
US10135949B1 (en) 2015-05-05 2018-11-20 Snap Inc. Systems and methods for story and sub-story navigation
CN106855780A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 输入操作的处理方法、装置和智能终端
CN106855778A (zh) * 2015-12-09 2017-06-16 阿里巴巴集团控股有限公司 界面操作的处理方法、装置和智能终端
US10354425B2 (en) 2015-12-18 2019-07-16 Snap Inc. Method and system for providing context relevant media augmentation
TWI724096B (zh) * 2017-01-23 2021-04-11 香港商斑馬智行網絡（香港）有限公司 介面操作的處理方法、裝置和智慧終端
US10582277B2 (en) 2017-03-27 2020-03-03 Snap Inc. Generating a stitched data stream
US10581782B2 (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 腾讯科技（深圳）有限公司 安卓系统中衔接页面的方法、装置及电子设备
CN107885553B (zh) * 2017-11-30 2021-05-18 北京小米移动软件有限公司 动画加载方法、装置及电子设备
CN110322537B (zh) * 2018-03-29 2023-05-23 成都野望数码科技有限公司 一种幻灯片过渡动画编辑方法和相关装置
CN111712787B (zh) 2018-05-21 2022-03-08 华为技术有限公司 一种显示控制方法及终端
CN109032492B (zh) * 2018-07-27 2020-09-15 腾讯音乐娱乐科技（深圳）有限公司 一种切歌的方法及装置
CN109086105B (zh) * 2018-08-14 2022-12-06 北京奇艺世纪科技有限公司 一种页面布局转换方法、装置及电子设备
CN110968373A (zh) * 2018-09-29 2020-04-07 北京国双科技有限公司 一种页面切换的实现方法、装置、存储介质及处理器
CN109446025B (zh) * 2018-10-17 2022-08-23 北京字节跳动网络技术有限公司 一种操作行为的回放方法、装置、电子设备及可读介质
CN110007831B (zh) * 2019-03-29 2021-01-29 珠海豹好玩科技有限公司 一种翻页控制方法、装置及终端设备
CN111176504B (zh) * 2019-12-18 2021-12-24 华为技术有限公司 一种界面元素的显示方法及电子设备
CN111796895A (zh) * 2020-06-29 2020-10-20 上海掌门科技有限公司 一种切换标签页的方法与设备
CN112351347B (zh) * 2020-10-26 2024-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质

Citations (5)

* 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
CN101382862A (zh) * 2007-09-06 2009-03-11 诚研科技股份有限公司 图像浏览方法以及相关图像浏览装置
KR20100090876A (ko) * 2009-02-09 2010-08-18 에스케이 텔레콤주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101887647A (zh) * 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
CN101923435A (zh) * 2010-08-24 2010-12-22 福州瑞芯微电子有限公司 电子书模拟真实翻页效果的方法

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB0117543D0 (en) * 2001-07-18 2001-09-12 Hewlett Packard Co Document viewing device
WO2003040908A1 (en) * 2001-11-06 2003-05-15 Zinio Systems, Inc. Electronic simulation of interaction with images of printed matter
KR100486711B1 (ko) * 2002-08-12 2005-05-03 삼성전기주식회사 개인용 정보 단말기의 페이지 넘김 장치 및 방법
CN101256466B (zh) * 2008-02-29 2012-02-15 鹏智科技(深圳)有限公司 一种可体现电子文档翻页效果的电子装置及方法
CN101655766B (zh) * 2008-08-22 2012-03-28 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
CN101751206A (zh) * 2008-12-19 2010-06-23 英华达股份有限公司 电子书装置及其操作方法
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

Patent Citations (5)

* 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
CN101382862A (zh) * 2007-09-06 2009-03-11 诚研科技股份有限公司 图像浏览方法以及相关图像浏览装置
KR20100090876A (ko) * 2009-02-09 2010-08-18 에스케이 텔레콤주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101887647A (zh) * 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
CN101923435A (zh) * 2010-08-24 2010-12-22 福州瑞芯微电子有限公司 电子书模拟真实翻页效果的方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103365574A (zh) * 2012-03-27 2013-10-23 百度在线网络技术（北京）有限公司 一种用于执行翻页操作的方法和设备

Also Published As

Publication number Publication date
CN102385473A (zh) 2012-03-21
US20130076758A1 (en) 2013-03-28

Similar Documents

Publication Publication Date Title
WO2012028039A1 (zh) 页面切换方法和装置
US8976199B2 (en) Visual embellishment for objects
US10871868B2 (en) Synchronized content scrubber
US20230137850A1 (en) Method, apparatus, device and medium for posting a video or image
TWI626608B (zh) 互動式展示廣告單元
CN108629033B (zh) 电子文本的操纵和显示
CN103747362A (zh) 一种截取视频片段的方法和装置
CN107992246A (zh) 一种视频编辑方法与其装置及智能终端
US10078427B1 (en) Zooming while page turning in a document
US20130246948A1 (en) Control method and control device
US10972798B2 (en) Display method and device for attached media information
KR20160111546A (ko) 콘텐츠 내의 현재 위치를 가변 스크러빙 레이트로 이동시키기 위한 장치, 방법 및 그래픽 사용자 인터페이스
JP2023536520A (ja) マルチメディアコンテンツを提供する方法、装置及び機器
US11392287B2 (en) Method, device, and storage mediumfor switching among multimedia resources
WO2013113985A1 (en) Method, apparatus and computer program product for generation of motion images
WO2022116962A1 (zh) 视频播放方法、装置及电子设备
WO2017142627A1 (en) Touch gesture control of video playback
WO2019105062A1 (zh) 一种内容显示方法、装置和终端设备
KR20170129864A (ko) Ugc에 대한 피드백을 제공하고 피드백 정보를 디스플레이하는 방법 및 단말기
JP7187737B2 (ja) ユーザーインタフェースを提供する方法、プログラム及び電子機器
CN110662104B (zh) 视频拖动条生成方法、装置、电子设备及存储介质
WO2023273692A1 (zh) 信息回复方法、装置、电子设备、计算机存储介质和产品
CN115097990A (zh) 书籍交互方法、装置、设备和存储介质
TWI275299B (en) An editing method of synchronous broadcast multimedia
TWM541066U (zh) 網頁廣告系統

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 11821065

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 26/07/2013)

122 Ep: pct application non-entry in european phase

Ref document number: 11821065

Country of ref document: EP

Kind code of ref document: A1