CN108776574A - A kind of books display methods, device and computer readable storage medium - Google Patents

A kind of books display methods, device and computer readable storage medium Download PDF

Info

Publication number
CN108776574A
CN108776574A CN201810559278.0A CN201810559278A CN108776574A CN 108776574 A CN108776574 A CN 108776574A CN 201810559278 A CN201810559278 A CN 201810559278A CN 108776574 A CN108776574 A CN 108776574A
Authority
CN
China
Prior art keywords
books
paper
display
rotation process
predetermined angle
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
CN201810559278.0A
Other languages
Chinese (zh)
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.)
China Mobile Communications Group Co Ltd
MIGU Digital Media Co Ltd
MIGU Culture Technology Co Ltd
Original Assignee
China Mobile Communications Group Co Ltd
MIGU Digital Media Co Ltd
MIGU Culture Technology 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 China Mobile Communications Group Co Ltd, MIGU Digital Media Co Ltd, MIGU Culture Technology Co Ltd filed Critical China Mobile Communications Group Co Ltd
Priority to CN201810559278.0A priority Critical patent/CN108776574A/en
Publication of CN108776574A publication Critical patent/CN108776574A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00Manipulating 3D models or images for computer graphics
    • G06T19/20Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts

Abstract

The invention discloses a kind of books display methods, including:When detecting the touch operation for books, position of the touch operation corresponding region in display interface is obtained;The books are in the display interface neutrality body display;According to the position of acquisition, the quantity of the paper of pending rotation process is determined;For the paper for corresponding to the quantity in the books, rotation process is carried out according to the first predetermined angle, and show the books in the first way;When the parameter of the touch operation meets preset condition, rotation process is carried out according to the second predetermined angle, and show the books in a second manner.The present invention further simultaneously discloses a kind of books display device and computer readable storage medium.

Description

A kind of books display methods, device and computer readable storage medium
Technical field
The present invention relates to field of computer technology more particularly to a kind of books display methods, device and computer-readable deposit Storage media.
Background technology
Currently, with the fast development of computer technology, user is increasingly common by electronic equipment viewing electronic reading materials, And also have the advantages that environmental protection, low consumption, amount of storage are big.But relevant display library method is simple, cannot provide the user with Preferably experience.
Invention content
An embodiment of the present invention is intended to provide a kind of books display methods, device and computer readable storage medium, Neng Gouti For the e-book displaying scheme different from the relevant technologies.
What the technical solution of the embodiment of the present invention was realized in:
The embodiment of the present invention provides a kind of books display methods, the method includes:
When detecting the touch operation for books, position of the touch operation corresponding region in display interface is obtained It sets;The books are in the display interface neutrality body display;
According to the position of acquisition, the quantity of the paper of pending rotation process is determined;
For the paper for corresponding to the quantity in the books, rotation process is carried out according to the first predetermined angle, and with the One mode shows the books;When the parameter of the touch operation meets preset condition, revolved according to the second predetermined angle Turn operation, and shows the books in a second manner.
In said program, the position according to acquisition determines the quantity of the paper of pending rotation process, including:
According to the position of acquisition, judge whether the region belongs to the cover of the books;
When determining that the region belongs to the cover of the books, the history for obtaining user reads number of pages, by the history Read quantity of the number of pages as the paper of pending rotation process.
In said program, the side of the books is provided with tangible label;The position according to acquisition, determination wait holding The quantity of the paper of row rotation process, including:
When determining that the region belongs to the tangible label, from the correspondence of preset tangible label and books page number In relationship, the corresponding books page number of tangible label determined described in lookup;
According to the books page number of lookup, the quantity of the paper of pending rotation process is determined.
It is described for the paper for corresponding to the quantity in the books in said program, it is carried out according to the first predetermined angle Rotation process, including:
Using the center side line of the books as the rotation axis of the books;
For each paper in the paper for corresponding to the quantity in the books, respectively according to the rotation axis and One predetermined angle carries out rotation process;
Rotation process is carried out according to the second predetermined angle, including:
For each paper in the paper for corresponding to the quantity in the books, respectively according to the rotation axis and Two predetermined angle directions carry out rotation process.
In said program, the method further includes:
Obtain display library instruction;The display library instruction is used to indicate in display interface carries out three-dimensional exhibition to books Show;
It is instructed based on the display library, determines position of the solid show model of the books in the display interface It sets;
The relevant parameter for obtaining the books creates paper on the solid show model;The relevant parameter is at least Including:The interval of the total page number of the books, the preset thickness of individual paper, adjacent sheets;
Default surface plot using the books and default side view carry out textures to the paper of establishment, obtain described The books of solid show are carried out in display interface.
In said program, the method further includes:
Obtain the cubical parameter in basis;
By DOM Document Object Model interface, the cubical parameter in basis is passed into JavaScript scripts;
By the JavaScript scripts, determine each basic cube the location of in display interface;
Using the determining cubical position in basis, each basic cube is spliced, the solid show is obtained Model.
In said program, the method further includes:
Obtain page turn over operation instruction;Paper of the page turn over operation instruction for the books carries out page turn over operation;
Determine at least one paper of pending page turn over operation in the books;
According to prefixed time interval, to determining each paper, page turning is carried out according to the third predetermined angle of corresponding paper Operation;
Show the books after at least one paper sheet-turning.
In said program, the method further includes:
For at least one paper for carrying out page turn over operation in the books, determine at least one paper described aobvious Show the position in interface;
Using default old Background, textures are carried out at least one paper;
Show the books after at least one paper textures.
The embodiment of the present invention provides a kind of books display device, and described device includes:
Acquisition module, for when detecting the touch operation for books, obtaining the touch operation corresponding region and existing Position in display interface;The books are in the display interface neutrality body display;
Determining module determines the quantity of the paper of pending rotation process for the position according to acquisition;
Display module, for for the paper for corresponding to the quantity in the books, being revolved according to the first predetermined angle Turn operation, and shows the books in the first way;It is pre- according to second when the parameter of the touch operation meets preset condition If angle carries out rotation process, and shows the books in a second manner.
The embodiment of the present invention provides a kind of computer readable storage medium, is stored thereon with computer program, the calculating Machine program realizes the step of books display methods any one of described above when being executed by processor.
The embodiment of the present invention provides a kind of books display device, including:Memory, processor and storage are on a memory And the computer program that can be run on a processor;
Wherein, the processor is for when running the computer program, executing books any one of described above display side The step of method.
Books display methods, device and computer readable storage medium provided in an embodiment of the present invention, are directed to when detecting When the touch operation of books, position of the touch operation corresponding region in the display interface is obtained;The books be The display interface neutrality body display;According to the position of acquisition, the quantity of the paper of pending rotation process is determined;For institute The paper for corresponding to the quantity in books is stated, carries out rotation process according to the first predetermined angle, and in the first way described in display Books;When the parameter of the touch operation meets preset condition, rotation process is carried out according to the second predetermined angle, and with second Mode shows the books.In the embodiment of the present invention, for the paper determined, rotated according to the first predetermined angle, when described When the parameter of touch operation meets preset condition, is rotated according to the second predetermined angle, the dispaly state of the books may be implemented For:It was the state of closing after opening state before this, or it is opening state to close before this after state, and so, it is possible to realize when described " spring " effect is presented when books are touched by user, promotes user experience.
Description of the drawings
Fig. 1 is the implementation process schematic diagram of books display methods of the embodiment of the present invention;
Fig. 2 is the specific implementation flow schematic diagram that books of the embodiment of the present invention are shown;
Fig. 3 is that the embodiment of the present invention realizes that the solid show of books and paper make old specific implementation flow schematic diagram;
Fig. 4 is that the books of solid show of the embodiment of the present invention and paper make old schematic diagram;
Fig. 5 realizes that paper is fluffy for the embodiment of the present invention and makees old specific implementation flow schematic diagram;
Fig. 6, which is that paper of the embodiment of the present invention is fluffy, makees old schematic diagram;
Fig. 7 is that the embodiment of the present invention realizes the solid show of books and paper is fluffy makees old schematic diagram;
Fig. 8 is the composed structure schematic diagram one of books display device of the embodiment of the present invention;
Fig. 9 is the composed structure schematic diagram two of books display device of the embodiment of the present invention.
Specific implementation mode
In the related technology, electronic equipment usually shows e-book by two dimension, in this way, reader can only see e-book A face, that is, cover, each face of e-book cannot be watched, also cannot be based on reader to each face of e-book Touch operation determines different reading contents for reader.
Based on this, in the embodiment of the present invention, when detect for display interface neutrality body display books touch behaviour When making, obtains the touch operation and correspond to position of the triggering region of the books in the display interface;According to acquisition Position determines the quantity of the paper of pending rotation process;For the paper for corresponding to the quantity in the books, according to first Predetermined angle carries out rotation process, and shows the books in the first way;Item is preset when the parameter of the touch operation meets When part, rotation process is carried out according to the second predetermined angle, and show the books in a second manner.
The characteristics of in order to more fully hereinafter understand the embodiment of the present invention and technology contents, below in conjunction with the accompanying drawings to this hair The realization of bright embodiment is described in detail, appended attached drawing purposes of discussion only for reference, is not used for limiting the present invention.
As shown in Figure 1, the present invention will be described in detail embodiment books display methods, includes the following steps:
Step 101:When detecting the touch operation for books, the touch operation corresponding region is obtained on display circle Position in face.Wherein, the books are in the display interface neutrality body display.The region is the touch operation pair Answer the triggering region of the books.
Wherein, the touch operation can be specific operation, such as pressing operation.
When practical application, the books that 3 D stereo is shown in display interface can be detected.The 3 D stereo displaying The original state of books can be the state of closing, or opening state.
Step 102:According to the position of acquisition, the quantity of the paper of pending rotation process is determined.
In one embodiment, the position according to acquisition determines the quantity of the paper of pending rotation process, including: According to the position of acquisition, judge whether the triggering region belongs to the cover of the books;When determining that the triggering region belongs to When the cover of the books, the history for obtaining user reads number of pages, and the history is read number of pages as pending rotation process Paper quantity.
When practical application, when determining that the triggering region belongs to the cover of the books, user's history can also be obtained Reading progress reads progress according to the history and determines that the history of the user reads number of pages, the determining history is read Quantity of the number of pages as the paper of pending rotation process.
In one embodiment, the side of the books is provided with tangible label;The position according to acquisition, determination wait for The quantity of the paper of rotation process is executed, including:When determining that the triggering region belongs to the tangible label, from preset In the correspondence of tangible label and books page number, the corresponding books page number of tangible label determined described in lookup;Root It is investigated that the books page number looked for, determines the quantity of the paper of pending rotation process.
When practical application, the corresponding paper number of pages of the books page number can be the number of pages that the user's history is read; It can also be configured according to the actual demand of the user.
Step 103:For the paper for corresponding to the quantity in the books, rotation behaviour is carried out according to the first predetermined angle Make, and shows the books in the first way;When the parameter of the touch operation meets preset condition, according to the second preset angle Degree carries out rotation process, and shows the books in a second manner.
Wherein, the parameter of the touch operation can be duration or capacitance.
By taking user implements pressing operation to the books of capacitive touch screen neutrality body display as an example, when determining pending rotation After the quantity of the paper of operation, rotation process is carried out according to the first predetermined angle;When the duration of the pressing operation reaches default When duration, rotation process is carried out according to the second predetermined angle, shows the books in a second manner, alternatively, described when detecting When the capacitance of the corresponding touch area of pressing operation changes, i.e., at the end of the described pressing operation, according to the second preset angle Degree carries out rotation process, shows the books in a second manner.
Here, if the original state of the books of the solid show is to close state, first method corresponds to the figure The opening state of book, what second method corresponded to the books closes state;If the original state of the books of the solid show It is in an open state, then first method corresponds to the state of closing of the books, and second method corresponds to the opening state of the books.
In one embodiment, described for the paper for corresponding to the quantity in the books, according to the first predetermined angle into Row rotation process, including:Using the center side line of the books as the rotation axis of the books;For right in the books Each paper in the paper of the quantity is answered, carries out rotation process according to the rotation axis and the first predetermined angle respectively; Correspondingly, rotation process is carried out according to the second predetermined angle, including:For in the paper for corresponding to the quantity in the books Each paper carries out rotation process according to the rotation axis and the second predetermined angle direction respectively.
Wherein, the side refers to the one side that the cover of the books, bottom surface, paper are fixed, and cannot be to paper The one side of Zhang Zhihang rotation process.The center side line refers to normally being read for user with the word of the books when solid show The longitudinal centre line that the coordinate system established when reading determines, and by the central point of the side.
It here, can be according to the rotation axis if the original state of the books of the solid show is to close state With the first predetermined angle, and along the direction of the book cover carry out rotation process so that the books present " opening " state; When the parameter of the touch operation meets preset condition, according to the rotation axis and the second predetermined angle, and along the figure The direction of book back cover carries out rotation process, so that " closing " state is presented in the books.In this way, it is described that user can be allowed to perceive The cover of books or side generate " spring " effect after being clicked, and promote user experience.Wherein, the range of the first predetermined angle exists Between 0 degree to 90 degree, the range of the second predetermined angle is between 0 degree to 90 degree.
It, can be according to the rotation axis and first if the original state of the books of the solid show is in an open state Predetermined angle, and rotation process is carried out along the direction of the back cover of books, so that " closing " state is presented in the books;When described When the parameter of touch operation meets preset condition, according to the rotation axis and the second predetermined angle, and along the back cover of books Direction carry out rotation process so that the books present " opening " state.In this way, user can be allowed to perceive the books Cover or side generate " spring " effect after being clicked, and promote user experience.Wherein, the range of the first predetermined angle at 0 degree extremely Between 90 degree, the range of the second predetermined angle is between 0 degree to 90 degree.
In one embodiment, the method further includes:Obtain display library instruction;The display library instruction is used to indicate Solid show is carried out to books in display interface;It is instructed based on the display library, determines the solid show mould of the books Position of the type in the display interface;The relevant parameter for obtaining the books creates paper on the solid show model; The relevant parameter includes at least:The interval of the total page number of the books, the preset thickness of individual paper, adjacent sheets;It utilizes The default surface plot and default side view of the books carry out textures to the paper of establishment, obtain in the display interface into The books of row solid show.
In one embodiment, the method further includes:Obtain the cubical parameter in basis;It is connect by DOM Document Object Model Mouthful, the cubical parameter in basis is passed into JavaScript scripts;By the JavaScript scripts, determine each Basic cube is the location of in display interface;Using the determining cubical position in basis, to each basic cube Spliced, obtains the solid show model.
In one embodiment, the method further includes:Obtain page turn over operation instruction;The page turn over operation instruction is for institute The paper for stating books carries out page turn over operation;Determine at least one paper of pending page turn over operation in the books;According to default Time interval carries out page turn over operation to determining each paper according to the third predetermined angle of corresponding paper;Described in display at least Books after one paper sheet-turning.
In one embodiment, the method further includes:For in the books carry out page turn over operation at least one paper, Determine position of at least one paper in the display interface;Using default old Background, at least one paper Zhang Jinhang textures;Show the books after at least one paper textures.
It is rotated according to the first predetermined angle for the paper determined using the technical solution of the embodiment of the present invention, works as institute When stating the parameter of touch operation and meeting preset condition, is rotated according to the second predetermined angle, the display shape of the books may be implemented State is:It was the state of closing after opening state before this, or it is opening state to close before this after state, and so, it is possible to realize and work as institute Presentation " spring " effect when books are touched by user is stated, user experience is promoted.
Below by taking specific embodiment as an example, the realization process and principle that the present invention will be described in detail in practical applications.
Fig. 2 is the specific implementation flow schematic diagram that books of the embodiment of the present invention are shown, implements process, including walk as follows Suddenly:
Step 201:Monitor the action event of the cover sheet and side paper for the books of 3 D stereo displaying.
Here, the action event can be click event, can also be press event.The figure of the 3 D stereo displaying The original state of book is to close state.
Step 202:When listening to the clicking operation for the cover sheet of the books, the history for obtaining user is read Progress.
It can be the page number that user's history is read that the history, which reads progress,.
Step 203:When listening to the clicking operation of preset tangible label in the side paper for the books, According to the correspondence of preset tangible label and books page number, corresponding books page number is determined.
Step 204:Progress and books page number are read according to the history, determines the number of the paper of pending rotation process Amount, and execute rotation process.
It is pre- according to first for the corresponding paper of the quantity when action event is specific operation such as pressing operation If such as 1 degree execution rotation process of angle, realizes the effect of " opening " described books;After preset duration, if listening to needle The pressing operation of the books is terminated, then according to the second predetermined angle such as 0 degree the first predetermined angle is updated, and hold The corresponding rotation process of row, realizes the effect of " closing " described books.In this way, user can be allowed to perceive the covers of the books Or side be clicked after generate " spring " effect, promotion user experience.
When action event is not specific operation, such as when being clicking operation, for the corresponding paper of the quantity, according to Such as 140 degree execution rotation process of three predetermined angles, realize the effect of " opening " described books;In this way, user can be allowed to fight each other The book paper opened is read.Wherein, third predetermined angle at 90 degree between 180 degree.
Here, the number of pages read to history for the ease of the quick page turning of user can be based on the user for described The clicking operation of the clicking operation of tangible bookmark or cover for the books triggers the page turn over operation to the books, And be shown the number of pages that the user's history is read, continue to read convenient for user.
Here, it if listening to the clicking operation for the books in addition to cover, other paper of side, redirects To corresponding paper, and the corresponding paper content of the clicking operation is shown, and is realized unrestricted choice reading content, is helped to carry High user experience.
Fig. 3 is that the embodiment of the present invention realizes that the solid show of books and paper make old specific implementation flow schematic diagram, Specific implementation process, includes the following steps:
Step 301:Browser obtains display library instruction, responds described instruction, obtains the cubical parameter value in basis.
Wherein, the display library instruction can be to be directed in browser to be shown on e-book bookshelf based on user Certain this e-book title clicking operation triggering generate instruction.The basis cube can be square.It is described Parameter value includes:Length value, width value, height value, in webpage the coordinate value of present position and the books title.
Here, the title of the books can be obtained from display library instruction, and other parameters value can be by browsing Device is obtained from the memory of the corresponding terminal of browser.Wherein, the parameter value preserved in memory can be pre- by server First it is sent to the terminal.
The length value, width value, height value can be default values, in this way, browser can be as needed, it is vertical to basis Cube zooms in and out operation, to be adjusted to suitable size.
Step 302:Browser using the cubical parameter value in basis as the input parameter value of JavaScript scripts, And run JavaScript scripts.
Wherein, JavaScript scripts can be abbreviated as JS scripts.
Here, by running JS scripts, operations described below is executed:The cubical DOM Document Object Model in structure basis (Document Object Model, DOM);According to the coordinate value got, the cubical cascading style sheets in setting basis The value of position location position in the positioning properties of (Cascading Style Sheets, CSS), i.e. setting basis cube Body is as a web page element the location of in webpage.
Step 303:JS is returned and is turned after the setting for the value for completing the establishment and position to basic cube DOM Change the value of the positioning properties of the cubical DOM and CSS in basis of completion.
It should be noted that the shape of the books of 3 D stereo displaying is generally cuboid.The cuboid can be by more A basic cube such as cube splicing forms.Splice to obtain cuboid using the basic cube to realize, May include multiple basic cubes location information respectively in the position location position that JS is returned to browser, So that browser is according to each location information, realizes and multiple basic cubes are spliced to obtain the cuboid.
Step 304:Browser is realized according to the value of the positioning properties of the cubical DOM and CSS in basis of return to basis Cube is spliced, and obtains cuboid.
Step 305:Browser is used according to being the preset Background of cuboid certain surface and preset thickness value in CSS The mode of textures carries out textures to the certain surface of the cuboid.
Certain surface after textures is the three-dimensional electronic books for the default Background for having the preset thickness value.It is described rectangular The certain surface of body can be cover, back cover and side.
Step 306:Browser is according between the books total page number of acquisition, the preset thickness value of individual paper, adjacent sheets Amount of space, create the paper of the books.
Specifically, browser can be according to the placement for first paper that the preset thickness value of individual paper, CSS are stated Highly and the value of the position, first establishment are located at first paper of the corresponding positions position;Then, it browses Device is according to preset thickness value, the value of the total page number and the position of individual paper, and cycle establishment paper is simultaneously It carries out corresponding position to put, until completing the establishment to the paper of the total page number.Wherein, first paper can be near First paper of cover can also be first paper near back cover.
Here, browser can according to the display size value of the books of acquisition, to the books size of 3 D stereo displaying into Row scaling.
Step 307:The history that browser judges whether to preserve the books reads progress, when determining, using described History reads progress, determines at least one paper that user had read.
Step 308:The corresponding background tile of the paper read that browser is stated according to CSS, to described at least one A paper carries out background tile.
The corresponding background tile of the paper read that CSS is stated can be comprising the textures for doing old element.
Here, background tile setting is carried out to the paper read so that the paper read sticks old comprising doing The textures of element achieve the effect that tag reader position to be different from the paper that do not read.
Step 309:Show the books after textures.
Fig. 4 is that the books of solid show and paper make old schematic diagram, and in Fig. 4, the books of establishment are 3 D stereo exhibitions The books shown;The paper being read by the user has " doing old " effect, can reach more close the brought user of true books Direct feel effect.
It should be noted that the books of 3 D stereo displaying, can show in webpage.Use basic super hypertext mark Remember language (Hyper Text Markup Language, HTML), JavaSrcipt and CSS, and combines in CSS3 The three-dimensional conversion of web page element may be implemented in transform attributes, to realize that 3 D stereo shows the effect of books.
Fig. 5, which is that realization paper of the embodiment of the present invention is fluffy, makees old specific implementation flow schematic diagram, implements process, packet Include following steps:
Step 501:When detecting the page turn over operation for the books of 3 D stereo displaying, JS obtains page turning parameter.
The page turning parameter includes:" page turning number ", " page turning angle ", " time interval of individual paper sheet-turning " and " paper Between page turning gap ".
Step 502:Page turning number described in JS root roots determines the paper of pending page turn over operation, and according to the page turning angle, Rotate the first page paper in the paper of the pending page turn over operation.
Here, using the Left-side center line of books as rotation axis.
Step 503:When first page paper of the JS in the paper for starting to stir page turn over operation to be specified, triggering timing device is opened Beginning timing, the timer is using the time interval as a time-count cycle.
The when a length of T*N of timer timing in total, wherein T is the time interval, and N is pending page turn over operation Paper total quantity.
Step 504:At the end of first time-count cycle of timer, JS according to the pending page turn over operation paper In the page turning angle that is set of second page paper, rotation process is carried out to second page paper.
Similarly, at the end of each described time-count cycle of the timer, JS pending turns over remaining other A most adjacent paper executes rotation process in the paper of page operations.The end of the circulate operation is whole with the timing duration of timer It is only condition.
It should be noted that the page turning gap, is used to indicate by the position relationship between the paper after page turning.JS for Each paper after page turn over operation is executed, it can be determined by present position after page turning according to the page turning gap.
Using the above method, the paper that may be implemented to control the books opens the angle of very little.For example, the page turning The value range of angle can be [1 degree, 10 degree], to realize the lofting effect of page turning paper.
In addition, while page turning, the textures that can replace paper are to reach comprising the textures for doing old element and make old books Effect.
Fig. 6, which is that paper is fluffy, makees old schematic diagram, in Fig. 6, if detecting the page turning of the books shown for 3 D stereo Operation can realize the lofting effect after book paper is stirred according to the page turning method in JS.
Fig. 7 is to realize the solid show of books and paper is fluffy does old general illustration, as shown in fig. 7, passing through three Dimension cube model, CS background tiles, establishment book paper, establishment book cover obtain the books of solid show, pass through change It is old to realize that paper is done for paper textures;By page turn over operation, realize that paper is fluffy.
The method of embodiment to realize the present invention, the embodiment of the present invention additionally provide a kind of books display device,
Fig. 8 is a kind of composed structure schematic diagram of the books display device of the embodiment of the present invention;As shown in fig. 7, the dress Set including:
Acquisition module 81, for when detecting the touch operation for books, obtaining the touch operation corresponding region Position in the display interface;Wherein, the books are in the display interface neutrality body display.The region is institute State the triggering region that touch operation corresponds to the books.
Determining module 82 determines the quantity of the paper of pending rotation process for the position according to acquisition;
Display module 83, for for the paper for corresponding to the quantity in the books, being carried out according to the first predetermined angle Rotation process, and the books are shown in the first way;When the parameter of the touch operation meets preset condition, according to second Predetermined angle carries out rotation process, and shows the books in a second manner;
Wherein, the parameter of the touch operation can be duration or capacitance.
By taking user implements pressing operation to the books of capacitive touch screen neutrality body display as an example, when determining pending rotation After the quantity of the paper of operation, rotation process is carried out according to the first predetermined angle;When the duration of the pressing operation reaches default When duration, rotation process is carried out according to the second predetermined angle, shows the books in a second manner, alternatively, described when detecting When the capacitance of the corresponding touch area of pressing operation changes, i.e., at the end of the described pressing operation, according to the second preset angle Degree carries out rotation process, shows the books in a second manner.
In one embodiment, the determining module 82 is specifically used for the position according to acquisition, judges that the triggering region is The no cover for belonging to the books;When determining that the triggering region belongs to the cover of the books, the history for obtaining user is read Number of pages is read, the history is read into number of pages as the quantity of the paper of pending rotation process;When determining that the triggering region belongs to The preset tangible label in the side of the books;From in the correspondence of preset tangible label and books page number, The corresponding books page number of tangible label determined described in lookup;According to the books page number of lookup, pending rotation behaviour is determined The quantity of the paper of work.
In one embodiment, the display module 83 is specifically used for using the center side line of the books as the figure The rotation axis of book;For each paper in the paper for corresponding to the quantity in the books, respectively according to the rotary shaft Line and the first predetermined angle carry out rotation process;After preset duration, in the paper for corresponding to the quantity in the books Each paper carries out rotation process according to the rotation axis and the second predetermined angle direction respectively.
It here, can be according to the rotation axis if the original state of the books of the solid show is to close state With the first predetermined angle, and along the direction of the book cover carry out rotation process so that the books present " opening " state; After preset duration, rotation process is carried out according to the rotation axis and the second predetermined angle, and along the direction of the back cover of books, So that " closing " state is presented in the books.In this way, user can be allowed to perceive the cover of the books or after side is clicked " spring " effect is generated, user experience is promoted.
It, can be according to the rotation axis and first if the original state of the books of the solid show is in an open state Predetermined angle, and rotation process is carried out along the direction of the back cover of books, so that " closing " state is presented in the books;When default After length, rotation process is carried out according to the rotation axis and the second predetermined angle, and along the direction of the back cover of books, so that institute It states books and " opening " state is presented.In this way, can allow user perceive the cover of the books or side be clicked after generate " bullet Jump " effect, promote user experience.
In one embodiment, the acquisition module 81 is additionally operable to obtain display library instruction;The display library instruction is used Solid show is carried out to books in display interface in instruction;It is instructed based on the display library, determines the solid of the books Show position of the model in the display interface;The relevant parameter for obtaining the books is created on the solid show model Build paper;The relevant parameter includes at least:Between the total page number of the books, the preset thickness of individual paper, adjacent sheets Every;Default surface plot using the books and default side view carry out textures to the paper of establishment, obtain in display circle The books of solid show are carried out in face.
In one embodiment, described device further includes:
Module is built, for obtaining the cubical parameter in basis;By DOM Document Object Model interface, by the basis cube The parameter of body passes to JavaScript scripts;By the JavaScript scripts, determine that each basic cube is being shown The location of in interface;Using the determining cubical position in basis, each basic cube is spliced, is obtained described Solid show model.
In one embodiment, the acquisition module 81 is additionally operable to obtain page turn over operation instruction;The page turn over operation instruction is used Page turn over operation is carried out in the paper to the books;Determine at least one paper of pending page turn over operation in the books;It presses According to prefixed time interval, to determining each paper, page turn over operation is carried out according to the third predetermined angle of corresponding paper;Display institute State the books after at least one paper sheet-turning.
In one embodiment, described device further includes:
Textures module, for described at least one paper for carrying out page turn over operation in the books, determining at least one Position of a paper in the display interface;Using default old Background, textures are carried out at least one paper;Display Books after at least one paper textures.
When practical application, the determining module 82, display module 83, textures module can be by the processing in books display device Device is realized.The acquisition module 81 can be realized by the communication interface in books display device.The structure module can be shown by books Processor combination communication interface in showing device is realized.
It should be noted that:The books display device that above-described embodiment provides is when carrying out display library, only with above-mentioned each The division progress of program module can as needed distribute above-mentioned processing by different journeys for example, in practical application Sequence module is completed, i.e., the internal structure of device is divided into different program modules, to complete whole described above or portion Divide processing.In addition, the books display device that above-described embodiment provides belongs to same design with books display methods embodiment, have Body realizes that process refers to embodiment of the method, and which is not described herein again.
Fig. 9 is the structural schematic diagram of books display device of the present invention, and books display device 900 shown in Fig. 9 includes:At least One processor 901, memory 902, user interface 903, at least one network interface 904.It is each in books display device 900 A component is coupled by bus system 905.It is understood that bus system 905 is for realizing the connection between these components Communication.Bus system 905 further includes power bus, controlling bus and status signal bus in addition in addition to including data/address bus.But For the sake of clear explanation, various buses are all designated as bus system 905 in fig.9.
Wherein, user interface 903 may include display, keyboard, mouse, trace ball, click wheel, button, button, sense of touch Plate or touch screen etc..
Memory 902 in the embodiment of the present invention is for storing various types of data to support books display device 900 Operation.The example of these data includes:Any computer program for being operated in books display device 900 such as operates System 9021 and application program 9022;Wherein, operating system 9021 include various system programs, such as ccf layer, core library layer, Layer etc. is driven, for realizing various basic businesses and the hardware based task of processing.Application program 9022 can include various Application program, for realizing various applied business.Realize that the program of present invention method may be embodied in application program In 9022.
The method that the embodiments of the present invention disclose can be applied in processor 901, or be realized by processor 901. Processor 901 may be a kind of IC chip, the processing capacity with signal.During realization, the above method it is each Step can be completed by the integrated logic circuit of the hardware in processor 901 or the instruction of software form.Above-mentioned processing Device 901 can be general processor, digital signal processor either other programmable logic device, discrete gate or transistor Logical device, discrete hardware components etc..Processor 901 may be implemented or execute the disclosed each side in the embodiment of the present invention Method, step and logic diagram.General processor can be microprocessor or any conventional processor etc..In conjunction with of the invention real The step of applying the method disclosed in example can be embodied directly in hardware decoding processor and execute completion, or use decoding processor In hardware and software module combination execute completion.Software module can be located in storage medium, which is located at storage The step of device 902, processor 901 reads the information in memory 902, books display methods is completed in conjunction with its hardware.
It is appreciated that memory 902 can be volatile memory or nonvolatile memory, may also comprise volatibility and Both nonvolatile memories.Wherein, nonvolatile memory can be read-only memory (ROM, Read Only Memory), Programmable read only memory (PROM, Programmable Read-Only Memory), Erasable Programmable Read Only Memory EPROM (EPROM, Erasable Programmable Read-Only Memory), electrically erasable programmable read-only memory (EEPROM, Electrically Erasable Programmable Read-Only Memory), magnetic random access store Device (FRAM, ferromagnetic random access memory), flash memory (Flash Memory), magnetic surface are deposited Reservoir, CD or CD-ROM (CD-ROM, Compact Disc Read-Only Memory);Magnetic surface storage can be Magnetic disk storage or magnetic tape storage.Volatile memory can be random access memory (RAM, Random Access Memory), it is used as External Cache.By exemplary but be not restricted explanation, the RAM of many forms is available, such as Static RAM (SRAM, Static Random Access Memory), synchronous static RAM (SSRAM, Synchronous Static Random Access Memory), dynamic random access memory (DRAM, Dynamic Random Access Memory), Synchronous Dynamic Random Access Memory (SDRAM, Synchronous Dynamic Random Access Memory), double data speed synchronous dynamic RAM (DDRSDRAM, Double Data Rate Synchronous Dynamic Random Access Memory), enhanced synchronous dynamic random Access memory (ESDRAM, Enhanced Synchronous Dynamic Random Access Memory), synchronized links Dynamic random access memory (SLDRAM, SyncLink Dynamic Random Access Memory), direct rambus Random access memory (DRRAM, Direct Rambus Random Access Memory).Description of the embodiment of the present invention is deposited Reservoir 902 is intended to the memory of including but not limited to these and any other suitable type.
Based on the books display methods that each embodiment of the application provides, the embodiment of the present invention also provides a kind of computer-readable Storage medium, with reference to shown in Fig. 9, the computer readable storage medium may include:Storage for storing computer program Device 902, above computer program can be executed by the processor 901 of books display device 900, be shown with completing server side books Step described in method.
Computer readable storage medium can be FRAM, ROM, PROM, EPROM, EEPROM, Flash Memory, magnetic table The memories such as face memory, CD or CD-ROM.
It should be noted that:Between technical solution recorded in the embodiment of the present invention, in the absence of conflict, Ke Yiren Meaning combination.
The foregoing is only a preferred embodiment of the present invention, is not intended to limit the scope of the present invention.

Claims (11)

1. a kind of books display methods, which is characterized in that the method includes:
When detecting the touch operation for books, position of the touch operation corresponding region in display interface is obtained; The books are in the display interface neutrality body display;
According to the position of acquisition, the quantity of the paper of pending rotation process is determined;
For the paper for corresponding to the quantity in the books, rotation process is carried out according to the first predetermined angle, and with first party Formula shows the books;When the parameter of the touch operation meets preset condition, rotation behaviour is carried out according to the second predetermined angle Make, and shows the books in a second manner.
2. according to the method described in claim 1, it is characterized in that, the position according to acquisition, determines pending rotation behaviour The quantity of the paper of work, including:
According to the position of acquisition, judge whether the region belongs to the cover of the books;
When determining that the region belongs to the cover of the books, the history for obtaining user reads number of pages, and the history is read Quantity of the number of pages as the paper of pending rotation process.
3. according to the method described in claim 1, it is characterized in that, the side of the books is provided with tangible label;It is described According to the position of acquisition, the quantity of the paper of pending rotation process is determined, including:
When determining that the region belongs to the tangible label, from the correspondence of preset tangible label and books page number In, the corresponding books page number of tangible label determined described in lookup;
According to the books page number of lookup, the quantity of the paper of pending rotation process is determined.
4. according to the method described in claim 1, it is characterized in that, described for the paper for corresponding to the quantity in the books , rotation process is carried out according to the first predetermined angle, including:
Using the center side line of the books as the rotation axis of the books;
It is pre- according to the rotation axis and first respectively for each paper in the paper for corresponding to the quantity in the books If angle carries out rotation process;
Rotation process is carried out according to the second predetermined angle, including:
It is pre- according to the rotation axis and second respectively for each paper in the paper for corresponding to the quantity in the books If angle direction carries out rotation process.
5. according to the method described in claim 1, it is characterized in that, the method further includes:
Obtain display library instruction;The display library instruction is used to indicate in display interface carries out solid show to books;
It is instructed based on the display library, determines position of the solid show model of the books in the display interface;
The relevant parameter for obtaining the books creates paper on the solid show model;The relevant parameter includes at least: The interval of the total page number of the books, the preset thickness of individual paper, adjacent sheets;
Default surface plot using the books and default side view carry out textures to the paper of establishment, obtain in the display The books of solid show are carried out in interface.
6. according to the method described in claim 5, it is characterized in that, the method further includes:
Obtain the cubical parameter in basis;
By DOM Document Object Model interface, the cubical parameter in basis is passed into JavaScript scripts;
By the JavaScript scripts, determine each basic cube the location of in display interface;
Using the determining cubical position in basis, each basic cube is spliced, the solid show model is obtained.
7. according to the method described in claim 1, it is characterized in that, the method further includes:
Obtain page turn over operation instruction;Paper of the page turn over operation instruction for the books carries out page turn over operation;
Determine at least one paper of pending page turn over operation in the books;
According to prefixed time interval, to determining each paper, page turn over operation is carried out according to the third predetermined angle of corresponding paper;
Show the books after at least one paper sheet-turning.
8. the method according to the description of claim 7 is characterized in that the method further includes:
For at least one paper for carrying out page turn over operation in the books, determine at least one paper in display circle Position in face;
Using default old Background, textures are carried out at least one paper;
Show the books after at least one paper textures.
9. a kind of books display device, which is characterized in that described device includes:
Acquisition module, for when detecting the touch operation for books, obtaining the touch operation corresponding region and showing Position in interface;The books are in the display interface neutrality body display;
Determining module determines the quantity of the paper of pending rotation process for the position according to acquisition;
Display module, for for the paper for corresponding to the quantity in the books, rotation behaviour to be carried out according to the first predetermined angle Make, and shows the books in the first way;When the parameter of the touch operation meets preset condition, according to the second preset angle Degree carries out rotation process, and shows the books in a second manner.
10. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program The step of any one of claim 1 to 8 the method is realized when being executed by processor.
11. a kind of books display device, which is characterized in that including:Memory, processor and storage are on a memory and can be The computer program run on processor;
Wherein, the processor is for when running the computer program, perform claim to require any one of 1 to 8 the method Step.
CN201810559278.0A 2018-06-01 2018-06-01 A kind of books display methods, device and computer readable storage medium Pending CN108776574A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810559278.0A CN108776574A (en) 2018-06-01 2018-06-01 A kind of books display methods, device and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810559278.0A CN108776574A (en) 2018-06-01 2018-06-01 A kind of books display methods, device and computer readable storage medium

Publications (1)

Publication Number Publication Date
CN108776574A true CN108776574A (en) 2018-11-09

Family

ID=64026599

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810559278.0A Pending CN108776574A (en) 2018-06-01 2018-06-01 A kind of books display methods, device and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN108776574A (en)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103430167A (en) * 2011-03-07 2013-12-04 创新科技有限公司 A method, system and apparatus for display and browsing of e-books
CN103488423A (en) * 2013-09-18 2014-01-01 百度在线网络技术(北京)有限公司 Method and device for implementing bookmark function in electronic reader
CN104679433A (en) * 2015-03-10 2015-06-03 中国联合网络通信集团有限公司 Method for realizing electronic book reading and electronic book reading device
US20160231921A1 (en) * 2015-02-06 2016-08-11 Kobo Incorporated Method and system for reading progress indicator with page resume demarcation
CN106570139A (en) * 2016-11-04 2017-04-19 惠州Tcl移动通信有限公司 Electronic book bookmark generating and positioning method and system based on mobile terminal
CN106776449A (en) * 2016-12-21 2017-05-31 北京农业信息技术研究中心 A kind of plant KePu Electronics book reads methods of exhibiting and device
CN107402911A (en) * 2017-07-19 2017-11-28 三星电子(中国)研发中心 Method for editing text and device for terminal
CN107589894A (en) * 2017-09-14 2018-01-16 咪咕数字传媒有限公司 A kind of page turning method, device and storage medium

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103430167A (en) * 2011-03-07 2013-12-04 创新科技有限公司 A method, system and apparatus for display and browsing of e-books
CN103488423A (en) * 2013-09-18 2014-01-01 百度在线网络技术(北京)有限公司 Method and device for implementing bookmark function in electronic reader
US20160231921A1 (en) * 2015-02-06 2016-08-11 Kobo Incorporated Method and system for reading progress indicator with page resume demarcation
CN104679433A (en) * 2015-03-10 2015-06-03 中国联合网络通信集团有限公司 Method for realizing electronic book reading and electronic book reading device
CN106570139A (en) * 2016-11-04 2017-04-19 惠州Tcl移动通信有限公司 Electronic book bookmark generating and positioning method and system based on mobile terminal
CN106776449A (en) * 2016-12-21 2017-05-31 北京农业信息技术研究中心 A kind of plant KePu Electronics book reads methods of exhibiting and device
CN107402911A (en) * 2017-07-19 2017-11-28 三星电子(中国)研发中心 Method for editing text and device for terminal
CN107589894A (en) * 2017-09-14 2018-01-16 咪咕数字传媒有限公司 A kind of page turning method, device and storage medium

Similar Documents

Publication Publication Date Title
US9400601B2 (en) Techniques for paging through digital content on touch screen devices
US20030020687A1 (en) Document viewing device
CN109085965A (en) Take down notes generation method, electronic equipment and computer storage medium
CN104049890B (en) System and method for tactile and gesture driving paper simulation
US9575948B2 (en) Annotation of digital content via selective fixed formatting
CN104317474B (en) Windows switching method and device
CN106776969A (en) Page adaptation method, device and electronic equipment
US20140359517A1 (en) Turning a Page on a Display
CN108363602A (en) Intelligent UI quick interface arrangement methods, device, terminal device and storage medium
CN103019557B (en) Page switching method and device
CN107291802B (en) Relation map methods of exhibiting and device
US20150100874A1 (en) Ui techniques for revealing extra margin area for paginated digital content
DE212012000266U1 (en) System for providing a scroll map
DE112011103173T5 (en) Transitional view on a portable electronic device
CN107589894B (en) A kind of page turning method, device and storage medium
CN103605461A (en) Method and terminal for displaying application interfaces
CN103034683A (en) Page switching method and device for browser
CN104881225A (en) Control method and device for adjusting bar
CN109213932A (en) A kind of information-pushing method and device
US10108739B2 (en) Overlay canvas for computer program applications
CN104461298A (en) Screen capturing method and screen capturing tool
EP2923256B1 (en) Bookmarking for electronic books
CN108776574A (en) A kind of books display methods, device and computer readable storage medium
RU2001112109A (en) Computer-readable recording medium on which an image file is recorded, a device for manufacturing a recording medium, a medium on which a program for creating an image file is recorded, a device for transferring a file
CN106355970A (en) Virtual military training system

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20181109

RJ01 Rejection of invention patent application after publication