Page Switching Method And Device

• US 20130076758A1
• Filed: 11/15/2012
• Published: 03/28/2013
• Est. Priority Date: 09/02/2010
• Status: Abandoned Application

• Current Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Original Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Inventors: LI, Xungeng, CHEN, Yu, YAO, Xiaowen, WANG, Mao, ZHENG, Linzhou, YANG, Yanmin, LIU, Dan, JIANG, Qian, WANG, Zongqing, DUANMU, Heng, WANG, Qing
• Application Number:
  US13/677,902
• Publication Number:
  US 20130076758A1
• Time in Patent Office: Days
• US Class Current: 345/473
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06T 13/00 Animation

Abstract

A page switching method and device. The method includes: displaying current message page; when detecting a touch operation, drawing a page-turning animation according to the touch operation, and playing the page-turning animation; and when the touch operation stops, displaying an adjacent message page.

Claims

1. A page switching method, comprising:

displaying current message page;

when detecting a touch operation, drawing a page-turning animation according to the touch operation, and playing the page-turning animation; and

when the touch operation stops, displaying an adjacent message page.

2. The method according to claim 1, wherein drawing the page-turning animation according to the touch operation comprises:

determining whether sliding speed of the touch operation is larger than a preset threshold;

when the sliding speed of the touch operation is larger than the preset threshold, drawing a fast page-turning animation to imitate a fast book page-turning; and

when the sliding speed of the touch operation is equal to or smaller than the preset threshold, drawing an in-page-turning animation to imitate a slow book page-turning.

3. The method according to claim 2, wherein drawing the fast page-turning animation to imitate the fast book page-turning comprises:

obtaining a horizontal motion trace of a touch point from one side of a view area to the other side of the view area, according to touch point location and sliding direction of the touch operation; and

drawing the in-page-turning animation from a starting point of the motion trace to an ending point of the motion trace.

4. The method according to claim 2, wherein drawing the in-page-turning animation to imitate the slow book page-turning comprises:

computing a first area to display designated part of current message page, a second area to display designated part of an adjacent message page and a third area to display a page reverse side, according to touch point location of the touch operation and paper folding characteristics; and

drawing the page-turning animation which comprises the first area, the second area and the third area.

5. The method according to claim 4, wherein drawing the page-turning animation which comprises the first area, the second area and the third area comprises:

dividing a view into two layer structures, which are respectively referred to as a first layer structure and a second layer structure, according to a sequence from top to bottom;

maintaining to display contents of current message page in the first area of the first layer structure;

drawing the second area in the first layer structure as a transport color, so as to remove the contents of current message page previously displayed in the second area;

displaying in the second area of the first layer structure contents of an adjacent message page corresponding to a second area in the second layer structure; and

drawing the third area in the first layer structure as a preset color, so as to denote the page reverse side.

6. The method according to claim 5, further comprising:

performing a smooth process on connection points of the third area and the first area, to imitate paper curling effects.

7. The method according to claim 1, further comprising:

displaying a next adjacent message page, when no operation has been received within a preset duration, starting from displaying current message page.

8. A page switching device, comprising:

a first displaying module, which is to display current message page;

an operation receiving module, which is to receive a touch operation;

an animation drawing module, which is to draw a page-turning animation according to the touch operation;

a playing module, which is to play the page-turning animation; and

a second displaying module, which is to display an adjacent message page, when the touch operation stops.

9. The device according to claim 8, wherein the animation drawing module comprises:

a determining unit, which is to determine whether sliding speed of the touch operation is larger than a preset threshold; and

a drawing unit, which is to draw a fast page-turning animation to imitate a fast book page-turning, when the determining unit determines that the sliding speed of the touch operation is larger than the preset threshold;

the drawing unit is further to draw an in-page-turning animation to imitate a slow book page-turning, when the determining unit determines that the sliding speed of the touch operation is equal to or smaller than the preset threshold.

10. The device according to claim 9, wherein the drawing unit comprises a first drawing sub-unit and a second drawing sub-unit,

the first drawing sub-unit is to draw the fast page-turning animation, which comprises:

obtaining a horizontal motion trace of a touch point from one side of a view area to the other side of the view area, according to touch point location and sliding direction of the touch operation, and drawing the in-page-turning animation from a starting point of the motion trace to an ending point of the motion trace; and

the second drawing sub-unit is to draw the in-page-turning animation, which comprises;

computing a first area to display designated part of current message page, a second area to display designated part of an adjacent message page and a third area to display a page reverse side, according to the touch point location of the touch operation and paper folding characteristics, and drawing the page-turning animation which comprises the first area, the second area and the third area.

11. The device according to claim 10, wherein a view comprises two layer structures, which are respectively referred to as a first layer structure and a second layer structure based on a sequence from top to bottom,

the second drawing sub-unit, which is located in the first layer structure, is to enable the first area to maintain to display contents of current message page, draw the second area as a transparent color, so as to remove the contents of current message page previously displayed in the second area, enable the second area in the first layer structure to display contents of an adjacent message page corresponding to a second area in the second layer structure, draw the third area as a preset color, so as to denote the page reverse side.

12. The device according to claim 10, wherein the second drawing sub-unit is further to perform a smooth process on connection points of the third area and the first area, to imitate paper curling effects.

13. The device according to claim 8, wherein the second displaying module is further to display a next adjacent message page, when no operation has been detected within a preset duration, starting from displaying current message page by the first displaying module.