WO2022001220A1

WO2022001220A1 - Method for presenting shared display element in pages, and electronic device and storage medium

Info

Publication number: WO2022001220A1
Application number: PCT/CN2021/082389
Authority: WO
Inventors: 杨树彬
Original assignee: 掌阅科技股份有限公司
Priority date: 2020-06-30
Filing date: 2021-03-23
Publication date: 2022-01-06
Also published as: CN111783015A

Abstract

A method for presenting a shared display element in pages, the method comprising: step S110, on the basis of a request for jumping from a first page to a second page, detecting whether the second page and the first page have a shared display element; step S120, if so, determining motion trajectory data of the shared display element according to the position of the shared display element on the first page and the second page; step S130, determining scaling size data of the shared display element according to the size of the shared display element on the first page and the second page; and step S140, rendering and presenting the shared display element according to the motion trajectory data and the scaling size data of the shared display element, and according to page data, returned by a server, of the second page, rendering and presenting other page elements, other than the shared display element, on the second page. By means of a shared display element, a rendering and presentation effect during page jumping is promoted. In addition, further disclosed are an electronic device and a storage medium which correspond to the method.

Description

Display method, electronic device and storage medium for shared display elements in a page

CROSS-REFERENCE TO RELATED APPLICATIONS

This application claims the priority of the Chinese patent application filed on June 30, 2020 with the application number 202010615124.6 and titled "Display Method, Electronic Device and Storage Medium for Shared Display Elements in Pages", the entire contents of which are approved by Reference is incorporated in this application.

technical field

The present disclosure relates to the technical field of terminals, and in particular, to a method for displaying shared display elements in a page, an electronic device and a storage medium.

Background technique

With the continuous development of science and technology, the functions of various network service applications are becoming more and more powerful. The application provides a variety of different pages to display information, and each page can be switched and jumped. For example, jump from the current page to the next page. When turning, the page data of the next page is obtained for rendering and display, and the visual effect presented to the user is that the next page directly covers the current page.

However, in the process of implementing the present disclosure, the inventor found that different pages in the application reuse the same display elements, that is, different pages are related, and the page jump processing method in the prior art cuts off this. There is no connection between pages on display elements, and there is a lack of a jump processing method for pages that reuse the same display elements.

SUMMARY OF THE INVENTION

In view of the above problems, the present disclosure is proposed to provide a display method, electronic device and storage medium for sharing display elements in a page that overcome the above problems or at least partially solve the above problems.

According to an aspect of the present disclosure, a method for displaying shared display elements in a page is provided, including:

Based on the jump request from the first page to the second page, detect whether the second page and the first page have at least one shared display element identical to the display element;

If so, determine the motion trajectory data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

determining the scaling size data of the at least one shared display element according to the first size of the at least one shared display element on the first page and the second size of the second page;

The at least one shared display element is rendered and displayed according to the motion trajectory data and the zoom size data of the at least one shared display element, and other pages except the at least one shared display element in the second page are displayed according to the page data of the second page returned by the server. Elements are rendered for display.

According to another aspect of the present disclosure, an electronic device is provided, including: a processor, a memory, a communication interface, and a communication bus, and the processor, the memory, and the communication interface communicate with each other through the communication bus;

The memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform the following operations:

based on the jump request from the first page to the second page, detecting whether the second page and the first page have at least one shared display element that is the same as the display element;

According to yet another aspect of the present disclosure, a non-volatile computer-readable storage medium is provided, where at least one executable instruction is stored in the non-volatile computer-readable storage medium, and the executable instruction causes a processor to perform the following operations :

If so, determine the motion trajectory data of at least one shared display element at the first position of the first page and the second position of the second page according to at least one shared display element;

According to yet another aspect of the present disclosure, there is also provided a computer program product, the computer program product comprising a computing program stored on the above-mentioned non-volatile computer-readable storage medium.

According to the display method, electronic device and storage medium for sharing display elements in pages of the present disclosure, it is detected whether the second page and the first page have at least one same display element based on the jump request from the first page to the second page. share the display element; if so, determine the motion trajectory data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page; according to the at least one shared display element in the first position The first size of the page and the second size of the second page determine the scaling size data of the at least one shared display element; the at least one shared display element is rendered and displayed according to the motion trajectory data and the scaling size data of the at least one shared display element, and The page data of the second page returned by the server renders and displays other page elements in the second page except at least one shared display element. Through the above method, when jumping between pages with shared display elements, the dynamic effect of moving the shared display elements to the corresponding position of the next page in a dynamic way can be realized under the premise of ensuring the normal rendering and display of the next page. , which improves the rendering and display effect of page jumps.

The above description is only an overview of the technical solutions of the present disclosure. In order to understand the technical means of the present disclosure more clearly, it can be implemented according to the contents of the description, and in order to make the above-mentioned and other purposes, features and advantages of the present disclosure more obvious and easy to understand , the following specific embodiments of the present disclosure are given.

Description of drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are for purposes of illustrating preferred embodiments only and are not to be considered limiting of the present disclosure. Also, the same components are denoted by the same reference numerals throughout the drawings. In the attached image:

FIG. 1 shows a flowchart of a method for displaying shared display elements in a page provided by an embodiment of the present disclosure;

FIG. 2 shows a flowchart of a method for displaying shared display elements in a page provided by another embodiment of the present disclosure;

Figure 3a shows a schematic diagram of a first page in an embodiment of the present disclosure;

Fig. 3b shows a schematic diagram of a second page in an embodiment of the present disclosure;

FIG. 4 shows a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.

detailed description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided so that the present disclosure will be more thoroughly understood, and will fully convey the scope of the present disclosure to those skilled in the art.

FIG. 1 shows a flowchart of a method for displaying shared display elements in a page provided by an embodiment of the present disclosure. As shown in FIG. 1 , the method includes the following steps:

Step S110, based on the jump request from the first page to the second page, detect whether the second page and the first page have at least one shared display element that is the same as the display element.

The jump request from the first page to the second page may be triggered according to a user operation, or may be triggered according to an application automatic jump request.

Optionally, according to the page templates of the first page and the second page, it is detected whether the second page contains at least one same display element as the first page, and the same display element contained in the first page and the second page is the first page. and shared display elements between the second page. This step is equivalent to detecting whether the second page multiplexes the display elements in the first page and the number of the multiplexed display elements.

Step S120, if the second page and the first page have at least one shared display element that is the same as the display element, determine at least one shared display element according to the at least one shared display element at the first position on the first page and at the second position on the second page. Displays the movement track data of the element.

Since the position and size of the same display element are different on different pages, when jumping from the first page to the second page, the ultimate goal is to make all the display elements in the second page follow the specified position and size. In terms of size, in the method of this embodiment, the shared display element is rendered mainly from two aspects of position change and size change.

For the position change of the shared display element, determine the motion trajectory of the shared display element according to the first position of the shared display element on the first page and the second position on the second page, and obtain motion trajectory data for indicating the shared display element . Specifically, according to the coordinates of the first position of the shared display element on the first page and the coordinates of the second position of the shared display element on the second page, determine the coordinate data of the trajectory between the first position and the second position , that is, the exercise track data of the shared display element is obtained. Optionally, the motion trajectory of the shared display element is a straight trajectory from the first position to the second position.

Step S130: Determine scaling size data of the at least one shared display element according to the first size of the at least one shared display element on the first page and the second size of the at least one shared display element.

For the size change of the shared display element, according to the first size of the shared display element on the first page and the second size of the second page, determine the size of the shared display element that needs to be enlarged or reduced, and generate Share the zoom size data of the display element to zoom in or out.

Step S140: Render and display at least one shared display element according to the motion trajectory data and zoom size data of the at least one shared display element, and perform a display of at least one shared display element in the second page according to the page data of the second page returned by the server. other page elements for rendering display.

In this embodiment, the rendering display of the second page is divided into two parts: one is the rendering display of shared display elements, which is specifically rendered and displayed according to the determined motion trajectory data and zoom size data. In this way, the vision presented to the user is the dynamic effect of the shared display element changing and moving along the motion track, that is, the effect seen by the user is that the shared display element directly moves smoothly from the first position to the second position, and the size Also changed from the first size to the second size. In the prior art, the effect seen by the user is that the second page directly covers the first page, and the effect of dynamic transition of the shared display element from the first position to the second position cannot be presented.

The second is the rendering and display of other page elements except the shared display element. Specifically, the other page elements are rendered and displayed according to the page data of the second page returned by the server.

According to the method for displaying shared display elements in a page provided by this embodiment, based on the jump request from the first page to the second page, it is detected whether the second page and the first page have at least one shared display element that is the same as the display element. , then according to the position and size of the shared display element on the first page and the second page respectively, determine the motion trajectory data and scaled size data of the shared display element, and then render the shared display according to the motion trajectory data and scaled size data of the shared display element. elements, and render and display other page elements in the second page except the shared display elements according to the page data returned by the server. Through the above method, when jumping between pages with shared display elements, the dynamic effect of moving the shared display elements to the corresponding position of the next page in a dynamic way can be realized under the premise of ensuring the normal rendering and display of the next page. , which improves the rendering and display effect of page jumps.

FIG. 2 shows a flowchart of a method for displaying shared display elements in a page provided by another embodiment of the present disclosure. As shown in FIG. 2 , the method includes the following steps:

Step S210, based on the jump request from the first page to the second page, detect whether the second page and the first page have at least one shared display element that is the same as the display element.

The jump request from the first page to the second page is triggered according to the user's operation on the entry in the first page for jumping to the second page. Taking the e-book application as an example, multiple books are displayed on the book list page, and the entry for jumping to the book details page on the book list page is set in the display area of each book. When the entry in the area is operated, a jump request from the book list page to the book details page of the book is triggered.

Or, the jump request from the first page to the second page is triggered according to the automatic jump request of the application. For example, after the screen-opening page is displayed, it will automatically jump to the homepage of the application. Then, the jump request from the screen-opening page to the homepage of the application is triggered according to the automatic jumping requirement of the application.

Each different page of the application has a corresponding page template, and the page template specifies each page element displayed on the page and its position and size. Based on this, whether there is a shared display element between the second page and the first page can be detected through the page templates of the first page and the second page.

Step S220, if it is detected that the second page and the first page have at least one shared display element with the same display element, determine at least one shared display element according to the at least one shared display element in the first position of the first page and the second position of the second page. Share the motion trajectory data of display elements.

In the method of this embodiment, the shared display elements are rendered mainly from three aspects: position change, size change, and change speed.

Step S230: Determine scaling size data of the at least one shared display element according to the first size of the at least one shared display element on the first page and the second size of the at least one shared display element.

For the size change of the shared display element, according to the first size of the shared display element on the first page and the second size of the second page, determine the size of the shared display element that needs to be enlarged or reduced, and get the Share the zoom size data of the display element to zoom in or out.

Step S240, determining the movement distance data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page; Set the movement duration data, and calculate the movement speed data of at least one shared display element.

As for the change speed of the shared element, in this embodiment, the motion duration of the shared display element is fixed, then the shared display element is determined according to the first position of the shared display element on the first page and the second position of the second page. Movement distance; then, according to the movement distance of the shared display element and the fixed duration, the movement speed of the shared display element is calculated.

In this embodiment, the motion trajectory, zoom size, and motion speed of the shared display element are determined, and the rendering display is performed according to these three factors, and the rendering effect is: within a fixed time period, the shared display element is displayed at a certain speed by The first position is moved to the second position, and the size is scaled from the first size to the second size.

Step S250, according to the motion trajectory data, zoom size data and motion speed data of at least one shared display element, read and render and display at least one shared display element from the local cache, and according to the page data of the second page returned by the server Other page elements in the second page except at least one shared display element are rendered and displayed.

Similarly, the rendering display of the second page in this embodiment is divided into two parts: one is the rendering display of the shared display elements in the second page. The second is the rendering display of other page elements except shared display elements. Each of them will be described below.

During specific implementation, the display elements multiplexed among the pages can be determined, for example, the display elements multiplexed among the pages are detected according to the page templates of the pages. In the method of this embodiment, the shared display elements are cached locally, the shared display elements between each page are acquired from the server in advance, and cached locally. For example, after requesting the page data of the first page, the display element of the first page reused by the second page can be cached, and when jumping to the second page, the display element can be directly read from the cache. , without requesting to the server.

For the shared display element in the second page, read and render the shared display element locally according to its corresponding motion trajectory data, zoom size data, and motion speed data. For example, the motion trajectory of the shared display element is a straight line from the first position to the second position, the scaled size of the shared display element is enlarged from the first size to the second size, and the motion speed is 1 cm/ms (the preset motion duration is 3 milliseconds, and the linear trajectory distance is 3 centimeters), then, the visual effect of the rendering display is: the shared display element with a duration of 3 milliseconds moves from the first position to the second position in a straight line, and the size is enlarged from the first size to the second Dimension transition animation.

In an optional manner, if it is detected that the second page contains relevant basic information of at least one shared display element, the at least one shared display element and its relevant basic information are read from the local cache and rendered and displayed. If the second page also contains the relevant basic information of the shared display element, the relevant basic information of the shared display element will also be cached locally in advance. When rendering and displaying, the shared display element and its related basic information will be read and rendered from the local cache. information.

For example, in an e-book application, the book list page and the book details page reuse the e-book cover element, and the relevant basic information of the e-book cover element is requested from the server in advance according to the book identifier of any book in the book list page. Such as book title, author, content introduction, book catalog, etc., and cache it locally.

For other page elements in the second page except the shared display element, rendering and display is performed according to the page data of the second page returned by the server. During specific implementation, the page data of the second page can also be requested from the server in advance and cached locally, for example, the page data of the second page can be cached when the first page or even a page before the first page.

The method of the embodiment of the present disclosure can be applied to an e-book application. The e-book application includes a book list page, a book detail page, a bookshelf page, a book order page, etc. The display elements multiplexed by each page usually include an e-book cover element.

The effect of applying the method of the embodiment of the present disclosure to an electronic book application will be described below with reference to the accompanying drawings. FIG. 3a shows a schematic diagram of the first page in the embodiment of the present disclosure, and FIG. Schematic diagram, as shown in Figures 3a and 3b, the first page is the book list page, the second page is the book details page, the first page and the second page reuse the book cover element, and the book cover is in the first page. position and size are not the same as the position and size on the second page. According to the user's click operation on the display area of the book on the book list page, a jump request from the book list page to the book details page of the book is triggered. In this example, the user clicks on the display area of the third book. Then, using the method of the embodiment of the present disclosure, after the user performs the click operation, the visual effect presented to the user is: the book cover 3 moves from its first position on the first page to its position on the second page. In the second position, during the moving process, the size of the book cover 3 is continuously enlarged, from the first size in the first page to the second size in the second page at a constant speed, at the same time, the second page The other page elements are rendered normally. However, the visual effect presented to the user in the prior art is that the second page directly covers the first page. Compared with the prior art, the rendering display effect of the method in the embodiment of the present application is better.

Shared display elements can also be creative elements. In practical applications, creative elements usually have two display resource slots, one is the opening page, and the other is the focus map on the book list page, that is, the opening page. The advertising material elements will be reused between the page and the book list page, and the jump between the two pages may also be processed by the method of this embodiment.

In an optional manner, after the at least one shared display element is rendered and displayed, the following steps are further performed: calculating the background processing layer data to be displayed in the second page according to the at least one shared display element rendered and displayed; The processing layer data rendering shows the background processing layer in the second page.

After the shared display element is rendered and displayed, data for rendering the background processing layer of the second page is calculated according to the rendered shared display element. For example, first perform color extraction processing on the rendered shared display element, and extract the main color data of the shared display element; then, the shared display element is enlarged and Gaussian blurred; then, the extracted theme color data is appended to the enlarged On the shared display element with Gaussian blurring, the background processing layer data is obtained; finally, the background processing layer of the second page is rendered and displayed according to the background layer processing data. In this method, the second page of the final rendering display also has a background layer, and the display effect is better.

In addition, if the second page does not contain the same shared display element as any display element in the first page, all page elements of the second page are rendered and displayed according to the page data of the second page returned by the server.

According to the method for displaying shared display elements in a page provided by the embodiment of the present disclosure, based on the jump request from the first page to the second page, it is detected whether the second page contains the same shared display elements as the display elements in the first page; If it is included, determine the motion trajectory data of the shared display element according to the position of the shared display element on the first page and the second page, and determine the shared display element according to the size of the shared display element on the first page and the size of the second page. The scaled size data of the display element and the motion speed data of the shared display element are determined; then, according to the motion trajectory data, the scaled size data and the motion speed data of the shared display element, the data is read from the local cache for the shared display element and its related The basic information is rendered and displayed, and at the same time, other display elements other than the shared display elements in the second page are rendered and displayed. Through the above method, when jumping between pages with shared display elements, the dynamic effect of moving the shared display elements to the corresponding position of the next page in a dynamic way can be realized under the premise of ensuring the normal rendering and display of the next page. , which improves the rendering and display effect of page jumps. At the same time, by caching the shared display elements and their related basic information locally, there is no need to request data from the server when rendering and displaying, which can avoid the situation that the page is delayed and stuck. In addition, a method for rendering and displaying the background layer of the second page based on the shared display element is also provided, which can beautify the second page and further improve the rendering and display effect of the page.

An embodiment of the present disclosure provides a non-volatile computer-readable storage medium, where the non-volatile computer-readable storage medium stores at least one executable instruction, and the computer-executable instruction can execute any of the foregoing method embodiments. Display method of shared display elements in the page.

Executable instructions can specifically be used to cause the processor to perform the following operations:

In an optional manner, the executable instructions cause the processor to:

determining the movement distance data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

Calculate the movement speed data of the at least one shared display element according to the movement distance data and the preset movement duration data of the at least one shared display element;

At least one shared display element is rendered and displayed according to the motion speed data.

In an optional manner, the executable instructions cause the processor to:

Reads and renders at least one shared display element from the local cache.

In an optional manner, the executable instructions cause the processor to perform the following operations: if it is detected that the second page contains relevant basic information of at least one shared display element, read and render from the local cache the at least one shared display element and its relevant basic information.

In an optional manner, the jump request from the first page to the second page is triggered according to the user's operation on the entry in the first page for jumping to the second page, or the jump request is automatically jumped according to the application Triggered by demand.

In an optional manner, the shared display elements include: a creative element and/or an e-book cover element.

In an optional manner, when the shared display element is an e-book cover element, the relevant basic information of the shared display element includes one or more of the following: book name, book author, book content introduction, and book catalog.

In an optional manner, the executable instructions cause the processor to:

After the at least one shared display element is rendered and displayed, calculating the background processing layer data to be displayed in the second page according to the at least one shared display element rendered and displayed;

The background processing layer in the second page is rendered and displayed according to the background processing layer data.

It can be seen that, through the above method, when jumping between pages with shared display elements, the shared display elements can be dynamically moved to the corresponding corresponding pages of the next page under the premise of ensuring the normal rendering and display of the next page. The dynamic effect of the position improves the rendering and display effect when the page is jumped.

FIG. 4 shows a schematic structural diagram of an embodiment of an electronic device of the present disclosure, and the specific embodiment of the present disclosure does not limit the specific implementation of the electronic device.

As shown in FIG. 4 , the electronic device may include: a processor (processor) 402 , a communication interface (Communications Interface) 404 , a memory (memory) 406 , and a communication bus 408 .

The processor 402 , the communication interface 404 , and the memory 406 communicate with each other through the communication bus 408 . The communication interface 404 is used for communicating with network elements of other devices such as clients or other servers. The processor 402, configured to execute the program 410, may specifically execute the relevant steps in the above-mentioned embodiments of the method for displaying shared display elements in the page of the electronic device.

Specifically, the program 410 may include program code including computer operation instructions.

The processor 402 may be a central processing unit (CPU), or an Application Specific Integrated Circuit (ASIC), or one or more integrated circuits configured to implement embodiments of the present disclosure. The one or more processors included in the electronic device may be the same type of processors, such as one or more CPUs; or may be different types of processors, such as one or more CPUs and one or more ASICs.

The memory 406 is used to store the program 410 . Memory 406 may include high-speed RAM memory, and may also include non-volatile memory, such as at least one disk memory.

The program 410 can specifically be used to cause the processor 402 to perform the following operations:

In an optional manner, program 410 causes processor 402 to perform the following operations:

Reads and renders at least one shared display element from the local cache.

If it is detected that the second page contains relevant basic information of at least one shared display element, the at least one shared display element and its relevant basic information are read and rendered from the local cache.

In an optional manner, when the shared display element is an electronic book cover element, the relevant basic information of the shared display element includes one or more of the following: book name, book author, book content introduction, and book catalog.

The algorithms or displays provided herein are not inherently related to any particular computer, virtual system, or other device. Various general-purpose systems can also be used with teaching based on this. The structure required to construct such a system is apparent from the above description. Furthermore, embodiments of the present disclosure are not directed to any particular programming language. It is to be understood that various programming languages may be used to implement the disclosures described herein and that the descriptions of specific languages above are intended to disclose the best mode of the disclosure.

In the description provided herein, numerous specific details are set forth. It will be understood, however, that embodiments of the present disclosure may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.

Similarly, it is to be understood that in the above descriptions of example embodiments of the present disclosure, various features of embodiments of the present disclosure are sometimes grouped together into a single implementation in order to simplify the disclosure and to aid in the understanding of one or more of the various disclosed aspects. examples, figures, or descriptions thereof. However, this method of disclosure should not be interpreted as reflecting an intention that the claimed disclosure requires more features than are expressly recited in each claim. Rather, as the following claims reflect, disclosed aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the Detailed Description are hereby expressly incorporated into this Detailed Description, with each claim standing on its own as a separate embodiment of the present disclosure.

Those skilled in the art will understand that the modules in the device in the embodiment can be adaptively changed and arranged in one or more devices different from the embodiment. The modules or units or components in the embodiments may be combined into one module or unit or component, and further they may be divided into multiple sub-modules or sub-units or sub-assemblies. All features disclosed in this specification (including accompanying claims, abstract and drawings) and any method so disclosed may be employed in any combination unless at least some of such features and/or procedures or elements are mutually exclusive. All processes or units of equipment are combined. Each feature disclosed in this specification (including accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, it will be understood by those skilled in the art that although some of the embodiments herein include certain features, but not others, included in other embodiments, that combinations of features of the different embodiments are intended to be within the scope of the present disclosure And form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.

Various component embodiments of the present disclosure may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or a digital signal processor (DSP) may be used in practice to implement some or all of the functions of some or all of the components according to embodiments of the present disclosure. The present disclosure can also be implemented as apparatus or apparatus programs (eg, computer programs and computer program products) for performing some or all of the methods described herein. Such a program implementing the present disclosure may be stored on a computer-readable medium, or may be in the form of one or more signals. Such signals may be downloaded from Internet sites, or provided on carrier signals, or in any other form.

It should be noted that the above-described embodiments illustrate rather than limit the disclosure, and that alternative embodiments may be devised by those skilled in the art without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The present disclosure may be implemented by means of hardware comprising several different elements and by means of a suitably programmed computer. In a unit claim enumerating several means, several of these means may be embodied by one and the same item of hardware. The use of the words first, second, and third, etc. do not denote any order. These words can be interpreted as names. The steps in the above embodiments should not be construed as limitations on the execution order unless otherwise specified.

Claims

A method for displaying shared display elements in a page, comprising:

based on the jump request from the first page to the second page, detecting whether the second page and the first page have at least one shared display element that is the same as the display element;

If so, determining the motion trajectory data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

determining the scaling size data of the at least one shared display element according to the first size of the at least one shared display element on the first page and the second size of the second page;

The at least one shared display element is rendered and displayed according to the motion trajectory data and zoom size data of the at least one shared display element, and the second page is removed from the second page according to the page data of the second page returned by the server. At least one other page element other than the shared display element is rendered and displayed.
The method of claim 1, wherein the method further comprises:

determining the movement distance data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

Calculate the movement speed data of the at least one shared display element according to the movement distance data and the preset movement duration data of the at least one shared display element;

The rendering and displaying of the at least one shared display element is specifically: rendering and displaying the at least one shared display element according to the motion speed data.
The method of claim 1 or 2, wherein the at least one shared display element is locally cached;

The rendering and displaying of the at least one shared display element is specifically: reading from the local cache and rendering and displaying the at least one shared display element.
The method according to claim 3, wherein the relevant basic information of the at least one shared display element is further cached locally;

The rendering and displaying the at least one shared display element further includes: if it is detected that the second page contains the relevant basic information of the at least one shared display element, reading and rendering the at least one shared display element from the local cache and displaying the at least one shared display element and the same. relevant basic information.
The method according to any one of claims 1-4, wherein the jump request from the first page to the second page is based on a user's request for jumping to the second page in the first page It is triggered by the operation of the entry of the page, or it is triggered according to the requirement of automatic jumping of the application.
The method according to any one of claims 1-5, wherein the method is applied to an e-book application, and the shared display elements include: an advertising material element and/or an e-book cover element.
The method according to claim 6, wherein, when the shared display element is an electronic book cover element, the relevant basic information of the shared display element includes one or more of the following:

Book name, book author, book content introduction, book catalog.
The method of any one of claims 1-6, wherein after the rendering reveals the at least one shared display element, the method further comprises:

calculating background processing layer data to be displayed in the second page according to the at least one shared display element rendered and displayed;

The background processing layer in the second page is rendered and displayed according to the background processing layer data.
An electronic device, comprising: a processor, a memory, a communication interface and a communication bus, the processor, the memory and the communication interface communicate with each other through the communication bus;

The memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform the following operations:

based on the jump request from the first page to the second page, detecting whether the second page and the first page have at least one shared display element that is the same as the display element;

If so, determining the motion trajectory data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

determining the scaling size data of the at least one shared display element according to the first size of the at least one shared display element on the first page and the second size of the second page;

The at least one shared display element is rendered and displayed according to the motion trajectory data and zoom size data of the at least one shared display element, and the second page is removed from the second page according to the page data of the second page returned by the server. At least one other page element other than the shared display element is rendered and displayed.
9. The electronic device of claim 9, the executable instructions further cause the processor to:

determining the movement distance data of the at least one shared display element according to the first position of the at least one shared display element on the first page and the second position of the second page;

Calculate the movement speed data of the at least one shared display element according to the movement distance data and the preset movement duration data of the at least one shared display element;

The at least one shared display element is rendered and displayed according to the motion speed data.
The electronic device of claim 9 or 10, the executable instructions further cause the processor to:

The at least one shared display element is read and rendered from the local cache.
12. The electronic device of claim 11, the executable instructions further cause the processor to:

If it is detected that the second page contains relevant basic information of the at least one shared display element, the at least one shared display element and its relevant basic information are read and rendered from the local cache to display.
The electronic device according to any one of claims 9-12, wherein the jump request from the first page to the second page is based on a user's request for jumping to the first page in the first page. Triggered by the operation of the entry of the second page, or triggered according to the requirement of automatic jumping of the application.
The electronic device according to any one of claims 9-13, wherein the method is applied to an e-book application, and the shared display elements include: an advertising material element and/or an e-book cover element.
The electronic device according to claim 14, wherein, when the shared display element is an electronic book cover element, the relevant basic information of the shared display element includes one or more of the following: book name, book author, Book content introduction, book catalog.
The electronic device of any of claims 9-14, the executable instructions further cause the processor to:

After the at least one shared display element is rendered and displayed, calculating background processing layer data to be displayed in the second page according to the at least one shared display element rendered and displayed;

The background processing layer in the second page is rendered and displayed according to the background processing layer data.
A non-volatile computer-readable storage medium, the non-volatile computer-readable storage medium stores at least one executable instruction, the executable instruction enables a processor to execute any one of the preceding claims 1-8. The display method of shared display elements in the described page.
A computer program product comprising a computer program stored on a non-volatile computer-readable storage medium, the computer program comprising program instructions that, when executed by a processor, cause the The processor executes the method for displaying shared display elements in a page according to any one of the preceding claims 1-8.