Book-style navigation bar generation, switching method, device, equipment and storage medium

By generating a book-style navigation bar, the layout of book covers and inner pages is used to solve the problem of insufficient space in the navigation bar, achieving better user experience and space utilization, and improving interactive experience through animation effects.

CN115202543BActive Publication Date: 2025-01-17BOE TECHNOLOGY GROUP CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202210900078.3
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-07-28
Publication Date
2025-01-17
Estimated Expiration
2042-07-28

AI Technical Summary

Technical Problem

The existing display terminal has limited space, large area, blocks the bottom of the screen, and has poor user experience.

Method used

Using the book-style navigation bar generation method, by generating book covers and application inner pages, superimposing application inner pages with the same attributes to form a book-style navigation bar, using the layout of book covers and inner pages to save space, and through page turn commands and selections The command implements the switching of the navigation bar.

Benefits of technology

It effectively saves the area of ​​the navigation bar, reduces the bottom of the screen, improves the user experience, and improves the immersive experience through animation.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115202543B_ABST
    Figure CN115202543B_ABST
Patent Text Reader

Abstract

Embodiments of the present invention disclose methods, devices, equipment and storage media for generating and switching a book-style navigation bar. One embodiment of the method for generating a book-style navigation bar is applied to a display terminal, and the method includes: generating a book cover of the book-style navigation bar according to a page image of the display terminal; obtaining an application image according to an application installed on the display terminal; generating an application inner page corresponding to the book-style navigation bar according to the application image; superimposing application inner pages of the same attribute, and splicing them with the book cover to form a book-style navigation bar of the application corresponding to the attribute. The technical solution of the present invention generates a book cover according to a page image of the display terminal, generates application inner pages corresponding to the application according to the application installed on the display terminal, and superimposes applications of the same attribute in the form of book pages to form inner pages of the book-style navigation bar. The inner pages and the cover are superimposed to form a book-style navigation bar, which can solve the problem that the navigation bar blocks the bottom of the screen and occupies a large area.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of display technology, and more specifically, to a method, device, equipment and storage medium for generating and switching a book-style navigation bar. Background Art

[0002] like Figure 1 As shown, for display terminals, such as smart phones, computers, smart TVs, laptops and other display products, a navigation bar is set at the bottom or side, and the zoom icons of each application are displayed in the navigation bar. Users often open multiple applications at the same time. At this time, the space of the navigation bar is limited, and the navigation bar is set at a fixed position. When the application is executed, this position will not be executed, blocking the bottom of the screen, occupying a large area, and the user experience is poor. Summary of the invention

[0003] The object of the present invention is to provide a method, device, equipment and storage medium for generating and switching a book-style navigation bar, so as to solve at least one of the problems existing in the prior art.

[0004] In order to achieve the above object, the present invention adopts the following technical solutions:

[0005] A first aspect of the present invention provides a method for generating a book-style navigation bar, which is applied to a display terminal, and the method comprises:

[0006] Generating a book cover of the book-style navigation bar according to a page image of a display terminal;

[0007] Acquiring an application image according to an application installed on the display terminal;

[0008] Generate an application inner page of the corresponding book-style navigation bar according to the application image;

[0009] The inner page of the application with the same attribute is superimposed and spliced ​​with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

[0010] Furthermore, the book cover includes a front cover located on the first page, a back cover located on the bottom page, and a spine connecting the front cover and the back cover;

[0011] The step of generating a book cover of the book-style navigation bar according to the page image of the display terminal further comprises:

[0012] Determining the size of the book cover according to the display size of the display terminal, the size of the book cover including a first length in a first direction and a second length in a second direction, the second direction being perpendicular to the first direction;

[0013] Determining the number of applications of the same attribute, and determining a first thickness of the spine in a third direction according to the number of applications of the same attribute, the third direction being perpendicular to the first direction and perpendicular to the second direction;

[0014] Cutting the page image according to the first thickness, the first length and the second length of the spine to form the front cover, the back cover and the spine;

[0015] The front cover, the spine and the back cover are spliced ​​in sequence, and the image content displayed on the book cover is the image content displayed by the complete page image.

[0016] Furthermore, before “sequentially splicing the cover, the spine, and the back cover”, the method further includes:

[0017] determining an inclination angle formed by the spine and the back cover according to the first thickness and the number of the application images;

[0018] Performing slope conversion on the cut page image corresponding to the book spine according to the tilt angle to form the book spine;

[0019] The offset distance of the front cover relative to the back cover is determined according to the tilt angle to determine the position of the cover when the book-type navigation bar is not turned over.

[0020] Furthermore, the application inner page includes a first page and a second page. In an unfolded state, the first page is close to the front cover, and the second page is close to the back cover.

[0021] The generating of the application inner page of the book-like navigation bar according to the application image further comprises:

[0022] Determining a third length of the application inner page in the first direction and a fourth length in the second direction according to the size of the cover;

[0023] Determining a second thickness of each of the application internal pages in the third direction according to a display size of the display terminal;

[0024] The application image is converted into an application inner page satisfying the third length, the fourth length, and the second thickness.

[0025] Furthermore, the converting the application image into an application inner page satisfying the third length, the fourth length and the second thickness further includes:

[0026] reducing the fourth length of the application image to the second length, and obtaining a third length of the application image according to the first length;

[0027] Splitting the application image by a center line of the side of the application image parallel to the spine to obtain a first application image and a second application image;

[0028] The image contents of the first application image and the second application image are respectively set on two side pages of the same book page.

[0029] Furthermore, the inner page of the application superimposed with the same attribute is used as the inner page of the book, and is spliced ​​with the book cover to form a book-style navigation bar of the application corresponding to the attribute, further comprising:

[0030] Using the back cover as the back cover of the book-style navigation bar;

[0031] Using the splitting boundary of each of the application images as a folded side edge close to the book spine;

[0032] Overlaying all application pages under the attribute on the back cover;

[0033] superimposing the cover on an inner page of the application away from the back cover;

[0034] The border of the back cover close to the folded side edge, the border of the front cover close to the folded side edge and the folded side edge form the book spine.

[0035] Furthermore, the method further comprises:

[0036] Adding an application inner page to the current book-style navigation bar according to the received adding instruction, and re-determining the first thickness of the book spine according to the second thickness of the added application inner page;

[0037] and / or

[0038] The application inner page is deleted in the current book-type navigation bar according to the received deletion instruction, and the first thickness of the book spine is re-determined according to the second thickness of the deleted application inner page.

[0039] The second aspect of the present invention provides a method for switching the book-style navigation bar of the first aspect of the present invention, which is applied to the display terminal.

[0040] causing the display interface of the display terminal to display the book-style navigation bar according to the received display instruction, wherein the book-style navigation bar is located on a part of the display interface of the display terminal;

[0041] Turning the page of the book-like navigation bar according to the received page turning instruction, and marking the displayed application inner page after turning the page, and displaying the marked application inner page on another part of the display interface;

[0042] Enter the currently displayed application page according to the received selection instruction.

[0043] Further, entering the currently displayed application page according to the received selection instruction includes:

[0044] In response to the selection instruction, the image content of the currently displayed application internal page is enlarged to the display interface, and the book-style navigation bar disappears from the display interface;

[0045] or

[0046] The switching method further includes:

[0047] According to the received first navigation instruction, a disappeared book-style navigation bar is displayed, wherein the book-style navigation bar displays an application inner page corresponding to the current display interface, and the application inner page is marked;

[0048] and / or

[0049] The switching method further includes:

[0050] According to the received second navigation instruction, the displayed disappeared book-style navigation bar disappears again, and the display interface displays the application internal page marked by the book-style navigation bar.

[0051] Furthermore, the switching method further includes:

[0052] According to the received adding instruction, a special effect of inserting the book-style navigation bar into the application page is displayed on the display interface;

[0053] and / or

[0054] According to the received deletion instruction, a special effect of deleting an application page from the book-style navigation bar is displayed on the display interface;

[0055] and / or

[0056] According to the received update instruction, a special effect of sequential changes of pages within the application of the book-like navigation bar is displayed on the display interface.

[0057] A third aspect of the present invention provides a navigation device, which is applied to the display terminal, and the navigation device includes:

[0058] A book cover generating unit, used to generate a book cover of the book-style navigation bar according to a page image of a display terminal;

[0059] An application image acquisition unit, configured to acquire an application image according to an application installed on the display terminal;

[0060] An application internal page generating unit, configured to generate an application internal page of the book-style navigation bar corresponding to the application image;

[0061] The book page splicing unit is used to superimpose the inner pages of the application with the same attribute and splice with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

[0062] A fourth aspect of the present invention provides a navigation switching device, which is applied to the display terminal, and the switching device includes:

[0063] A navigation display unit, configured to enable the display interface of the display terminal to display the book-style navigation bar according to the received display instruction, wherein the book-style navigation bar is located in a part of the display interface of the display terminal;

[0064] A navigation page turning unit, used to turn the pages of the book-like navigation bar according to the received page turning instruction, and mark the displayed application inner page after the page turning, and another part of the display interface displays the marked application inner page;

[0065] The navigation selection unit is used to enter the currently displayed application page according to the received selection instruction.

[0066] A fifth aspect of the present invention provides a display device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the navigation generation method as in the first aspect of the present invention is implemented, or the navigation switching method as in the second aspect of the present invention is implemented.

[0067] A sixth aspect of the present invention provides a computer-readable storage medium having a computer program stored thereon, characterized in that when the program is executed by a processor, the navigation generation method of the first aspect of the present invention or the navigation switching method of the second aspect of the present invention is implemented.

[0068] The beneficial effects of the present invention are as follows:

[0069] The technical solution described in the present invention generates a book cover according to the page image of the display terminal, generates application inner pages corresponding to the application according to the application installed in the display terminal, and superimposes applications with the same attributes in the form of book pages to form inner pages of a book-like navigation bar. The inner pages and the cover are superimposed to form a book-like navigation bar. The book-like navigation bar of this embodiment can concentrate multiple applications in the same navigation, saving the problem of icon occupation of different applications. In addition, the book-like navigation bar of this embodiment occupies a smaller area and has a smaller screen bottom occlusion, so that the management, browsing and display of all applications can be achieved using a smaller layout. BRIEF DESCRIPTION OF THE DRAWINGS

[0070] The specific implementation modes of the present invention are further described in detail below in conjunction with the accompanying drawings.

[0071] Figure 1 The following is a diagram showing a navigation bar design method for a display terminal in the related art;

[0072] Figure 2 A schematic diagram showing a flow chart of a method for generating a book-style navigation bar according to an embodiment of the present invention;

[0073] Figure 3 A schematic diagram showing the structure of a book-style navigation bar in an unread state according to an embodiment of the present invention;

[0074] Figure 4 A schematic diagram showing the structure of a book-style navigation bar in a flipping state according to an embodiment of the present invention;

[0075] Figure 5 A schematic flow chart showing step S1 of an embodiment of the present invention;

[0076] Figure 6 A schematic diagram showing a page image according to an embodiment of the present invention;

[0077] Figure 7 Show according to Figure 6 The page image shown obtains a schematic diagram of the book cover;

[0078] Figure 8 A schematic diagram showing a flow chart before step S17 of an embodiment of the present invention;

[0079] Fig. 9 A schematic diagram showing the structure of a book-style navigation bar when turning pages according to an embodiment of the present invention;

[0080] Fig.10 A schematic diagram showing the structure of a book-style navigation bar in a flat state according to an embodiment of the present invention;

[0081] Fig.11 A schematic flow chart showing step S5 of an embodiment of the present invention is shown;

[0082] Fig.12 A schematic flow chart showing step S55 of an embodiment of the present invention is shown;

[0083] Fig.13 A schematic flow chart showing step S7 of an embodiment of the present invention;

[0084] Fig.14 A schematic diagram showing the special effects of deleting an application page in a book-style navigation bar according to an embodiment of the present invention;

[0085] Fig.15 A schematic flow chart showing a navigation switching method according to another embodiment of the present invention;

[0086] Fig.16 A schematic diagram showing the position of the book-style navigation bar of the present invention on the display interface of the display terminal;

[0087] Fig.17A schematic diagram showing a framework of a navigation generating device according to another embodiment of the present invention;

[0088] Fig.18 A schematic diagram showing a framework of a navigation switching device according to another embodiment of the present invention;

[0089] Fig.19 A schematic diagram showing a frame of a display device according to another embodiment of the present invention. DETAILED DESCRIPTION

[0090] In order to explain the present invention more clearly, the present invention is further described below in conjunction with embodiments and drawings. Similar components in the drawings are represented by the same reference numerals. It should be understood by those skilled in the art that the content specifically described below is illustrative rather than restrictive, and the protection scope of the present invention should not be limited thereto.

[0091] The first embodiment of the present invention provides a method for generating a book-style navigation bar, which is applied to a display terminal, such as Figure 1 The computer shown can also be applied to display products installed with multiple applications, such as smart phones, computers, smart TVs, and laptops.

[0092] like Figure 2 As shown, in an optional embodiment, the method for generating the book-style navigation bar includes:

[0093] S1, generating a book cover of the book-style navigation bar according to a page image of a display terminal;

[0094] S3, acquiring an application image according to an application installed on the display terminal;

[0095] S5, generating an application inner page of the corresponding book-style navigation bar according to the application image;

[0096] S7. Overlaying an inner page of an application with the same attribute and splicing it with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

[0097] The technical solution described in the present invention generates a book cover according to the page image of the display terminal, generates application inner pages corresponding to the application according to the application installed in the display terminal, and superimposes applications with the same attributes in the form of book pages to form inner pages of a book-like navigation bar. The inner pages and the cover are superimposed to form a book-like navigation bar, which can solve the problem that the navigation bar blocks the bottom of the screen and occupies a large area.

[0098] like Figure 3As shown, the book-like navigation bar of this embodiment is in a closed state when not in use. When the user uses a controller, such as a remote controller, to respond to a key operation of the user, and the remote controller outputs a page turning instruction, the book-like navigation bar changes from the closed state to the open state for turning the page in response to the page turning instruction. Figure 4 As shown, the application is displayed on the page for the user to select.

[0099] The book-style navigation bar of this embodiment can concentrate multiple applications in the same navigation, saving the problem of icon occupation of different applications. In addition, the book-style navigation bar of this embodiment occupies a smaller area and obstructs less the bottom of the screen, and a smaller layout is used to achieve management, browsing and display of all applications.

[0100] The above method of the embodiment of the present invention is now described with specific examples.

[0101] S1. Generate a book cover of the book-style navigation bar according to a page image of a display terminal.

[0102] In this step, the page image used as the book cover may be a homepage wallpaper of the display terminal, a system image, or a user-defined image, which is not limited in this embodiment.

[0103] The book cover includes a front cover located on the first page, a back cover located on the bottom page, and a spine connecting the front cover and the back cover. In other words, the image displayed by the book cover of this embodiment is continuous and complete, thereby improving user experience.

[0104] In an optional embodiment, if Figure 5 As shown, the generating of the book cover of the book-style navigation bar according to the page image of the display terminal further comprises:

[0105] S11. Determine a size of the book cover according to a display size of the display terminal, wherein the size of the book cover includes a first length in a first direction and a second length in a second direction, wherein the second direction is perpendicular to the first direction.

[0106] In a specific example, if the page image is the homepage wallpaper of the current display terminal, the image size of the homepage wallpaper is consistent with the display size, so the size of the book cover can be determined according to the size of the display terminal. Figure 6 As shown, the original size of the homepage wallpaper is large, and the homepage wallpaper needs to be scaled to get the book cover.

[0107] like Figure 6 and Figure 7As shown, the first direction of this embodiment is the X direction shown in the figure, and the second direction is the Y direction shown in the figure. In an optional embodiment, the second length is determined by scaling the length of the homepage wallpaper in this direction, and the length of the scaled homepage wallpaper in the first direction is the first length.

[0108] That is to say, this embodiment adjusts the page image according to the display screen height of the display terminal so that the page image meets the size of the spine cover.

[0109] For example, the scaling size is k. If the display terminal is a 110-inch screen, k=1 / 6, that is, the page image is scaled down to 1 / 6 of the original size based on the Y direction; if the display terminal is a 98-inch screen, k=1 / 5, that is, the page image is scaled down to 1 / 5 of the original size based on the Y direction; if the display terminal is an 85-inch screen, k=1 / 4.5, that is, the page image is scaled down to 1 / 4.5 of the original size based on the Y direction; if the display terminal is a 75-inch screen, k=1 / 4, that is, the page image is scaled down to 1 / 4 of the original size based on the Y direction. The above are only examples, and the screen size and scaling parameters of the display terminal can be designed according to actual applications, which will not be repeated here.

[0110] Based on the above embodiment, the relationship between the second length H of the book cover and the display size is: H=height of the page image*k, where k is a scaling parameter.

[0111] Furthermore, since the scaling is overall scaling, such as Figure 7 As shown, the size of the scaled page image not only changes in the Y direction, but also changes in the Y direction. The size of the scaled page image in the X direction is the first length W of the book cover.

[0112] In this step, the page image of the display terminal is scaled to obtain a book cover of the book-style navigation bar.

[0113] S13. Determine the number of applications of the same attribute, and determine a first thickness of the spine in a third direction according to the number of applications of the same attribute, wherein the third direction is perpendicular to the first direction and perpendicular to the second direction.

[0114] In this embodiment, an application is used as an inner page of a book. Therefore, the more applications there are, the more inner pages there are in the book, and the thicker the entire book-style navigation bar is. Therefore, this step determines the thickness of the book-style navigation bar by the number of applications, and further determines the thickness of the spine.

[0115] In this embodiment, applications with the same attributes are set in a book-style navigation bar. That is to say, there can be multiple book-style navigation bars in this embodiment, and each book-style navigation bar can meet different needs. For example, various apps for video playback can be set in a book-style navigation bar, various apps for music playback can be set in a book-style navigation bar, and various apps for text editing can also be set in the same book-style navigation bar. Related commands or programs are set in a book-style navigation bar.

[0116] In another specific example, by determining the attribute similarity of each application's functions, different types of applications are set in the same book-style navigation bar according to the similarity, thereby further saving the navigation area. Exemplarily, various apps for music playback, video playback, voice calls, etc. all have functions such as calling microphones and speakers. These apps can be set in the same book navigation, and based on the similarity, the arrangement order of the application pages in the book-style navigation bar can be set, which ensures fast navigation query and saves space. In a specific example, the thickness of the application page corresponding to each application is D by default. Exemplarily, the thickness D of the application page is related to the pixel p of the display terminal, for example, D=mp, (m is a constant).

[0117] If the user has installed n applications, then in the third direction, that is, the Z direction, that is, the thickness direction, the first thickness of the spine Dtotal = D1 + D2 + ... + Dn = n*mp

[0118] Assumptions: n = 10; m = 2,

[0119] Then the first thickness of the spine Dtotal: D1+D2+…+D10=10*2p

[0120] In this embodiment, the first thickness of the spine is determined based on the number of applications and the thickness of the inner pages of the applications.

[0121] S15. Cut the page image according to the first thickness of the spine, the first length, and the second length to form the front cover, the back cover, and the spine.

[0122] like Figure 7As shown, when the book cover is fully unfolded, in the first direction X, the first length W of the book cover is the sum of the width of the cover, the first thickness of the spine, and the width of the back cover in this direction. To ensure that the book cover completely wraps the inner pages and is symmetrical, the width of the cover and the width of the back cover are the same. Therefore, in this embodiment, the width of the cover W1 and the width of the back cover W2 are both (WD) / 2. It can be seen that for a complete book cover, based on the second length H, the width of the cover W1, the width of the back cover W2, and the first thickness D of the spine, the book cover can be cut to obtain each part.

[0123] S17, sequentially splicing the front cover, the spine and the back cover, wherein the image content displayed on the book cover is the image content displayed on the complete page image.

[0124] For example, Figure 7 As shown, the image content corresponding to the cover is located on the left, the image content corresponding to the spine is located in the middle, and the image content corresponding to the back cover is located on the right. When the book is fully opened, the image content displayed on the cover is the complete image content displayed on the page image, thereby obtaining a book cover with complete content.

[0125] like Figure 3 As shown, when the number of applications is large, the number of application pages is large, and there is an offset between the edges of the application pages close to the back cover and the application pages close to the front cover. Therefore, this embodiment also designs the inclination state of the spine and each application page to accurately simulate the book shape of the book-style navigation bar.

[0126] In an optional embodiment, if Figure 8 As shown, before step S17 of "sequentially splicing the front cover, the spine and the back cover", the method further includes:

[0127] S161. Determine an inclination angle formed by the spine and the back cover according to the first thickness and the number of the application images.

[0128] Based on the number of application images determined in the previous step and the thickness of a single page of the application inner page, in this step, Figure 3 As shown, the tilt angle formed by the spine and the back cover can be determined according to the preset book page simulation algorithm. Exemplarily, the more pages there are in the application, the greater the tilt angle of the simulated book-like navigation. In a specific example, the tilt angle θ is a linear function of the number of pages n in the application, that is, θ=nθ k , where θ k The preset tilt angle of an application page.

[0129] In another specific example, the tilt angle θ is a piecewise function of the number of application pages n. Considering that the single-page tilt angle corresponding to an application page is relatively small, this embodiment sets the tilt angle in segments. For example, when the application pages are 1 to 10 pages, the tilt angle is 1°, and when the application pages are 11 to 30 pages, the tilt angle is 5°. Through the above settings, the most realistic book simulation can be achieved.

[0130] S163 . Performing slope conversion on the cut page image corresponding to the book spine according to the tilt angle to form the book spine.

[0131] Furthermore, in this step, if Figure 7 As shown, in the flat state, the spine is rectangular, as shown in Figure 3 As shown, in the closed state, the book spine is an inclined quadrilateral. Therefore, according to the inclination angle θ determined in the previous step, the boundary where the back cover and the book spine intersect is used as the inclination boundary, and the rectangular book spine is tilted to form a three-dimensional book side.

[0132] S165: Determine an offset distance of the front cover relative to the back cover according to the tilt angle, so as to determine a cover position of the book-type navigation bar when no page is turned.

[0133] Exemplarily, there is an offset distance between the inner page of each application and the back cover, for example, the offset distance is 2 unit pixels, or the offset distance is multiple unit pixels. In this embodiment, the offset distance of each application can be determined based on the tilt angle, the number of applications and the thickness of the application page.

[0134] In this embodiment, the first thickness of the book-type navigation, that is, nD, can be determined according to the number of applications n and the thickness D of the application page. The inclination angle is θ. According to the Pythagorean theorem, the offset distance I between the top cover and the bottom back cover satisfies the tangent formula, that is, nD / I=tanθ.

[0135] Based on the overlapping inclined boundary of the back cover and the spine, the offset distance of each application is obtained. For example, the side edge of each application page is offset by two pixels. After the offset, the offset distance of each application page and the offset distance of the cover at the top can be determined, thereby realizing a book-like simulation of simulated navigation.

[0136] S3, acquiring an application image according to an application installed on the display terminal;

[0137] Exemplarily, there are many ways to obtain the application image. For example, for a non-locally installed application, the application has not been entered after installation. For this type of application, the page image may only display the icon and the application name.

[0138] In another example, a screenshot of each application is taken when each application is first started, and the screenshot is used as a page image. Through this setting, each application has its own screenshot book page, and based on the above steps, there is an offset distance between adjacent application pages, so that different applications have different visual effects, improving the navigation effect of the book-style navigation bar.

[0139] In another specific example, the application image of each application can be set according to the setting instruction of the user, so that the application image of the installed application can be acquired in advance.

[0140] S5. Generate an application inner page of the corresponding book-style navigation bar according to the application image.

[0141] like Fig. 9 and Fig.10 As shown, the book-style navigation bar of this embodiment includes application pages of multiple applications, and the application pages include a first page and a second page. In the folded state, the first page is close to the front cover, and the second page is close to the back cover. That is to say, the application page of this embodiment includes two pages, front and back, and the next application is displayed after turning the page in the manner of a book page. The front and back pages of this embodiment correspond to the same application, rather than two adjacent pages in the flat state corresponding to the same application. Through this setting, two different applications are displayed simultaneously in the flipping state.

[0142] In an optional embodiment, if Fig.11 As shown, step S5 "generating the application inner page of the book-style navigation bar according to the application image" further includes:

[0143] S51. Determine a third length of the application inner page in the first direction and a fourth length in the second direction according to the size of the cover.

[0144] Based on the process in the aforementioned step S1, the book cover wraps the application inner pages. In this embodiment, the size of the application inner pages can be determined according to the size of the book cover, for example Fig.10 As shown, the third length of the application inner page can be set to be consistent with the width of the cover in this direction, or consistent with the width of the back cover in this direction, and the fourth length of the application inner page can be set to be consistent with the length of the cover in the second direction, or consistent with the length of the back cover in this direction.

[0145] S53: Determine a second thickness of each of the application internal pages in the third direction according to a display size of the display terminal.

[0146] Exemplarily, based on the example in the aforementioned step S1, the thickness of the application inner page corresponding to each application is assumed to be D. Exemplarily, the thickness D of the application inner page is related to the pixel p of the display terminal, for example, D=mp, (m is a constant). That is, the second thickness is D.

[0147] S55: Convert the application image into an application inner page that satisfies the third length, the fourth length, and the second thickness.

[0148] Exemplarily, based on the process of step S3 "obtaining an application image according to the application installed on the display terminal", the main interface of the application can be captured by taking a screenshot. There may be a situation where the size of the application image generated by the screenshot is inconsistent. Therefore, this embodiment converts application images of different sizes into images of the same size so that they can be wrapped in a book cover and used as inner pages of the application.

[0149] In an optional embodiment, if Fig.12 As shown, step S55 "converting the application image into an application inner page that satisfies the third length, the fourth length and the second thickness" further includes:

[0150] S551, reducing the fourth length of the application image to the second length, and obtaining the third length of the application image according to the first length of the thickness of the spine;

[0151] In this step, the length of the application image is made consistent with the length of the page image by scaling, thereby accurately simulating a book-style navigation bar.

[0152] In this embodiment, what remains consistent is the length of the application image and the page image in the second direction. Since the page image forming the book cover also includes the spine, in the first direction, the length of the application image is not the same as the length of the book cover in the first direction, but is the same as the width of the back cover or the front cover in this direction, thereby obtaining an application inner page that is consistent with the size of the front cover or the back cover.

[0153] S553: ​​Split the application image into a first application image and a second application image by dividing the application image into a boundary with a center line of the side edge of the application image parallel to the spine.

[0154] In this embodiment, Fig. 9 As shown, one application corresponds to two application inner pages, so in this embodiment, the content of one application image is split so that both the first inner page and the second inner page can display the application content. Further, to ensure the display effect, the boundary is split by the center line parallel to the side of the spine, and the center line of the application image in the first direction is used as the axis to form a symmetrical first application image and a second application image.

[0155] S555: Set the image contents of the first application image and the second application image on two side pages of the same book page respectively.

[0156] like Fig. 9 As shown, the first application image is set on the front side of the same book page, and the second application image is set on the back side of the same book page, so as to realize the book page simulation of the book-style navigation bar.

[0157] Based on the above steps, after the application page of each application is formed, a subsequent process of superimposing multiple application pages is performed.

[0158] S7. Overlaying an inner page of an application with the same attribute and splicing it with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

[0159] In an optional embodiment, if Fig.13 As shown, step S7 "the application inner page with the same attribute is superimposed as a book inner page, and is spliced ​​with the book cover to form a book-style navigation bar of the application corresponding to the attribute", further includes:

[0160] S71: Use the back cover as the back cover of the book-style navigation bar to overlay the inner pages of the application on the back cover.

[0161] S73, using the split boundary of each of the application images as a folded side edge close to the book spine.

[0162] Based on the aforementioned step S553, the application image is split into a first page image and a second page image. In this step, a plurality of application inner pages are superimposed using the split boundary between the first page image and the second page image as the folded side edge close to the spine.

[0163] S75. Overlay all application inner pages under the attribute on the back cover.

[0164] During the superposition process, application pages with the same attributes all use the split boundaries as folding sides and converge to one side of the spine. After superposition, application pages with thickness are formed.

[0165] S77, superimposing the cover on the application inner page away from the back cover, the boundary of the back cover close to the folded side edge, the boundary of the cover close to the folded side edge and the folded side edge form the book spine.

[0166] After the application pages with the same attributes are superimposed, the cover is superimposed on the application page located at the top, so that the cover and the cover wrap the superimposed application pages. After superposition, the page image corresponding to the spine covers the folded sides of all the application pages to form the spine.

[0167] In a specific example, this embodiment does not limit the stacking order of multiple application inner pages, that is, the application inner page close to the back cover is application 1, and the application inner page away from the back cover is application n. In another specific example, the application inner page close to the back cover is application n, and the application inner page away from the back cover is application 1.

[0168] In another specific example, the stacking order of pages in different applications can be determined according to the frequency of use, or the stacking order can be determined according to the letters of the name of each application, etc., which is not limited here.

[0169] In an optional embodiment, the method further includes:

[0170] An application inner page is added to the current book-style navigation bar according to the received adding instruction, and the first thickness of the book spine is re-determined according to the second thickness of the added application inner page.

[0171] When a new application is installed, an application inner page corresponding to the application is generated according to the properties of the new application and the process of the aforementioned steps S3 and S5, and then the thickness of the spine is redetermined according to the thickness of the new application inner page in the third direction. For example, the updated spine thickness is obtained by adding the second thickness of the new application inner page to the first thickness of the original spine.

[0172] In another optional embodiment, the method further includes.

[0173] The application inner page is deleted in the current book-type navigation bar according to the received deletion instruction, and the first thickness of the book spine is re-determined according to the second thickness of the deleted application inner page.

[0174] In this embodiment, when the user wants to delete an installed application, there is a corresponding application page in the book-style navigation bar for the application, and the application page must also be deleted in the book-style navigation bar. Then, the thickness of the spine is re-determined based on the thickness of the deleted application page in the third direction. For example, the updated spine thickness is obtained by subtracting the second thickness of the deleted application page from the first thickness of the original spine.

[0175] Based on the above embodiments, this embodiment makes the navigation of the navigation bar more accurate and improves the user experience by timely updating the application inner pages of the book-style navigation bar.

[0176] In an optional embodiment, the book cover of the book-style navigation bar is refreshed at a preset frequency. For example, the book cover changes according to the change of the dynamic wallpaper of the display terminal. The method of updating the book cover refers to the process of step S1 and is not repeated here. When the homepage wallpaper changes, the book cover will be dynamically changed accordingly, realizing the dynamic change of the navigation bar and improving the user experience.

[0177] In an optional embodiment, when an application of the display terminal is updated, for example, the application homepage of the application changes after the version of the application is upgraded, in this embodiment, the method also includes: obtaining an update log of the application installed on the display terminal, obtaining an application image and generating an application internal page after starting the updated application, and replacing the previous version of the application internal page with the updated application internal page.

[0178] Exemplarily, a version number, such as V1.1.0, is displayed on the application internal page generated based on the application image. When the application is upgraded in the background, the new version is V1.1.1. The device for generating the book-style navigation bar obtains the update information of the application. Since the update is a background update, the updated application may not be started. Therefore, this embodiment records the updated application, determines whether the application internal page has been updated, and then after the user starts the updated application, obtains the application image of the updated application, generates an updated application internal page with the updated application image, deletes the previous version of the application internal page, and inserts the updated application internal page into the position of the previous version.

[0179] Based on this step, the book-style navigation of this embodiment can not only realize the dynamic change of the book cover, but also realize the timely update of the application inner page of the book-style navigation, thereby improving the user experience.

[0180] In an optional embodiment, the book-style navigation bar is displayed in the display interface of the display terminal in the form of special effects during operations such as page turning, deleting application pages, adding application pages, and updating the order of application pages.

[0181] like Fig.14 As shown, taking deleting an application page as an example, the display interface will show the application page being torn off, and the dynamic effect of the torn application page flying to the far end. For example, taking deleting an application page as an example, the display interface will show the application page being torn off, and the dynamic effect of the torn application page flying to the far end, thereby improving the user experience through 3D motion effects.

[0182] The book-style navigation bar of this embodiment can bring together multiple applications in the same navigation, saving the problem of icon occupation of different applications. In addition, the book-style navigation bar of this embodiment occupies a smaller area and has less screen bottom obstruction, so that the management, browsing and display of all applications can be realized with a smaller layout. In addition, users do not need to turn pages through the scroll bar, which reduces the user's scrolling and page turning click operations. Furthermore, the book-style navigation bar of this embodiment can realize 3D scene switching effects through page turning effects, new addition effects, update effects, deletion effects, application startup special effects, etc., to enhance the immersive experience.

[0183] Another embodiment of the present invention provides a switching method of a book-style navigation bar based on the previous embodiment of the present invention, which is applied to the display terminal, such as Fig.15 As shown, the switching method includes:

[0184] S1301: Displaying the book-style navigation bar on the display interface of the display terminal according to the received display instruction, wherein the book-style navigation bar is located on a part of the display interface of the display terminal;

[0185] S1303, turning the page of the book-like navigation bar according to the received page turning instruction, and marking the displayed application inner page after turning the page, and displaying the marked application inner page on another part of the display interface;

[0186] S1305: Enter the currently displayed application page according to the received selection instruction.

[0187] By using the navigation switching method of this embodiment, users do not need to turn pages through the scroll bar, reducing the user's scrolling and page turning click operations. Furthermore, the book-style navigation bar of this embodiment can achieve 3D scene switching effects through page turning effects, adding effects, updating effects, deleting effects, application startup effects, etc., to enhance the immersive experience.

[0188] Exemplarily, the display terminal is a smart TV, and the user inputs a control instruction to the display terminal through a remote controller. The switching method is now described with a specific example:

[0189] S1301: Displaying the book-style navigation bar on the display interface of the display terminal according to the received display instruction, wherein the book-style navigation bar is located on a part of the display interface of the display terminal;

[0190] The remote controller operates according to the user's selection, for example, the user presses the navigation button of the remote controller, the remote controller outputs a control instruction, and the display terminal displays a book-style navigation bar according to the display instruction. Fig.16 As shown, the book-style navigation bar is set in a corner of the display interface of the display terminal.

[0191] When multiple applications with the same attributes are opened, such as application 2 and application 3, the two applications are integrated into the same book-style navigation bar through the book-style navigation bar. When multiple applications with different attributes are opened, such as application and setting program, the book-style navigation bars with different attributes are displayed on the display interface. The book-style navigation bar of this embodiment does not block the bottom of the entire display interface, reducing the occupancy rate of the display interface.

[0192] S1303: Turn the page of the book-like navigation bar according to the received page turning instruction, and mark the application inner page displayed after the page turning, and another part of the display interface displays the marked application inner page.

[0193] The remote controller outputs a page turning instruction according to the user's page turning operation. For example, the user presses and holds the remote controller to turn the page. The left key turns the page forward and the right key turns the page backward. The display terminal turns the page in the application in response to the page turning instruction. In a specific example, for example Figure 3 As shown, when the book-style navigation bar is displayed on the display interface, it is in a closed state without being flipped. Press and hold the right button on the remote control, for example Fig. 9 As shown, the right page turning effect will be called, such as Figure 4 As shown, the page is then displayed in a flat state of flipping. Exemplarily, the special effects of the display terminal are called, such as the Android Animation function custom Rotate3D, to achieve 3D page turning effects, and to turn pages through customized animation special effects.

[0194] like Fig. 9 As shown, the user presses the right button of the remote control once to turn the page from the cover to application 1. Pressing the right button again will turn the page to application 2. After turning the page to the last application, clicking the right button will prompt that the back cover has been turned. In another specific example, if the book-style navigation bar is displayed on the back cover, the user can click the left button of the remote control again to invoke the left-turning animation, turn the page to application n, continue to turn the page to the left, turn the page to application n-1, turn the page forward in sequence, turn to application 2, application 1 in sequence, until the cover is turned.

[0195] In this embodiment, when the page is turned to the current application page, the current application page will be marked. For example, a border is set on the edge of the current application page as a mark to mark the page turned to the current application page. Every time a page is turned, the application page turned to will be marked so that the user can clearly know the page turning position.

[0196] In this embodiment, Fig.16As shown, the book-style navigation bar is set in a corner of the display interface. For example, the position of the book-style navigation bar can be customized by the user, and the placement position can be selected by the system setting. You can choose the lower corner, lower right corner, upper left corner, upper right corner, etc., while the other part of the display interface is not idle, but displays the image of the currently identified application page for the user to clarify the function of the current application. In this example, the book-style navigation bar does not occupy the entire bottom of the display interface, which improves the display effect.

[0197] S1305: Enter the currently displayed application page according to the received selection instruction.

[0198] In this step, the remote controller outputs a selection instruction according to the user's selection operation, and the display terminal enters the currently displayed application page in response to the selection instruction.

[0199] For example, the remote control is provided with command buttons for entering different application pages, such as a signal source button, a setting button, a book page button, etc. The user can directly click the command button on the remote control to enter the corresponding application page. In another example, the application page entered can also be determined by the user's page turning operation and selection operation on the page turning button and the confirmation button, which will not be repeated here.

[0200] In an optional embodiment, step S1305 “entering the currently displayed application page according to the received selection instruction” includes:

[0201] In response to the selection instruction, the image content of the currently displayed application internal page is enlarged to the display interface, and the book-style navigation bar disappears on the display interface.

[0202] In this embodiment, based on the page turning in step S1303, each time the page is turned, the user can click the confirmation key to enter the application, and the remote control generates a selection instruction according to the key operation to enter the current application page. After confirmation, the image content of the application page will gradually enlarge, start the gradient animation effect, and then enlarge it to the entire screen. After the enlargement animation effect is started, the application is displayed on the entire display interface, and the navigation bar page will automatically disappear, realizing the transition from navigation selection to display.

[0203] In another optional embodiment, the method further includes: displaying a disappeared book-style navigation bar according to the received first navigation instruction, wherein the book-style navigation bar displays an application inner page corresponding to the current display interface, and the application inner page is marked.

[0204] In this embodiment, the remote control outputs navigation instructions according to the user's pressing operation. For example, the user presses and holds the navigation key of the remote control, and the display terminal responds to the navigation instruction to display the disappearing book-style navigation bar. The book-style navigation bar that just disappeared automatically will appear on the display interface, and the book-style navigation bar stays on the current application page, and the current page is in the identification state.

[0205] In another optional embodiment, the method further includes:

[0206] According to the received second navigation instruction, the displayed disappeared book-style navigation bar disappears again, and the display interface displays the application internal page marked by the book-style navigation bar.

[0207] In this embodiment, based on the aforementioned display of the navigation bar on the display interface according to the first navigation instruction, the user presses the navigation key of the remote control again and clicks the navigation bar a second time to output a second navigation instruction. According to the second navigation instruction, the book-style navigation bar displayed in the display interface disappears.

[0208] In an optional embodiment, the method further includes: according to the received adding instruction, displaying the special effect of inserting the application inner page into the book-like navigation bar on the display interface. In this embodiment, when the user installs a third-party application, the book page will be automatically added. For example, the added book page can be added to the front of the back cover of the last application inner page of the original book-like navigation bar, and the special effect of inserting the application inner page into the book page is displayed when adding the application inner page.

[0209] In another optional embodiment, according to the received deletion instruction, a special effect of deleting an application page from the book-like navigation bar is displayed on the display interface. Exemplarily, the user can call up a submenu by selecting a button on the remote control, and select Delete in the submenu to delete the current book page application. When deleting an application page, a special effect of deleting the application page from the book-like navigation bar is displayed.

[0210] In another optional embodiment, according to the received update instruction, the display interface displays the special effect of the sequential change of the application pages from the book-like navigation bar. The user selects to move the application page to the remaining position by controlling the buttons of the remote control. When the user selects to move, the book page enters the moving state. For example, when the left or right button of the remote control is clicked, the current application page will be moved forward or backward, and the special effect of page movement will be displayed.

[0211] The book-style navigation bar of this embodiment realizes 3D scene switching effects through the page turning effects, new adding effects, update effects, deletion effects, application startup special effects, etc. of the above embodiments, thereby enhancing the immersive experience.

[0212] like Fig.17As shown, another embodiment of the present invention provides a navigation device, which is applied to the display terminal, and the navigation device includes:

[0213] A book cover generating unit, used to generate a book cover of the book-style navigation bar according to a page image of a display terminal;

[0214] An application image acquisition unit, configured to acquire an application image according to an application installed on the display terminal;

[0215] An application internal page generating unit, configured to generate an application internal page of the book-style navigation bar corresponding to the application image;

[0216] The book page splicing unit is used to superimpose the inner pages of the application with the same attribute and splice with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

[0217] The navigation generation device of this embodiment executes the navigation generation method of the aforementioned embodiment of the present invention, and uses the navigation generation device to interact with the remote controller and display the generated book-style navigation bar on the display interface of the display terminal.

[0218] It is possible to combine multiple applications in the same navigation, saving the problem of icons occupying different applications. In addition, the book-style navigation bar of this embodiment occupies a smaller area and has less screen occupancy at the bottom, so that all applications can be managed, browsed and displayed using a smaller layout. In addition, users do not need to turn pages using the scroll bar, reducing the number of scrolling and page-turning click operations. Furthermore, the book-style navigation bar of this embodiment can achieve 3D scene switching effects through page-turning effects, new addition effects, update effects, deletion effects, application startup special effects, etc., to enhance the immersive experience.

[0219] like Fig.18 As shown, another embodiment of the present invention provides a switching device, which is applied to the display terminal, and the switching device includes:

[0220] A navigation display unit, configured to enable the display interface of the display terminal to display the book-style navigation bar according to the received display instruction, wherein the book-style navigation bar is located in a part of the display interface of the display terminal;

[0221] A navigation page turning unit, used to turn the pages of the book-like navigation bar according to the received page turning instruction, and mark the displayed application inner page after the page turning, and another part of the display interface displays the marked application inner page;

[0222] The navigation selection unit is used to enter the currently displayed application page according to the received selection instruction.

[0223] The navigation switching device of this embodiment executes the navigation switching method of the aforementioned embodiment of the present invention, and uses the navigation switching device to interact with the remote control and switch the generated book-style navigation bar. Through the page turning effects, adding effects, updating effects, deleting effects, application startup special effects, etc. of the aforementioned embodiment, 3D scene switching effects are realized to enhance the immersive experience. Another embodiment of the present invention provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the navigation generation method or navigation switching method of the aforementioned embodiment of the present invention.

[0224] In practical applications, the computer-readable storage medium can adopt any combination of one or more computer-readable media. The computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, but not limited to, a system, device or device of electricity, magnetism, light, electromagnetic, infrared, or semiconductor, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present embodiment, the computer-readable storage medium can be any tangible medium containing or storing a program, which can be used by an instruction execution system, device or device or used in combination with it.

[0225] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, which carry computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer-readable signal media may also be any computer-readable medium other than a computer-readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0226] The program code embodied on the computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0227] Computer program code for performing the operations of the present invention may be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0228] like Fig.19 As shown, a structural schematic diagram of a display device provided by another embodiment of the present invention. Fig.19 The display device 12 shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.

[0229] like Fig.19 As shown, the display device 12 is in the form of a general purpose computing device. The components of the display device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that connects various system components (including the system memory 28 and the processing unit 16).

[0230] Bus 18 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor or a local bus using any of a variety of bus architectures. By way of example, these architectures include, but are not limited to, an Industry Standard Architecture (ISA) bus, a Micro Channel Architecture (MAC) bus, an Enhanced ISA bus, a Video Electronics Standards Association (VESA) local bus, and a Peripheral Component Interconnect (PCI) bus.

[0231] The display device 12 typically includes a variety of computer system readable media. These media can be any available media that can be accessed by the display device 12, including volatile and non-volatile media, removable and non-removable media.

[0232] The system memory 28 may include computer system readable media in the form of volatile memory, such as random access memory (RAM) 30 and / or cache memory 32. The display device 12 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, the storage system 34 may be used to read and write non-removable, non-volatile magnetic media ( Fig.19 not shown, usually called a "hard drive"). Although Fig.19 Not shown in the figure, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk"), and an optical disk drive for reading and writing to a removable non-volatile optical disk (e.g., a CD-ROM, a DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to the bus 18 via one or more data medium interfaces. The memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of the various embodiments of the present invention.

[0233] A program / utility 40 having a set (at least one) of program modules 42 may be stored, for example, in the memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment. The program modules 42 generally perform the functions and / or methods of the embodiments described herein.

[0234] The display device 12 may also communicate with one or more external devices 14 (e.g., a keyboard, a pointing device, a display 24, etc.), one or more devices that enable a user to interact with the display device 12, and / or any device that enables the display device 12 to communicate with one or more other computing devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface 22. Furthermore, the display device 12 may also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) via a network adapter 20. Fig.19 As shown, the network adapter 20 communicates with other modules of the display device 12 via the bus 18. It should be understood that although Fig.19 Not shown, other hardware and / or software modules may be used in conjunction with the display device 12, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems. The processor unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, such as implementing a navigation generation method or a navigation switching method provided in an embodiment of the present invention.

[0235] The related functions, principles and processes performed by the navigation generating device and the navigation switching device in the embodiments of the present invention can be found in the display panel of the aforementioned embodiments, which will not be described in detail here.

[0236] It should also be noted that, in the description of the present invention, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the statement "comprises a ..." does not exclude the presence of other identical elements in the process, method, article or device including the element.

[0237] Obviously, the above embodiments of the present invention are merely examples for clearly illustrating the present invention, and are not limitations on the embodiments of the present invention. For those skilled in the art, other different forms of changes or modifications can be made based on the above description. It is impossible to list all the embodiments here. All obvious changes or modifications derived from the technical solution of the present invention are still within the protection scope of the present invention.

Claims

1. A method for generating a book-style navigation bar, characterized in that: Applied to a display terminal, the method comprises: Generating a book cover of the book-style navigation bar according to a page image of a display terminal; Acquiring an application image according to an application installed on the display terminal; Generate an application inner page of the corresponding book-style navigation bar according to the application image; The inner page of the application with the same attribute is superimposed and spliced ​​with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

2. The method for generating a book-style navigation bar according to claim 1, characterized in that: The book cover comprises a front cover located on the first page, a back cover located on the bottom page, and a spine connecting the front cover and the back cover; The step of generating a book cover of the book-style navigation bar according to the page image of the display terminal further comprises: Determining the size of the book cover according to the display size of the display terminal, the size of the book cover including a first length in a first direction and a second length in a second direction, the second direction being perpendicular to the first direction; Determining the number of applications of the same attribute, and determining a first thickness of the spine in a third direction according to the number of applications of the same attribute, the third direction being perpendicular to the first direction and perpendicular to the second direction; Cutting the page image according to the first thickness, the first length and the second length of the spine to form the front cover, the back cover and the spine; The front cover, the spine and the back cover are spliced ​​in sequence, and the image content displayed on the book cover is the image content displayed by the complete page image.

3. The method for generating a book-style navigation bar according to claim 2, characterized in that: Before sequentially splicing the cover, the spine and the back cover, the method further includes: determining an inclination angle formed by the spine and the back cover according to the first thickness and the number of the application images; Performing slope conversion on the cut page image corresponding to the book spine according to the tilt angle to form the book spine; The offset distance of the front cover relative to the back cover is determined according to the tilt angle to determine the position of the cover when the book-type navigation bar is not turned over.

4. The method for generating a book-style navigation bar according to claim 2, characterized in that: The application inner page includes a first page and a second page. In an unfolded state, the first page is close to the front cover, and the second page is close to the back cover. The step of generating the application inner page of the book-style navigation bar according to the application image further includes: Determining a third length of the application inner page in the first direction and a fourth length in the second direction according to the size of the cover; Determining a second thickness of each of the application internal pages in the third direction according to a display size of the display terminal; The application image is converted into an application inner page satisfying the third length, the fourth length, and the second thickness.

5. The method for generating a book-style navigation bar according to claim 4, characterized in that: The converting the application image into an application inner page satisfying the third length, the fourth length and the second thickness further comprises: reducing the fourth length of the application image to the second length, and obtaining a third length of the application image according to the first length; Splitting the application image by a center line of the side of the application image parallel to the spine to obtain a first application image and a second application image; The image contents of the first application image and the second application image are respectively set on two side pages of the same book page.

6. The method for generating a book-style navigation bar according to claim 5, characterized in that: The inner page of the application with the same attribute is superimposed as the inner page of the book, and is spliced ​​with the book cover to form a book-style navigation bar of the application corresponding to the attribute, further comprising: Using the back cover as the back cover of the book-style navigation bar; Using the splitting boundary of each of the application images as a folded side edge close to the book spine; Overlaying all application pages under the attribute on the back cover; superimposing the cover on an inner page of the application away from the back cover; The border of the back cover close to the folded side edge, the border of the front cover close to the folded side edge and the folded side edge form the book spine.

7. The method for generating a book-style navigation bar according to any one of claims 2 to 6, characterized in that: The method further comprises: Adding an application inner page to the current book-style navigation bar according to the received adding instruction, and re-determining the first thickness of the book spine according to the second thickness of the added application inner page; and / or The application inner page is deleted in the current book-type navigation bar according to the received deletion instruction, and the first thickness of the book spine is re-determined according to the second thickness of the deleted application inner page.

8. A method for switching a book-style navigation bar according to any one of claims 1 to 6, applied to the display terminal, characterized in that: causing the display interface of the display terminal to display the book-style navigation bar according to the received display instruction, wherein the book-style navigation bar is located on a part of the display interface of the display terminal; Turning the page of the book-like navigation bar according to the received page turning instruction, and marking the displayed application inner page after turning the page, and displaying the marked application inner page on another part of the display interface; Enter the currently displayed application page according to the received selection instruction.

9. The switching method according to claim 8, characterized in that: Entering the currently displayed application page according to the received selection instruction includes: In response to the selection instruction, the image content of the currently displayed application internal page is enlarged to the display interface, and the book-style navigation bar disappears from the display interface; or The switching method further includes: According to the received first navigation instruction, a disappeared book-style navigation bar is displayed, wherein the book-style navigation bar displays an application inner page corresponding to the current display interface, and the application inner page is marked; and / or The switching method further includes: According to the received second navigation instruction, the displayed disappeared book-style navigation bar disappears again, and the display interface displays the application internal page marked by the book-style navigation bar.

10. The switching method according to claim 8, characterized in that: The switching method further includes: According to the received adding instruction, a special effect of inserting the book-style navigation bar into the application page is displayed on the display interface; and / or According to the received deletion instruction, a special effect of deleting an application page from the book-style navigation bar is displayed on the display interface; and / or According to the received update instruction, a special effect of sequential changes of pages within the application of the book-like navigation bar is displayed on the display interface.

11. A navigation device for executing the generation method according to claim 1, characterized in that: Applied to the display terminal, the navigation device comprises: A book cover generating unit, used to generate a book cover of the book-style navigation bar according to a page image of a display terminal; An application image acquisition unit, configured to acquire an application image according to an application installed on the display terminal; An application internal page generating unit, configured to generate an application internal page of the book-style navigation bar corresponding to the application image; The book page splicing unit is used to superimpose application inner pages of the same attribute and splice with the book cover to form a book-style navigation bar of the application corresponding to the attribute.

12. A navigation switching device for executing the switching method according to claim 8, characterized in that: Applied to the display terminal, the switching device comprises: A navigation display unit, configured to enable the display interface of the display terminal to display the book-style navigation bar according to the received display instruction, wherein the book-style navigation bar is located in a part of the display interface of the display terminal; A navigation page turning unit, used to turn the pages of the book-like navigation bar according to the received page turning instruction, and mark the displayed application inner page after the page turning, and another part of the display interface displays the marked application inner page; The navigation selection unit is used to enter the currently displayed application page according to the received selection instruction.

13. A display device, comprising: The method comprises a memory, a processor and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the method as claimed in any one of claims 1 to 7 or the method as claimed in any one of claims 8 to 10 is implemented.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 7 or the method according to any one of claims 8 to 10 is implemented.

Citation Information

Patent Citations

  • Book-cover changing method, electronic device and computer storage medium

    CN109324859A

  • Content fusion method and device and electronic equipment

    CN111638831A