Interface jump method and apparatus, electronic device, medium and product

Abstract

Disclosed in embodiments of the present disclosure are an interface jump method and apparatus, an electronic device, a storage medium and a product. The method comprises: when acquiring an interface jump instruction for interface jump between an image-text detail page and an associated interface, acquiring display position information of an interface jump reference image in the image-text detail page and the associated interface; on the basis of an interface jump direction and the display position information, creating a regional mask in the image-text detail page for an interface region adjacent to the interface jump reference image; and determining target interface jump animations of the interface jump reference image and the regional mask on the basis of the display position information, and implementing interface jump between the image-text detail page and the associated interface on the basis of the target interface jump animations.

Description

Interface jump method, device, electronic device, medium and product

[0001] This application claims priority to the Chinese invention patent application entitled “Page jump method, device, electronic device, medium and product” and application number 202311103663.1 filed on August 29, 2023. The entire contents of that application are incorporated by reference into this application. Technical Field

[0002] The embodiments of the present disclosure relate to the field of computer technology, and in particular to an interface jump method, device, electronic device, medium, and product. Background Art

[0003] When using some applications, in order to make the interface jump more smooth and natural, interface transition effects, such as transition animations, are usually added during the interface jump process to make the transition between different interfaces more natural.

[0004] Summary of the Invention

[0005] The present disclosure provides an interface jump method, device, electronic device, medium and product.

[0006] In the first aspect, an embodiment of the present disclosure provides an interface jump method, which includes: when an interface jump instruction for performing an interface jump between a graphic details page and an associated interface is obtained, respectively obtaining the display position information of the interface jump reference image in the graphic details page and the associated interface; creating an area mask in the graphic details page for the interface area adjacent to the interface jump reference image according to the interface jump direction and the display position information between the graphic details page and the associated interface; determining a target interface jump animation of the interface jump reference image and the area mask based on the display position information, and realizing the interface jump between the graphic details page and the associated interface according to the target interface jump animation.

[0007] In the second aspect, the embodiment of the present disclosure also provides an interface jump device, which includes: a jump reference image information acquisition module, which is used to obtain the display position information of the interface jump reference image in the image and text details page and the associated interface when an interface jump instruction for performing an interface jump between the image and text details page and the associated interface is obtained; a mask creation module, which is used to create a regional mask for the interface area adjacent to the interface jump reference image in the image and text details page according to the interface jump direction between the image and text details page and the associated interface and the display position information; an interface jump animation determination and jump module, which is used to determine the target interface jump animation of the interface jump reference image and the regional mask based on the display position information, and realize the interface jump between the image and text details page and the associated interface according to the target interface jump animation.

[0008] In a third aspect, an embodiment of the present disclosure further provides an electronic device, comprising: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement an interface jump method as described in any one of the embodiments of the present disclosure.

[0009] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer-executable instructions, which, when executed by a computer processor, are used to execute the interface jump method as described in any one of the embodiments of the present disclosure.

[0010] In a fifth aspect, an embodiment of the present disclosure further provides a computer program product, comprising a computer program, which, when executed by a processor, implements the interface jump method as described in any one of the embodiments of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.

[0012] FIG1 is a flow chart of an interface jump method provided by an embodiment of the present disclosure;

[0013] FIG2 is a flow chart of an interface jump method provided by an embodiment of the present disclosure;

[0014] FIG3 is a schematic diagram of a process of jumping from an association interface to a graphic details page provided by an embodiment of the present disclosure;

[0015] FIG4 is a flow chart of a schematic diagram interface jump method provided by an embodiment of the present disclosure;

[0016] FIG5 is a schematic diagram of a process of jumping from a picture and text detail page to a related interface provided by an embodiment of the present disclosure;

[0017] FIG6 is a schematic structural diagram of an interface jump device provided by an embodiment of the present disclosure; and

[0018] FIG7 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0019] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0020] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0021] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0022] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0023] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0024] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0025] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0026] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0027] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0028] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0029] When using some applications, in order to make the interface jump more smooth and natural, interface transition effects, such as transition animations, are usually added during the interface jump process to make the transition between different interfaces more natural.

[0030] However, in practical application, it was found that when jumping from the thumbnail information list page or the full-screen graphic introduction page to the graphic details page, the interface jump transition effect is better when the image in the graphic details page is at the top or bottom of the interface, but when the image in the graphic details page is in the middle of the interface, the interface jump animation effect is not good.

[0031] Figure 1 is a flow chart of an interface jump method provided by an embodiment of the present disclosure. The embodiment of the present disclosure is applicable to the scenario of interface jump, especially the situation of jumping between the graphic details page and the associated interface. The method can be executed by an interface jump device. The device can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device. The electronic device can be a mobile terminal, a PC or a server, etc.

[0032] As shown in FIG1 , the interface jump method includes:

[0033] S110 : When an interface jump instruction for jumping between the image and text details page and the associated interface is obtained, display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively.

[0034] Among them, the picture and text details page and the associated interface can be interfaces with jump links or content associations between the two in any application. The picture and text details page can be an interface that introduces the detailed content of a certain object in the form of images and text. The associated interface can correspond to the thumbnail / preview information interface of multiple different objects including the object introduced on the picture and text details page, the upper-level interface for jumping to the picture and text details page, or the target interface for jumping to the picture and text details page. The direction of the interface jump can be from the associated interface to the picture and text details page, or it can return from the picture and text details page to the associated interface.

[0035] It can be understood that the interface jump instruction obtained for performing an interface jump between the graphic details page and the associated interface can be an instruction to jump from the associated interface to the graphic details page, or it can be an instruction to jump from the graphic details page to the associated interface. The technical solution of this embodiment is applicable to both situations. Among them, the jump direction corresponding to the interface jump instruction can be determined according to the corresponding display interface when the interface jump instruction is obtained. For example, if the interface jump instruction is obtained on the associated interface, it is an instruction to jump from the associated interface to the graphic details page. When the interface jump instruction is obtained on the jump start page, the jump target page will be pre-loaded before the jump target page is displayed, and the corresponding transition animation during the interface jump process will be generated based on the solution of this embodiment.

[0036] Typically, on a graphic detail page, the image is displayed at the top of the interface. Therefore, when jumping from the associated interface to the graphic detail page, simply move the interface jump reference image to the top of the graphic detail page, and the text content will follow the interface jump reference image to achieve the interface jump. Obviously, the conventional interface jump method is not applicable to the situation where the interface jump reference image is displayed in the middle of the graphic detail page. If the interface jump reference image is moved to the top, the content corresponding to the area above the interface jump reference image will not be displayed.

[0037] In the present embodiment, the graphic details page is divided into different content areas based on the interface jump reference image, and the interface jump process is processed in different areas. Among them, the interface jump reference image is the image displayed on the graphic details page and the jump start page in the associated interface when the interface jump instruction is obtained. The jump interface reference image is called a reference image because the same image needs to be displayed on the jump target page, that is, the jump target page and the jump start page in the interface jump need to display or play the same content, such as the jump interface reference image. In a feasible implementation, after obtaining the interface jump instruction, the display position information of the interface jump reference image in the graphic details page and the associated interface can be obtained respectively, so that different interface jump transition animations can be generated for the content of different areas in the graphic details page and the associated interface according to the display position information of the interface jump reference image. The acquisition of the display position information can be realized by calling some functions or application interfaces with parameter reading functions to read the relevant position information.

[0038] S120: Creating a region mask for an interface region adjacent to the interface jump reference image in the graphic and text details page according to the interface jump direction between the graphic and text details page and the associated interface and the display position information.

[0039] Among them, the interface jump direction between the graphic details page and the associated interface can be determined when the interface jump instruction is obtained. When the interface jump direction is from the associated interface to the graphic details page, that is, the content of the graphic details page needs to be displayed. When the interface jump direction is the opposite, returning from the graphic details page to the associated interface, the content of the graphic details page is covered and no longer displayed. Therefore, in the process of masking the graphic details page, different interface jump directions correspond to different area mask creation schemes.

[0040] Among them, the position information of the display position information of the interface jump reference image can determine the size and position of the location area where the regional mask needs to be created. The location where the regional mask needs to be created can be the non-image area above and the non-image area below the interface jump reference image in the image and text details page. When the number of interface jump reference images is one, the location for creating the regional mask includes two areas; when the number of interface jump reference images is greater than one, a corresponding number of regional masks can be created according to the number of interface areas separated by each interface jump reference image in the image and text details page. The interface jump direction can determine whether each area in the image and text details page is displayed or hidden, and determines the starting parameters of each area mask in the transition animation during the interface jump process. For example, when each area in the image and text details page is displayed, the regional mask needs to be gradually shrunk to display the obscured content. When each area in the image and text details page is obscured and hidden, the regional mask needs to be gradually expanded to gradually cover the displayed content.

[0041] S130: Determine the interface jump reference image and the target interface jump animation of the area mask based on the display position information, and implement the interface jump between the graphic details page and the associated interface according to the target interface jump animation.

[0042] In this embodiment, the interface jump effect can be an opening and closing interface jump effect, and the final target interface jump animation is an animation effect of superimposing the jump animation corresponding to the interface jump reference image and the jump animation corresponding to the area mask.

[0043] Among them, the display position information includes two display position information of the interface jump reference image in the jump start page and the jump target page. The jump animation of the interface jump reference image can be moving from its corresponding display position on the jump start page to the corresponding display position on the jump target page. Correspondingly, the jump animation corresponding to the area mask can be an animation process of stretching or shrinking from the area determined based on the display position. Playing the jump animation corresponding to the interface jump reference image and the jump animation corresponding to the area mask simultaneously achieves a smooth interface jump effect between the graphic details page and the associated interface.

[0044] The technical solution of the embodiment of the present disclosure is to obtain the display position information of the interface jump reference image in the image and text detail page and the associated interface respectively when obtaining the interface jump instruction for performing the interface jump between the image and text detail page and the associated interface; create a region mask for the interface area adjacent to the interface jump reference image in the image and text detail page according to the interface jump direction and display position information between the image and text detail page and the associated interface; determine the target interface jump animation of the interface jump reference image and the region mask based on the display position information, and realize the interface jump between the image and text detail page and the associated interface according to the target interface jump animation. The technical solution of the embodiment of the present disclosure solves the problem that the interface jump solution between the existing associated interface and the image and text detail page is not applicable to the image in the image and text detail page that is not at the top of the image and text detail page and has certain limitations. In the interface jump between each associated interface and the image and text detail page, transition animation processing can be performed separately for the image and non-image area in the image and text detail page, so that the interface jump between the associated interface and the image and text detail page of different styles has a good interface jump transition effect, and a smooth transition can be achieved when jumping into or exiting the image and text detail page.

[0045] FIG2 is a flow chart of another interface jump method provided by an embodiment of the present disclosure. Based on the above embodiment, in the process of implementing the interface jump method flow, the process of jumping from the associated interface of the image and text details page to the image and text details page is further explained. The method can be executed by an interface jump device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device. The electronic device can be a mobile terminal, a PC, or a server, etc.

[0046] As shown in FIG2 , the interface jump method includes:

[0047] S210: When an interface jump instruction for jumping to the picture and text details page is obtained in the associated interface, display position information of the interface jump reference image in the picture and text details page and the associated interface is obtained respectively.

[0048] In this embodiment, after the interface jump instruction is given, it can be determined that the interface that obtains the interface jump instruction is the jump start page, and the image and text details page that has a link relationship (association relationship) with the jump start interface is the jump target page. Among them, the jump start interface is also the associated interface of the jump target page. Before realizing the interface jump, it is necessary to preload the jump target page. There may be multiple pictures in the pre-loaded jump target page, and there is a preset playback logic between each picture, in order to ensure that the playback progress of the picture after the interface jump is synchronized with that before the jump. Therefore, the current display image of the jump start page is determined to be the interface jump reference image. Then, the display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively, so as to perform subsequent interface jump animation processing based on the obtained display position information.

[0049] Specifically, when an interface jump instruction is obtained on the jump start page, if the user clicks on an information object in the information column, the graphic details page of the information object will be confirmed as the jump target page, and then the jump target page will be pre-loaded before the jump target page is displayed, and the corresponding transition animation during the interface jump process will be generated based on the solution of this embodiment.

[0050] S220. Create area masks in the graphic details page for the interface areas adjacent to the upper edge and lower edge of the interface jump reference image, and the starting heights of the area masks are the distances between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the interface jump reference image, respectively.

[0051] The top and bottom edges of the interface jump reference image are positions that can be determined based on its display position information. When the interface jump reference image is in the middle of the image and text details page, the image and text details page can be divided into three areas: the interface jump reference image, the non-image area above the interface jump reference image, and the non-image area below the interface jump reference image.

[0052] For example, refer to the start page and target page shown in Figure 3. In the start interface, you can switch between different functional interfaces by swiping left or right in the display interface. Furthermore, in any functional interface, if the user clicks on an information object, the interface jumps to the corresponding graphic and text details page (jump target page) of the information object they clicked.

[0053] Furthermore, in the start page and target page shown in FIG3 , the start image and target image are images displayed at corresponding positions on the start page and target page respectively as the interface jump reference images. In the target page, the area where the upper edge and the lower edge of the target image are connected can be determined based on the position information of the target image, and corresponding area masks, such as area mask A and area mask B, can be created. The height of area mask A is the distance between the top edge of the graphic details page and the upper edge of the target image, and the height of area mask B is the distance between the lower edge of the graphic details page and the lower edge of the target image. Two area masks, one to cover the top of the target image and the other to cover the bottom of the target image, so that the visible area in the target page is only the target image.

[0054] S230. Move the interface jump reference image from the first display position in the associated interface to the second display position on the image and text details page as a first target interface jump animation; and shrink the edge of the area mask adjacent to the interface jump reference image in a direction away from the interface jump reference image until the height of the area mask is zero, as a second target interface jump animation.

[0055] In this step, two target jump animations are determined, the goal of which is to smoothly transition the user's sight from the position of the starting image to the position of the target image.

[0056] S240: Using the interface jump reference image as an alignment reference, overlay the graphic details page with the region mask superimposed on the associated interface and align them.

[0057] In this step, the target image, with the region mask added, is overlaid on the starting image, overlapping the target and starting images. This prevents the user from noticing the target page. Once the target and starting images are aligned, their geometric positions are the same as the starting image's, and the user sees no change to the starting page.

[0058] S250: Play the first target interface jump animation and the second target interface jump animation simultaneously to achieve a jump from the associated interface to the graphic details page.

[0059] Two animations begin simultaneously. In one, the target image on the target page overlaid on the start page is positioned at the start page's location and is moved to its original position through a displacement animation, perhaps by translating along the screen's Y-axis. In the other animation, as the target image moves, both Region Masks A and B simultaneously change their heights. Both Region Masks shrink toward the sides of the screen. This process gradually reveals more content on the target page while covering the start page underneath. This creates the effect of unfolding and revealing the target page.

[0060] After the animation is completed, the target page is fully displayed and the start page disappears completely, which means that the transition between the interfaces is completed.

[0061] The technical solution of the embodiment of the present disclosure is that when an interface jump instruction for jumping to the picture and text details page is obtained in the associated interface, the display position information of the interface jump reference image in the picture and text details page and the associated interface is obtained respectively; in the picture and text details page, a regional mask is created for the interface area adjacent to the upper edge and lower edge of the interface jump reference image, and the starting height of the regional mask is the distance between the upper edge and the lower edge position of the interface jump reference image corresponding to the top edge and the bottom edge of the picture and text details page; the interface jump reference image is displayed in the associated interface by The first display position in the image and text details page is moved to the second display position on the image and text details page as the first target interface jump animation; and the edge of the area mask adjacent to the interface jump reference image is shrunk in the direction away from the interface jump reference image until the height of the area mask is zero as the second target interface jump animation, and then the image and text details page superimposed with the area mask is covered on the associated interface and aligned with the interface jump reference image, and the first target interface jump animation and the second target interface jump animation are played at the same time to achieve the jump from the associated interface to the image and text details page. The technical solution of the embodiment of the present disclosure solves the problem that the interface jump solution between the existing associated interface and the image and text details page is not applicable to the image in the image and text details page that is not at the top of the image and text details page and has certain limitations. In the interface jump between each associated interface and the image and text details page, transition animation processing can be performed separately for the image and non-image area in the image and text details page, so as to achieve a good interface jump transition effect for the interface jump between the associated interface and the image and text details page of different styles, and a smooth transition can be achieved when jumping into or exiting the image and text details page.

[0062] Figure 4 is a flow chart of another interface jump method provided by an embodiment of the present disclosure. On the basis of the above embodiment, in the process of implementing the interface jump method flow, the process of jumping from the graphic details page to the associated interface is further explained. The method can be executed by an interface jump device. The device can be implemented in the form of software and / or hardware. Optionally, it is implemented by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0063] As shown in FIG4 , the interface jump method includes:

[0064] S310: When an interface jump instruction for jumping to an associated interface is obtained on the image and text details page, display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively.

[0065] In this embodiment, the interface jump from the image and text details page to the associated interface can be performed by returning from the image and text details page to the associated interface, such as the user clicks the return operation (interface jump instruction) on the image and text details page, and returns to the previous interface of the image and text details page. The specific interface jump process can be the specific jump process shown in Figure 5. It should be noted here that the target page in Figure 5 represents the image and text details page, and is the jump target page for this interface jump. The starting page in Figure 5 is the associated interface before entering the image and text details page, and is not the jump starting page for this interface jump process. The interface jump process of Figure 5 can be understood as the reverse process of the interface jump process in Figure 3.

[0066] After obtaining the interface jump instruction, the image and text details page can be determined as the jump starting page, and the associated interface that is linked to the image and text details page is the jump target page. There may be multiple pictures in the pre-loaded jump target page, and there is a preset playback logic between each picture. In order to ensure that the playback progress of the picture before and after the interface jump is synchronized, the current display image of the jump starting page is determined to be the interface jump reference image. Then, the display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively, so as to perform subsequent interface jump animation processing based on the obtained display position information.

[0067] Specifically, when a page jump instruction is received on the jump start page, such as when the user clicks the return control on the image and text details page to trigger the page jump, the associated page that is linked to the image and text details page is determined as the jump target page. Then, the jump target page is pre-loaded before displaying it, and the corresponding transition animation during the interface jump process is generated based on the solution of this embodiment.

[0068] S320: Create area masks for the interface areas adjacent to the upper edge and the lower edge of the interface jump reference image in the image and text details page, and the starting heights of the area masks are zero.

[0069] The interface transition process involves the gradual disappearance of the image and text details page and the gradual reappearance of the image and text details page. Therefore, the initial height of the area mask created for the image and text details page is zero, meaning that the image and text details page is not obscured at the beginning. During the subsequent animation, the height gradually increases to gradually obscure the area outside the reference image in the image and text details page.

[0070] S330. Move the graphic details page as a whole until the interface jump reference image moves to the display position of the associated interface as the first target interface jump animation; and extend the area mask toward the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

[0071] S340: Align the entire graphic and text details page with the associated interface, and overlay the page on the associated interface.

[0072] Directly overlay the target page on the start page, and for the user, the terminal display interface still stays on the target page.

[0073] S350: Play the first target interface jump animation and the second target interface jump animation simultaneously to achieve a jump from the graphic details page to the associated interface.

[0074] The two area masks change symmetrically, increasing in height simultaneously and expanding toward the center of the screen. When the two area masks reach their maximum height and abut the interface transition reference image, the target page is destroyed, completing the interface transition.

[0075] The technical solution of the embodiment of the present disclosure is as follows: when an interface jump instruction for jumping to an associated interface is obtained on a graphic and text details page, the display position information of the interface jump reference image in the graphic and text details page and the associated interface is obtained respectively; in the graphic and text details page, area masks are created for the interface areas adjacent to the upper edge and the lower edge of the interface jump reference image, and the starting heights of the area masks are zero respectively; the graphic and text details page is moved as a whole until the interface jump reference image moves to the display position of the associated interface as a first target interface jump animation; and the area mask is extended in the direction of the interface jump reference image until it is adjacent to the edge of the interface jump reference image as a second target interface jump animation; the graphic and text details page is aligned as a whole with the associated interface and covered on the associated interface, and the first target interface jump animation and the second target interface jump animation are played simultaneously to realize the jump from the graphic and text details page to the associated interface. The technical solution of the disclosed embodiment solves the problem that the existing interface jump solution between the associated interface and the graphic details page is not applicable to the graphic details page where the image is not at the top of the graphic details page and has certain limitations. In the interface jump between each associated interface and the graphic details page, transition animation processing can be performed separately for the image and non-image areas in the graphic details page, thereby achieving a good interface jump transition effect for the interface jump between the associated interface and graphic details pages of different styles, and a smooth transition can be achieved when jumping into or exiting the graphic details page.

[0076] Figure 6 illustrates an interface jump device provided by an embodiment of the present disclosure. This device is suitable for interface jump scenarios, particularly for jumping between a graphic detail page and an associated interface. It is applicable to graphic detail pages where images are located anywhere within the interface. The interface jump device can be implemented in software and / or hardware and can be configured on an electronic device. The electronic device can be a mobile terminal, a PC, or a server, among others.

[0077] As shown in FIG6 , the interface jump device includes: a jump reference image information acquisition module 410 , a mask creation module 420 , and an interface jump animation determination and jump module 430 .

[0078] Among them, the jump reference image information acquisition module 410 is used to obtain the display position information of the interface jump reference image in the image and text details page and the associated interface when an interface jump instruction for performing an interface jump between the image and text details page and the associated interface is obtained; the mask creation module 420 is used to create a regional mask for the interface area adjacent to the interface jump reference image in the image and text details page according to the interface jump direction between the image and text details page and the associated interface and the display position information; the interface jump animation determination and jump module 430 is used to determine the target interface jump animation of the interface jump reference image and the regional mask based on the display position information, and realize the interface jump between the image and text details page and the associated interface according to the target interface jump animation.

[0079] The technical solution of the embodiment of the present disclosure is to obtain the display position information of the interface jump reference image in the image and text detail page and the associated interface respectively when obtaining the interface jump instruction for performing the interface jump between the image and text detail page and the associated interface; create a region mask for the interface area adjacent to the interface jump reference image in the image and text detail page according to the interface jump direction and display position information between the image and text detail page and the associated interface; determine the target interface jump animation of the interface jump reference image and the region mask based on the display position information, and realize the interface jump between the image and text detail page and the associated interface according to the target interface jump animation. The technical solution of the embodiment of the present disclosure solves the problem that the interface jump solution between the existing associated interface and the image and text detail page is not applicable to the image in the image and text detail page that is not at the top of the image and text detail page and has certain limitations. In the interface jump between each associated interface and the image and text detail page, transition animation processing can be performed separately for the image and non-image area in the image and text detail page, so that the interface jump between the associated interface and the image and text detail page of different styles has a good interface jump transition effect, and a smooth transition can be achieved when jumping into or exiting the image and text detail page.

[0080] In an optional embodiment, the jump reference image information acquisition module 410 is specifically used to: determine that the current display image of the jump start page in the graphic details page and the associated interface is the interface jump reference image; and respectively obtain the display position information of the interface jump reference image in the graphic details page and the associated interface.

[0081] In an optional embodiment, the mask creation module 420 is specifically used to: when the interface jump direction is to jump from the associated interface to the graphic details page, create a regional mask for the interface area adjacent to the upper edge and lower edge of the interface jump reference image in the graphic details page, and the starting height of the regional mask is the distance between the upper edge and lower edge positions of the interface jump reference image corresponding to the top edge and bottom edge of the graphic details page; when the interface jump direction is to jump from the graphic details page to the associated interface, create a regional mask for the interface area adjacent to the upper edge and lower edge of the interface jump reference image in the graphic details page, and the starting height of the regional mask is zero.

[0082] In an optional embodiment, the interface jump animation determination and jump module 430 is specifically used to: move the interface jump reference image from the first display position in the associated interface to the second display position on the graphic details page as a first target interface jump animation; and shrink the edge of the area mask adjacent to the interface jump reference image in a direction away from the interface jump reference image until the height of the area mask is zero as a second target interface jump animation.

[0083] In an optional embodiment, the interface jump animation determination and jump module 430 can also be specifically used to: move the graphic details page as a whole until the interface jump reference image moves to the display position of the associated interface as the first target interface jump animation; and extend the area mask in the direction of the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

[0084] In an optional embodiment, the interface jump animation determination and jump module 430 is further used to: use the interface jump reference image as an alignment reference benchmark, overlay the graphic details page superimposed with the area mask on the associated interface and align it; and simultaneously play the first target interface jump animation and the second target interface jump animation to achieve a jump from the associated interface to the graphic details page.

[0085] In an optional embodiment, the interface jump animation determination and jump module 430 can be further used to: align the graphic details page as a whole with the associated interface and cover it on the associated interface; simultaneously play the first target interface jump animation and the second target interface jump animation to achieve the jump from the graphic details page to the associated interface.

[0086] The interface jump device provided in the embodiment of the present disclosure can execute the interface jump method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0087] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0088] FIG7 is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Referring to FIG7 , a schematic diagram of the structure of an electronic device (such as a terminal device or server in FIG7 ) 500 suitable for implementing an embodiment of the present disclosure is shown below. The terminal device in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. The electronic device shown in FIG7 is merely an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.

[0089] As shown in FIG7 , the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. Various programs and data required for the operation of the electronic device 500 are also stored in the RAM 503. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An edit / output (I / O) interface 505 is also connected to the bus 504.

[0090] Typically, the following devices may be connected to the I / O interface 505: an input device 506 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although FIG. 7 shows the electronic device 500 with various devices, it should be understood that not all of the devices shown are required to be implemented or present. More or fewer devices may alternatively be implemented or present.

[0091] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 509, or installed from the storage device 508, or installed from the ROM 502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0092] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0093] The electronic device provided by the embodiment of the present disclosure and the interface jump method provided by the above embodiment belong to the same inventive concept. For technical details not fully described in this embodiment, please refer to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0094] The embodiments of the present disclosure further provide a computer storage medium on which a computer program is stored. When the program is executed by a processor, the interface jump method provided in the above embodiments is implemented.

[0095] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: 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 disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0096] In some embodiments, the client and server can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an adhoc peer-to-peer network), as well as any currently known or future developed network.

[0097] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0098] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: when obtaining an interface jump instruction for performing an interface jump between the graphic details page and the associated interface, obtains the display position information of the interface jump reference image in the graphic details page and the associated interface respectively; creates an area mask in the graphic details page for the interface area adjacent to the interface jump reference image according to the interface jump direction between the graphic details page and the associated interface and the display position information; determines the target interface jump animation of the interface jump reference image and the area mask based on the display position information, and realizes the interface jump between the graphic details page and the associated interface according to the target interface jump animation.

[0099] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, 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 stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving 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., through the Internet using an Internet service provider).

[0100] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0101] The units involved in the embodiments described in this disclosure may be implemented in software or hardware. In some cases, the name of a unit does not limit the unit itself. For example, the first acquisition unit may also be described as a "unit for acquiring at least two Internet Protocol addresses."

[0102] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0103] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, 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 foregoing.

[0104] An embodiment of the present disclosure further provides a computer program product, including a computer program, which, when executed by a processor, implements the interface jump method provided in any embodiment of the present disclosure.

[0105] In the process of implementation, the computer program product can be written in one or more programming languages ​​or a combination thereof to write computer program code for performing the operations of the present disclosure, 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 can 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 the remote computer or server. In the case of a remote computer, the remote computer can 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 can be connected to an external computer (for example, using an Internet service provider to connect through the Internet).

[0106] According to one or more embodiments of the present disclosure, [Example 1] provides an interface jump method, which includes: when an interface jump instruction for performing an interface jump between a graphic details page and an associated interface is obtained, respectively obtaining the display position information of the interface jump reference image in the graphic details page and the associated interface; according to the interface jump direction and the display position information between the graphic details page and the associated interface, creating a region mask in the graphic details page for the interface region adjacent to the interface jump reference image; determining a target interface jump animation of the interface jump reference image and the region mask based on the display position information, and realizing the interface jump between the graphic details page and the associated interface according to the target interface jump animation.

[0107] According to one or more embodiments of the present disclosure, [Example 2] provides an interface jump method, further comprising:

[0108] In some optional implementations, the display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively, including: determining that the current display image of the jump start page in the image and text details page and the associated interface is the interface jump reference image; and obtaining the display position information of the interface jump reference image in the image and text details page and the associated interface respectively.

[0109] According to one or more embodiments of the present disclosure, [Example 3] provides an interface jump method, including:

[0110] In some optional implementations, based on the interface jump direction between the graphic details page and the associated interface and the display position information, a regional mask is created in the graphic details page for the interface area adjacent to the interface jump reference image, including: when the interface jump direction is to jump from the associated interface to the graphic details page, regional masks are created in the graphic details page for the interface areas adjacent to the upper edge and lower edge of the interface jump reference image, and the starting heights of the regional masks are the distances between the top edge and bottom edge of the graphic details page and the upper edge and lower edge of the interface jump reference image respectively; when the interface jump direction is to jump from the graphic details page to the associated interface, regional masks are created in the graphic details page for the interface areas adjacent to the upper edge and lower edge of the interface jump reference image, and the starting heights of the regional masks are zero respectively.

[0111] According to one or more embodiments of the present disclosure, [Example 4] provides an interface jump method, further comprising:

[0112] In some optional implementations, when the interface jump direction is from the associated interface to the graphic details page, the target interface jump animation of the interface jump reference image and the area mask is determined based on the display position information, including: moving the interface jump reference image from the first display position in the associated interface to the second display position in the graphic details page as a first target interface jump animation; and shrinking the edge of the area mask adjacent to the interface jump reference image in a direction away from the interface jump reference image until the height of the area mask is zero as a second target interface jump animation.

[0113] According to one or more embodiments of the present disclosure, [Example 5] provides an interface jump method, further comprising:

[0114] In some optional implementations, when the interface jump direction is to jump from the graphic details page to the associated interface, the target interface jump animation of the interface jump reference image and the area mask is determined based on the display position information, including: moving the graphic details page as a whole until the interface jump reference image moves to the display position of the associated interface as the first target interface jump animation; and extending the area mask in the direction of the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

[0115] According to one or more embodiments of the present disclosure, [Example 6] provides an interface jump method, further comprising:

[0116] In some optional implementations, the interface jump between the graphic details page and the associated interface is achieved according to the target interface jump animation, including using the interface jump reference image as an alignment reference benchmark, overlaying the graphic details page superimposed with the area mask on the associated interface and aligning it; and playing the first target interface jump animation and the second target interface jump animation at the same time to achieve the jump from the associated interface to the graphic details page.

[0117] According to one or more embodiments of the present disclosure, [Example 7] provides an interface jump method, further comprising:

[0118] In some optional implementations, the interface jump between the graphic details page and the associated interface is achieved according to the target interface jump animation, including: aligning the graphic details page as a whole with the associated interface and covering it on the associated interface; and simultaneously playing the first target interface jump animation and the second target interface jump animation to achieve the jump from the graphic details page to the associated interface.

[0119] According to one or more embodiments of the present disclosure, [Example Eight] provides an interface jump device, including: a jump reference image information acquisition module, which is used to obtain the display position information of the interface jump reference image in the image and text details page and the associated interface when an interface jump instruction for performing an interface jump between the image and text details page and the associated interface is obtained; a mask creation module, which is used to create a regional mask for the interface area adjacent to the interface jump reference image in the image and text details page according to the interface jump direction between the image and text details page and the associated interface and the display position information; an interface jump animation determination and jump module, which is used to determine the target interface jump animation of the interface jump reference image and the regional mask based on the display position information, and realize the interface jump between the image and text details page and the associated interface according to the target interface jump animation.

[0120] According to one or more embodiments of the present disclosure, [Example 9] provides an interface jump device, further comprising:

[0121] In an optional embodiment, the jump reference image information acquisition module is specifically used to: determine that the current display image of the jump start page in the graphic details page and the associated interface is the interface jump reference image; and respectively obtain the display position information of the interface jump reference image in the graphic details page and the associated interface.

[0122] According to one or more embodiments of the present disclosure, [Example 10] provides an interface jump device, further comprising:

[0123] In an optional embodiment, the mask creation module is specifically used to: when the interface jump direction is to jump from the associated interface to the graphic details page, create a regional mask for the interface area adjacent to the upper edge and lower edge of the interface jump reference image in the graphic details page, and the starting height of the regional mask is the distance between the upper edge and lower edge positions of the interface jump reference image corresponding to the top edge and bottom edge of the graphic details page; when the interface jump direction is to jump from the graphic details page to the associated interface, create a regional mask for the interface area adjacent to the upper edge and lower edge of the interface jump reference image in the graphic details page, and the starting height of the regional mask is zero.

[0124] According to one or more embodiments of the present disclosure, [Example 11] provides an interface jump device, further comprising:

[0125] In an optional embodiment, the interface jump animation determination and jump module is specifically used to: move the interface jump reference image from the first display position in the associated interface to the second display position on the graphic details page as a first target interface jump animation; and shrink the edge of the area mask adjacent to the interface jump reference image in a direction away from the interface jump reference image until the height of the area mask is zero as a second target interface jump animation.

[0126] According to one or more embodiments of the present disclosure, [Example 12] provides an interface jump device, further comprising:

[0127] In an optional embodiment, the interface jump animation determination and jump module can also be specifically used to: move the graphic details page as a whole until the interface jump reference image moves to the display position of the associated interface as the first target interface jump animation; and extend the area mask in the direction of the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

[0128] According to one or more embodiments of the present disclosure, [Example 13] provides an interface jump device, further comprising:

[0129] In an optional embodiment, the interface jump animation determination and jump module is further used to: use the interface jump reference image as an alignment reference benchmark, overlay the graphic details page superimposed with the area mask on the associated interface and align it; and simultaneously play the first target interface jump animation and the second target interface jump animation to achieve a jump from the associated interface to the graphic details page.

[0130] According to one or more embodiments of the present disclosure, [Example 14] provides an interface jump device, further comprising:

[0131] In an optional embodiment, the interface jump animation determination and jump module can be further used to: align the graphic details page as a whole with the associated interface and cover it on the associated interface; simultaneously play the first target interface jump animation and the second target interface jump animation to achieve the jump from the graphic details page to the associated interface.

[0132] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0133] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0134] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. An interface jump method, comprising: In response to obtaining an interface jump instruction for performing an interface jump between the image and text detail page and the associated interface, obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface; Based on the interface jump direction between the graphic details page and the associated interface and the display position information, creating a region mask for an interface region adjacent to the interface jump reference image in the graphic details page; The interface jump reference image and the target interface jump animation of the area mask are determined based on the display position information, and the interface jump between the graphic details page and the associated interface is implemented according to the target interface jump animation.

2. The method according to claim 1, wherein respectively obtaining the display position information of the interface jump reference image in the image and text details page and the associated interface comprises: Determine the current display image of the jump start page in the graphic details page and the associated interface as the interface jump reference image; The display position information of the interface jump reference image in the picture and text details page and the associated interface is obtained.

3. The method according to claim 1, wherein, according to the interface jump direction between the graphic details page and the associated interface and the display position information, creating a region mask for the interface region adjacent to the interface jump reference image in the graphic details page, comprises at least one of the following: In response to the interface jumping direction being a jump from the associated interface to the graphic details page, the graphic details page is respectively an interface adjacent to the upper edge and the lower edge of the interface jump reference image. The region creates a region mask, and the starting height of the region mask is the distance between the top edge and the bottom edge of the graphic details page and the top edge and the bottom edge of the interface jump reference image respectively; In response to the interface jump direction being from the graphic details page to the associated interface, regional masks are created in the graphic details page for the interface areas adjacent to the upper and lower edges of the interface jump reference image, and the starting heights of the regional masks are zero.

4. The method according to claim 3, wherein in response to the interface jump direction being a jump from the associated interface to the graphic details page, the determining the target interface jump animation of the interface jump reference image and the area mask based on the display position information comprises: The interface jump reference image moves from the first display position in the associated interface to the second display position in the graphic detail page as the first target interface jump animation; as well as, The edge of the region mask adjacent to the interface jump reference image is shrunk in a direction away from the interface jump reference image until the height of the region mask is zero as the second target interface jump animation.

5. The method according to claim 3, wherein in response to the interface jump direction being a jump from the graphic details page to the associated interface, determining the target interface jump animation of the interface jump reference image and the area mask based on the display position information comprises: The entire graphic detail page is moved until the interface jump reference image is moved to the display position of the associated interface as the first target interface jump animation; as well as, The area mask is extended toward the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

6. The method according to claim 4, wherein the interface jump between the graphic details page and the associated interface is realized according to the target interface jump animation, comprising: Using the interface jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated interface and aligned; The first target interface jump animation and the second target interface jump animation are played simultaneously to realize the jump from the associated interface to the graphic details page.

7. The method according to claim 5, wherein the step of implementing the interface jump between the graphic details page and the associated interface according to the target interface jump animation comprises: Align the entire graphic details page with the associated interface and cover it on the associated interface; The first target interface jump animation and the second target interface jump animation are played simultaneously to realize the jump from the graphic details page to the associated interface.

8. An interface jump device, comprising: A jump reference image information acquisition module, configured to obtain display position information of the interface jump reference image in the image and text detail page and the associated interface in response to obtaining an interface jump instruction for performing an interface jump between the image and text detail page and the associated interface; A mask creation module, configured to create a regional mask for an interface region adjacent to the interface jump reference image in the graphic details page according to the interface jump direction between the graphic details page and the associated interface and the display position information; An interface jump animation determination and jump module is used to determine the target interface jump animation of the interface jump reference image and the area mask based on the display position information, and realize the interface jump between the graphic details page and the associated interface according to the target interface jump animation.

9. An electronic device, comprising: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement an action of interface jump, and the action includes: In response to obtaining an interface jump instruction for performing an interface jump between the image and text detail page and the associated interface, obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface; Based on the interface jump direction between the graphic details page and the associated interface and the display position information, creating a region mask for an interface region adjacent to the interface jump reference image in the graphic details page; The interface jump reference image and the target interface jump animation of the area mask are determined based on the display position information, and the interface jump between the graphic details page and the associated interface is implemented according to the target interface jump animation.

10. The electronic device according to claim 9, wherein respectively obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface comprises: Determine the current display image of the jump start page in the graphic details page and the associated interface as the interface jump reference image; The display position information of the interface jump reference image in the picture and text details page and the associated interface is obtained.

11. The electronic device according to claim 9, wherein, according to the interface jump direction between the graphic details page and the associated interface and the display position information, creating a region mask for the interface region adjacent to the interface jump reference image in the graphic details page comprises at least one of the following: In response to the interface jumping direction being from the associated interface to the graphic details page, In the graphic details page, a regional mask is created for the interface area adjacent to the upper edge and the lower edge of the interface jump reference image, and the starting height of the regional mask is the distance between the upper edge and the lower edge of the interface jump reference image corresponding to the top edge and the bottom edge of the graphic details page; In response to the interface jump direction being from the graphic details page to the associated interface, regional masks are created in the graphic details page for the interface areas adjacent to the upper and lower edges of the interface jump reference image, and the starting heights of the regional masks are zero.

12. The electronic device according to claim 11, wherein in response to the interface jump direction being a jump from the associated interface to the graphic details page, the determining the target interface jump animation of the interface jump reference image and the area mask based on the display position information comprises: The interface jump reference image moves from the first display position in the associated interface to the second display position in the graphic detail page as the first target interface jump animation; as well as, The edge of the region mask adjacent to the interface jump reference image is shrunk in a direction away from the interface jump reference image until the height of the region mask is zero as the second target interface jump animation.

13. The electronic device according to claim 11, wherein in response to the interface jump direction being a jump from the graphic details page to the associated interface, the determining the target interface jump animation of the interface jump reference image and the area mask based on the display position information comprises: The entire graphic detail page is moved until the interface jump reference image is moved to the display position of the associated interface as the first target interface jump animation; as well as, The area mask is extended toward the interface jump reference image until it is adjacent to the edge of the interface jump reference image as the second target interface jump animation.

14. The electronic device according to claim 12, wherein the interface jump between the graphic details page and the associated interface is realized according to the target interface jump animation, comprising: Using the interface jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated interface and aligned; The first target interface jump animation and the second target interface jump animation are played simultaneously to realize the jump from the associated interface to the graphic details page.

15. The electronic device according to claim 13, wherein the step of implementing the interface jump between the graphic details page and the associated interface according to the target interface jump animation comprises: Align the entire graphic details page with the associated interface and cover it on the associated interface; The first target interface jump animation and the second target interface jump animation are played simultaneously to realize the jump from the graphic details page to the associated interface.

16. A computer-readable storage medium having a computer program stored thereon, wherein when the program is executed by a processor, an action of implementing an interface jump is implemented, wherein the action comprises: In response to obtaining an interface jump instruction for performing an interface jump between the image and text detail page and the associated interface, obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface; Creating a region mask for an interface region adjacent to the interface jump reference image in the image and text detail page according to the interface jump direction between the image and text detail page and the associated interface and the display position information; The interface jump reference image and the target interface jump animation of the area mask are determined based on the display position information, and the interface jump between the graphic details page and the associated interface is implemented according to the target interface jump animation.

17. The computer-readable storage medium according to claim 16, wherein respectively obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface comprises: Determine the current display image of the jump start page in the graphic details page and the associated interface as the interface jump reference image; The display position information of the interface jump reference image in the image and text details page and the associated interface is obtained respectively.

18. The computer-readable storage medium according to claim 16, wherein according to the interface jump direction between the graphic details page and the associated interface and the display position information, creating a region mask for an interface region adjacent to the interface jump reference image in the graphic details page comprises: In response to the interface jump direction being a jump from the associated interface to the graphic details page, a regional mask is created in the graphic details page for the interface area adjacent to the upper edge and the lower edge of the interface jump reference image, and the starting height of the regional mask is the distance between the upper edge and the lower edge of the graphic details page corresponding to the top edge and the bottom edge of the interface jump reference image; In response to the interface jump direction being from the graphic details page to the associated interface, regional masks are created in the graphic details page for the interface areas adjacent to the upper and lower edges of the interface jump reference image, and the starting heights of the regional masks are zero.

19. The computer-readable storage medium according to claim 18, wherein in response to the interface jump direction being a jump from the associated interface to the graphic details page, the determining the target interface jump animation of the interface jump reference image and the area mask based on the display position information comprises: The interface jump reference image moves from the first display position in the associated interface to the second display position in the graphic detail page as the first target interface jump animation; as well as, The edge of the region mask adjacent to the interface jump reference image is shrunk in a direction away from the interface jump reference image until the height of the region mask is zero as the second target interface jump animation.

20. A computer program product, comprising a computer program, wherein the computer program implements the actions of an interface jump method when executed by a processor, the actions comprising: In response to obtaining an interface jump instruction for performing an interface jump between the image and text detail page and the associated interface, obtaining display position information of the interface jump reference image in the image and text detail page and the associated interface; Creating a region mask for an interface region adjacent to the interface jump reference image in the image and text detail page according to the interface jump direction between the image and text detail page and the associated interface and the display position information; The interface jump reference image and the target interface jump animation of the area mask are determined based on the display position information, and the interface jump between the graphic details page and the associated interface is implemented according to the target interface jump animation.

Images