A display processing method and device, a terminal and a medium

Abstract

This application discloses a display processing method, apparatus, terminal, and medium. The method includes: displaying a first page space on the terminal screen; displaying a page switching animation when a page switching operation occurs; and displaying a second page space on the terminal screen to replace the first page space. Using this application can enrich the switching methods of service pages, simplify switching operations, and improve switching efficiency.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a display processing method, a display processing device, a terminal, and a computer-readable storage medium. Background Technology

[0002] When using a terminal, there is often a need to switch between displayed service pages; for example, a request to switch from one service page in an application to another. However, in practice, it has been found that the existing methods for switching between service pages are simplistic and cumbersome, especially when different service pages include deeply nested display levels, making the switching process even more cumbersome and inefficient. Summary of the Invention

[0003] This application provides a display processing method, apparatus, terminal, and medium that can enrich the switching methods of service pages, simplify switching operations, and improve switching efficiency.

[0004] On one hand, embodiments of this application provide a display processing method, the method comprising:

[0005] Display the first page space on the terminal screen;

[0006] When a space transition operation occurs, a space transition animation is displayed. This animation includes visual changes in the first and second page spaces as the space transition occurs; and...

[0007] The second page space is displayed on the terminal screen to replace the first page space.

[0008] On the other hand, embodiments of this application provide a display processing apparatus, the apparatus comprising:

[0009] The display unit is used to display the first page space on the terminal screen;

[0010] The processing unit is configured to display a space transition animation when a space transition operation occurs. The space transition animation includes visual changes in the first page space and the second page space as the space transition operation occurs; and...

[0011] The processing unit is also used to display a second page space on the terminal screen to replace the first page space.

[0012] In one implementation, the first page space carries one or more service pages; when the processing unit displays the first page space on the terminal screen, it specifically performs the following functions:

[0013] Display any one of the one or more service pages on the terminal screen;

[0014] Among them, the space switching operation refers to the space switching operation performed within any service page in the first page space.

[0015] In one implementation, the processing unit is also used for:

[0016] The first page displays one or more service pages.

[0017] In one implementation, the space switching operation includes a sliding operation along the target direction; the sliding operation along the target direction includes any of the following:

[0018] A sliding operation along the target direction within a specified area in the first page space; or,

[0019] A swipe operation along the target direction within the specified service page displayed in the first page space; or,

[0020] A swipe operation along the target direction within a specified area on a specified service page; or...

[0021] A swipe operation along the target direction at a designated location on the terminal screen;

[0022] The target direction refers to any direction on the terminal screen, including any of the following: the horizontal left direction of the terminal screen, the horizontal right direction of the terminal screen, the diagonal direction of the terminal screen, the vertical upward direction of the terminal screen, and the vertical downward direction of the terminal screen.

[0023] In one implementation, the space transition operation includes a sliding operation along the target direction; when the processing unit is used to display the space transition animation, it is specifically used for:

[0024] The second page space is displayed above the display hierarchy of the first page space;

[0025] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0026] The display area of ​​the first page space will shrink as the swipe distance increases.

[0027] In one implementation, the space transition operation includes a sliding operation along the target direction; when the processing unit is used to display the space transition animation, it is specifically used for:

[0028] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0029] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0030] The display area of ​​the first page space and the shadow layer will shrink synchronously as the sliding distance increases.

[0031] In one implementation, the transparency of the shadow layer is linearly related to the display area of ​​the second page space; or, the transparency of the shadow layer is linearly related to the scrolling distance.

[0032] In one implementation, when the processing unit is used to display space transition animations, it is specifically used for:

[0033] An overlay is displayed above the display layer of the second page space; the display area of ​​the overlay changes with the display area of ​​the second page space.

[0034] In one implementation, the space switching operation includes a sliding operation along the target direction; the processing unit is further configured to:

[0035] When the sliding distance reaches the first distance threshold, a prompt is output; the prompt may include any of the following: vibration, light, sound effect, or prompt message.

[0036] In one implementation, when the processing unit displays a second page space on the terminal screen to replace the first page space, it specifically performs the following functions:

[0037] When the swipe operation meets the switching conditions, delete the mask; and...

[0038] The second page space is displayed on the terminal screen according to its maximum display area to replace the first page space;

[0039] The switching conditions for a swipe operation include: the swipe operation ends and the swipe distance reaches the first distance threshold.

[0040] In one implementation, the processing unit is also used for:

[0041] When a reverse transition occurs within the second page space, a reverse transition animation is displayed. This animation includes visual changes in both the first and second page spaces as the transition occurs; and...

[0042] The first page space is displayed on the terminal screen to replace the second page space.

[0043] In one implementation, the second page space contains one or more service pages;

[0044] The space reversal switch operation refers to the space reversal switch operation performed within any service page in the second page space.

[0045] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; the sliding operation in the opposite direction to the target direction includes any of the following:

[0046] A sliding operation in the opposite direction to the target direction within a specified area in the second page space; or,

[0047] A swipe operation in the opposite direction of the target direction within the specified service page displayed in the second page space; or,

[0048] A swipe operation in the opposite direction to the target direction within a specified area on a specified service page; or,

[0049] A swipe operation in the opposite direction of the target direction at a specified location on the terminal screen.

[0050] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; when the processing unit is used to display the spatial reversal switching animation, it is specifically used for:

[0051] The second page space is displayed above the display hierarchy of the first page space;

[0052] The display area of ​​the first page space is enlarged as the sliding distance in the opposite direction increases; and,

[0053] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0054] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; when the processing unit is used to display the spatial reversal switching animation, it is specifically used for:

[0055] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0056] The display area of ​​the first page space and the shadow layer will be enlarged synchronously as the sliding distance in the opposite direction increases; and,

[0057] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0058] In one implementation, when the processing unit displays a first page space on the terminal screen to replace the second page space, it specifically performs the following:

[0059] When the reverse swipe operation satisfies the reverse toggle condition, delete the shadow layer; and,

[0060] The first page space is displayed on the terminal screen according to its maximum display area to replace the display of the second page space;

[0061] The conditions for a swipe operation to satisfy the reverse switching include: the swipe operation ends and the swipe distance reaches the second distance threshold.

[0062] On the other hand, embodiments of this application provide a terminal, which includes:

[0063] A processor, adapted to execute computer programs;

[0064] A computer-readable storage medium storing a computer program, which, when executed by a processor, implements the display processing method described above.

[0065] On the other hand, embodiments of this application provide a computer-readable storage medium storing a computer program adapted to be loaded by a processor and executed as described above in the display processing method.

[0066] On the other hand, embodiments of this application provide a computer program product or computer program that includes computer instructions stored in a computer-readable storage medium. The processor of a terminal reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the terminal to perform the aforementioned display processing method.

[0067] In this embodiment, a simple space switching operation can be triggered to quickly switch from a first page space to a second page space on the terminal screen. During the page space switching process, a space switching animation is also displayed, showing the changes in the two page spaces as the switching operation occurs. This allows the animation to intuitively present the alternation between page spaces. This solution not only facilitates switching between page spaces, enabling rapid switching between different service pages within different page spaces, enriching the switching methods between service pages, and shortening the switching path, but also allows users to perceive and understand the spatial affiliation of each service page on the terminal screen. The operation is simple, convenient, and highly efficient. Attached Figure Description

[0068] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0069] Figure 1a This application illustrates a schematic diagram of the architecture of a display processing system provided in an exemplary embodiment.

[0070] Figure 1b A schematic flowchart of a display processing method provided in an exemplary embodiment of this application is shown;

[0071] Figure 2a This illustration shows a schematic diagram of switching display service pages within a first page space, provided by an exemplary embodiment of this application.

[0072] Figure 2b This illustration shows another schematic diagram of switching the display of service pages within a first page space, provided by an exemplary embodiment of this application;

[0073] Figure 3a A schematic diagram of a spatial switching operation provided by an exemplary embodiment of this application is shown;

[0074] Figure 3b A schematic diagram illustrating another spatial switching operation provided by an exemplary embodiment of this application is shown;

[0075] Figure 3c This illustration shows a schematic diagram of yet another spatial switching operation provided by an exemplary embodiment of this application;

[0076] Figure 3d This illustration shows a schematic diagram of yet another spatial switching operation provided by an exemplary embodiment of this application;

[0077] Figure 4a This illustration shows a schematic diagram of displaying a first page space and a second page space at different display levels, provided by an exemplary embodiment of this application.

[0078] Figure 4b This illustration shows a schematic diagram of displaying a shadow layer above the display layer of a first page space and displaying a second page space above the display layer of the shadow layer, according to an exemplary embodiment of this application.

[0079] Figure 4c This illustration shows a schematic diagram of a shadow layer whose transparency changes following a spatial switching operation, according to an exemplary embodiment of this application.

[0080] Figure 4d This illustration shows a schematic diagram of a display layer above a display layer in a second page space, provided by an exemplary embodiment of this application.

[0081] Figure 5aThis illustration shows a flowchart of an exemplary embodiment of the present application, illustrating a process for determining whether a sliding distance exceeds a first distance threshold during a sliding operation.

[0082] Figure 5b This illustration shows a schematic diagram of the relationship between a sliding distance and a first distance threshold provided in an exemplary embodiment of this application;

[0083] Figure 5c This illustration shows a schematic diagram of another relationship between sliding distance and a first distance threshold provided by an exemplary embodiment of this application;

[0084] Figure 5d This illustration shows a flowchart of an exemplary embodiment of the present application, which determines whether the sliding distance exceeds a first distance threshold when the sliding operation ends;

[0085] Figure 5e A schematic flowchart of a display processing method provided in an exemplary embodiment of this application is shown;

[0086] Figure 6 A flowchart illustrating another display processing method provided by an exemplary embodiment of this application is shown;

[0087] Figure 7a This illustration shows a schematic diagram of the spatial alternation between the first page space and the second page space when a spatial reverse switching operation exists in the second page space, according to an exemplary embodiment of this application.

[0088] Figure 7b This illustration shows a schematic diagram of the spatial alternation between the first page space and the second page space when a spatial reverse switching operation exists in the second page space, according to an exemplary embodiment of this application.

[0089] Figure 7c This illustration shows a schematic diagram of the spatial alternation between the first page space and the second page space when a spatial reverse switching operation exists in the second page space, according to another exemplary embodiment of this application.

[0090] Figure 8 This illustration shows a schematic diagram of a shadow layer, a first page space, and a second page space changing in response to a space reversal switching operation, provided by an exemplary embodiment of this application.

[0091] Figure 9 A schematic flowchart of a display processing method provided in an exemplary embodiment of this application is shown;

[0092] Figure 10 This invention provides a schematic diagram of the structure of a display processing apparatus according to an exemplary embodiment of the present application.

[0093] Figure 11 A schematic diagram of the structure of a terminal provided in an exemplary embodiment of this application is shown. Detailed Implementation

[0094] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of this application.

[0095] The following is a description of some terms and concepts used in the embodiments of this application:

[0096] (1) This application relates to applications, which can refer to computer programs designed to perform one or more specific tasks. Applications can be categorized according to different dimensions (such as the application's operating mode, functions, etc.) to obtain the types of the same application under different dimensions. ① According to the application's operating mode, applications can include, but are not limited to: clients installed on a terminal, mini-programs that can be used without downloading and installation, web applications opened through a browser, etc. Terminals can include, but are not limited to: smartphones (such as Android phones, iOS phones, etc.), tablets, portable personal computers, mobile internet devices (MIDs), smart TVs, in-vehicle devices, head-mounted devices, and other smart devices capable of touchscreen operation. This application does not limit the type of terminal. Terminals include a display screen, which can be a physical screen, a touchscreen, etc., and can be referred to as a terminal screen, display screen, etc. ② According to the application's functional type, applications can include, but are not limited to: IM (Instant Messaging) applications, content interaction applications, etc. Instant messaging applications refer to applications that facilitate instant messaging and social interaction based on the internet. Instant messaging applications can include, but are not limited to: QQ, WeChat, WeChat Work, map applications with social interaction functions, game applications, etc. Content-interactive applications refer to applications capable of content interaction, such as investment and wealth management, online banking, microblogging, personal spaces, news, and other applications. It should be noted that the applications mentioned later in this application's embodiments can be any one of various applications categorized by operating mode, or any one of various applications categorized by functional type; this application's embodiments do not limit the type of application.

[0097] (2) This application also relates to page space, which can also be called page container, screen space, etc. Page space refers to a container used to carry one or more service pages; during page startup, page space can be used to load the service pages it carries, so that the loaded service pages are displayed on the terminal screen; for example, loading one or more service pages in an instant messaging application through page space, etc. The service page here can refer to the terminal's system service page, such as the terminal's main interface, system configuration interface, etc.; or it can refer to the service page of any application in the terminal, such as the service page in an instant messaging application, the service page in a navigation application, the service page in a financial application, etc.

[0098] This application embodiment constructs N independent page spaces on the terminal screen, where N is an integer greater than 1. Each page space can switch display on the terminal screen when triggered by a simple space switching operation. Furthermore, during the page space switching process, a space switching animation is displayed, which includes the changes in the two page spaces as the space switching operation occurs. This allows the space switching animation to intuitively present the alternation effect between page spaces. The above-mentioned solution of this application embodiment can conveniently realize the switching between page spaces, thereby achieving rapid switching between different service pages in different page spaces. It also allows users to perceive and understand the spatial affiliation of each service page on the terminal screen; enriches the switching methods between service pages, shortens the switching path between service pages, and is simple, convenient, and highly efficient.

[0099] The display processing method mentioned in the embodiments of this application can be executed by a terminal. Of course, when the service page displayed in the page space is the service page of any application, the display processing method mentioned in the embodiments of this application can also be executed by a display processing system composed of a terminal and a server, specifically through interaction between the terminal and the server. Based on this, the embodiments of this application propose a display processing system, such as... Figure 1a As shown, the display processing system includes a terminal 101 and a server 102. This application embodiment does not limit the number or type of the terminal 101 and server 102. The type of terminal 101 can be found in the foregoing description and will not be repeated here. The server 102 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms. The terminal and server can be directly or indirectly connected via wired or wireless communication, which is not limited here.

[0100] In application scenarios where the service pages displayed in the page space are application service pages, the display processing solution can be executed through the interaction between the terminal and the server mentioned above. Optionally, the server stores categorized application service pages. For example, application service pages 1 and 2 are categorized for display in the first page space, and application service pages 3 and 4 are categorized for display in the second page space, and so on. When a space switching operation occurs in the first page space, the terminal sends a content retrieval request to the server. This content retrieval request requests the page content of the service pages in the second page space. The server responds to the content retrieval request and returns the page content of the service pages in the second page space (such as the page content of service page 3 or service page 4) to the terminal. The terminal receives the page content sent by the server and loads the page content to obtain the application service page (such as service page 3 or service page 4), so that the loaded application service page can be displayed in the second page space. When a page switching operation occurs in the second page space, the terminal continues to send content retrieval requests to the server, and the server returns the page content of other service pages in the second page space, so that the terminal can switch the display of service pages in the second page space. Of course, the interaction process between the terminal and the server is not limited to the above description. For example, when the terminal sends a content retrieval request to the server, the server can send the page content of all service pages in the second page space to the terminal at once. Thus, when a page switching operation occurs in the second page space, the terminal can retrieve and load the service page to be displayed from its local cache. This interaction method improves interaction efficiency and saves data transmission energy to a certain extent. In summary, the embodiments of this application do not limit the specific interaction process between the terminal and the server; the above are merely two exemplary descriptions.

[0101] The display processing scheme proposed in the embodiments of this application will now be described in detail with reference to the accompanying drawings.

[0102] Figure 1b This illustration shows a flowchart of a display processing method provided in an exemplary embodiment of this application; the display processing method can be executed by a terminal or by an application program in the terminal. Figure 1b As shown, the display processing method may include steps S101-S103, wherein:

[0103] S101, displays the first page space on the terminal screen.

[0104] N independent page spaces can be constructed on the terminal screen, where N is an integer greater than 1. Each page space is used to carry one or more service pages. These service pages can refer to the terminal's system service pages or the service pages of any application on the terminal. Different page spaces can carry the same type of service pages; for example, one page space carries some service pages of application A, while another page space carries other service pages of application A. Different page spaces can also carry different types of service pages; for example, one page space carries service pages of application A, while another page space carries service pages of application B. This application does not limit the type, number, or display level of the service pages carried in the page spaces. The first page space displayed on the terminal screen can be any one of the N independent page spaces. In this embodiment, the first page space refers to the page space currently displayed on the terminal screen; while the first page space is displayed, other page spaces are hidden on the terminal screen.

[0105] This application's embodiments support switching the display of multiple service pages within the same page space. For example, if a first page space contains a first service page and a second service page, and there is a jump logic between the first and second service pages (i.e., jump display), then within the first page space, one can jump from the first service page to the second service page for display, or vice versa. When the service page contained in the page space is a service page of any application, the terminal can send a content retrieval request to the server and load the page content returned by the server to display the application's service page in the page space.

[0106] Service pages within the same page space can have the same display level. For example, a page space may display multiple options, each associated with a service page; when any option is selected, the service page associated with the selected option will be displayed on the terminal screen. In this case, the multiple service pages displayed by triggering the option have the same display level. (See attached...) Figure 2a For example, Figure 2aAs shown, options 2011, 2012, 2013, and 2014 are displayed in the page space. Each option is associated with a service page. For example, option 2011 is associated with the first service page 201, meaning the first service page 201 is displayed when option 2011 is selected. Optionally, the first service page 201 is displayed by default when the application is opened. In other words, when the application is opened, the first page space is displayed by default, and option 2011 is selected by default, displaying the first service page 201. When the user selects other options in the page space, the service page associated with the selected option can be switched. For example, when the user selects option 2013, the second service page 202 associated with option 2013 is displayed on the terminal screen. Therefore, the first service page 201 and the second service page 202 are service pages with the same display level. Of course, in addition to triggering options as described above, other methods can be used to trigger the display of service pages with the same display level in the page space. This application embodiment does not limit the implementation method of switching the display of service pages in the page space.

[0107] Different service pages within the same page space can also have different display levels. For example, the display levels of service pages within the same page space can include: first-level pages, second-level pages, third-level pages, and so on. A second-level page can be a subpage of a first-level page; in other words, a second-level page is triggered to appear based on the display of a first-level page. For example, a second-level page is displayed when a link on a first-level page is clicked. A third-level page can also be a subpage of a second-level page; that is, a third-level page is triggered to appear based on the display of a second-level page, and so on. (See attached...) Figure 2b For example, Figure 2b As shown, a stock selection page 203 is displayed in the page space, where users can add stocks they are interested in. The stock selection page 203 includes a stock addition option 2031. When the stock addition option 2031 is selected on the stock selection page 203, a stock recommendation page 204 is triggered, displaying information on one or more recommended stocks (such as stock names, earnings information, etc.). When a user selects any stock on the stock recommendation page 204, the information of the selected stock is added to the stock selection page 203. Therefore, it can be determined that the stock recommendation page 204 is triggered and displayed based on the display of the stock selection page 203; that is, the stock recommendation page 204 is a second-level page, and the stock selection page 203 is a first-level page.

[0108] S102, When a space switching operation occurs, display the space switching animation.

[0109] A space switching operation refers to a space switching operation performed within any service page of the first page space. Performing a space switching operation within the first page space can bring up another page space (such as a second page space), thereby enabling quick access to the service pages contained in the other page space. The space switching operation performed within any service page of the first page space can include a swipe operation along a target direction. The target direction can be any direction on the terminal screen, such as: horizontal leftward, horizontal rightward, diagonal, vertical upward, or vertical downward, etc. In one implementation, the target direction may be related to the placement of the second page space. If the second page space is located on the left side of the current terminal screen (i.e., when switching from the first page space to the second page space, the second page space enters the terminal screen from the left side and is displayed), then the target direction may refer to the horizontal rightward direction of the terminal screen. For example, if the target direction is the horizontal rightward direction of the terminal screen, when a swipe operation is performed in the first page space along the target direction, the first page space can be slid out from the right side of the terminal screen, and the second page space can be slid in from the left side of the terminal screen. For ease of explanation, the following description will use the horizontal rightward direction of the terminal screen as an example of the target direction.

[0110] The implementation methods for performing a swipe operation along the target direction on the terminal screen can include any of the following:

[0111] ① A sliding operation along the target direction within a specified area in the first page space. The specified area here can refer to any area in the first page space. For example, taking the left edge of the terminal screen as a reference, the specified area can be an area within a width range of 0%-10% to the right of the left edge of the terminal screen. Of course, the width range can also be 10%-23%, etc., and this application embodiment does not limit this; Figure 3a As shown, with the left edge of the terminal screen as a reference, the designated area is the width region 301 extending to the right from the left edge of the terminal screen. When a sliding operation along the target direction (such as the horizontal rightward direction of the terminal screen) exists within the width region 301, it is determined that a space switching operation exists.

[0112] ② A swipe operation along the target direction within the specified service page displayed on the first page. The specified service page here can be... Figure 2a or Figure 2b The service page associated with any option described in the illustrated embodiment; Figure 3b For example, Figure 3bAs shown, the terminal screen displays service page 302 carried by the first page space. The terminal screen can also switch to display other service pages carried by the first page space. The specified service page can be any service page carried by the first page space. Assuming that the specified service page is service page 302, when there is a sliding operation along the target direction in service page 302, it is determined that there is a space switching operation.

[0113] ③ A swipe operation along the target direction within a specified area on a specified service page. Similar to implementation method ①, except that the service page here is a specified service page; for example... Figure 3c As shown, when the service page associated with option 2011 in the first page space is used as the designated service page, the designated area in the designated service page can refer to the area within the width range of 0%-10% (or other proportions) to the right from the left side of the terminal screen (with the left edge of the terminal screen as a reference), such as the width area 303; when there is a sliding operation along the target direction in the width area 303, it is determined that there is a space switching operation.

[0114] ④ A swipe operation along the target direction at a designated location on the terminal screen. The designated location on the terminal screen can include any position within the area extending left from the left edge of the terminal screen, any position within the area extending downwards from the bottom edge of the terminal screen, and so on. For example, if the terminal is a smart terminal and its screen is a full-screen display, then the area extending left from the left edge of the terminal screen can refer to the area between the left edge of the terminal and the left edge of the terminal screen, and the designated location on the terminal screen can refer to any position within this area. Similarly, the area extending downwards from the bottom edge of the terminal screen can refer to the area between the bottom edge of the terminal and the bottom edge of the terminal screen, and the designated location on the terminal screen can refer to any position within this area. Figure 3d As shown, the designated position of the terminal screen is any position within the area 306 between the left border 304 of the terminal and the left border 305 of the terminal screen. This application embodiment does not limit the type of terminal and terminal screen, nor the designated position of the terminal screen; this is only stated here.

[0115] It is worth mentioning that the above-described swiping operation along the target direction is based on the target direction being the horizontal rightward direction of the terminal screen. In actual application scenarios, the target direction can also be other directions, such as the target direction being the vertical upward or downward direction along the terminal screen, or the target direction being the diagonal direction along the terminal screen, etc. Other situations will be analyzed with reference to the above embodiments and will not be elaborated here. In addition, spatial switching operations include not only swiping operations along the target direction, but also two-finger pinch operations, click operations, and voice operations, etc. The embodiments of this application do not limit the spatial switching operations.

[0116] This application embodiment supports displaying a space switching animation when a space switching operation occurs. The space switching animation includes the changing visuals of the first page space and the second page space as they change following the space switching operation. Several implementation methods for displaying space switching animations are given below:

[0117] When a space switching operation occurs (such as a swipe operation along the target direction), the first page space and the second page space are displayed at different display levels on the terminal screen. The display area of ​​the first page space and the second page space adjusts with the swipe operation, giving the user a visual sense of space switching, such as the first page space gradually sinking. Specifically, when a space switching operation occurs, the second page space is displayed above the first page space; the display area of ​​the second page space increases with the swipe distance; and the display area of ​​the first page space decreases with the swipe distance. The display area of ​​the second page space can refer to the portion of the second page space displayed on the terminal screen, while the display area of ​​the first page space can refer to the area after the first page space is adjusted (e.g., reduced or enlarged). When the display area of ​​the first page space shrinks, a blank area (which can be black, white, etc.) is left between the first page space and the edge of the terminal screen, giving the visual effect of the first page space sinking and helping the user perceive the spatial belonging of the service page (i.e., which page space the page belongs to). Therefore, the sunken effect of the first page space is simulated by scaling the first page space (i.e., reducing the display area of ​​the first page space). The degree of scaling of the first page space is related to the scaling factor, which is related to the scrolling distance and the sunken margin. Specifically, an exemplary formula for calculating the scaling factor is as follows:

[0118] M = 1 - [1 - (L1 / L2)] * (l / L2)

[0119] M is the scaling factor, L1 is the sliding distance of the swipe operation, L2 is the screen width of the terminal screen, and l is the drop margin. The drop margin l is the maximum value of the blank area left between the first page space and the border of the terminal screen; this maximum value can be preset by the administrator. According to this formula, when the target direction is horizontally to the right along the terminal screen, as the swipe operation moves from left to right, the sliding distance L1 increases, thus the scaling factor increases, and consequently, the display area of ​​the first page space decreases. The visual effect of this reduced display area is that the first page space appears to drop deeper and deeper.

[0120] The following is in conjunction with the appendix Figure 4a This section introduces the implementation methods for displaying the first and second page spaces at different display levels; such as... Figure 4a As shown, firstly, a first page space 401 is displayed on the terminal screen. When a space switching operation occurs in the first page space 401, such as a sliding operation along a target direction within a specified area of ​​the first page space (e.g., a sliding operation from the left side of the first page space to the right along the horizontal direction of the terminal screen), the display area of ​​the first page space 401 on the terminal screen is reduced. That is, a blank area is left between the first page space and the border of the terminal screen, and the blank area becomes larger and larger as the sliding distance increases. Visually, the first page space 401 appears to sink on the terminal screen. At the same time, above the first page space, a portion of the area of ​​the second page space 402 (i.e., the area displayed on the terminal screen) gradually appears following the space switching operation (i.e., the sliding operation). Furthermore, following the space switching operation, the display area of ​​the second page space gradually increases, while the display area of ​​the first page space gradually decreases. It should be noted that the embodiments of this application do not limit the type of service page displayed in the first page space when performing the space switching operation; in other words, when any service page carried by the first page space is displayed in the first page space, the space switching operation can be performed in the first page space.

[0121] When a space switching operation occurs, this embodiment of the application also supports displaying a shadow layer to enhance the sinking effect of the first page space. Specifically, when a space switching operation occurs, a shadow layer is displayed above the display layer of the first page space, and a second page space is displayed above the display layer of the shadow layer. Furthermore, the display area of ​​the second page space increases with the increase of the sliding distance of the sliding operation, while the display areas of the first page space and the shadow layer decrease synchronously with the increase of the sliding distance of the sliding operation. A schematic diagram illustrating the display of the shadow layer above the display layer of the first page space and the display of the second page space above the layer of the shadow layer can be found in [reference needed]. Figure 4b ;like Figure 4b As shown, when a space switching operation occurs, a shadow layer 403 is displayed above the display layer of the first page space 401, and at this time, the second page space 402 is displayed above the display layer of the shadow layer 403.

[0122] During the space transition operation, the shadow layer will also produce some animation effects to indicate the degree of spatial alternation between the first and second page spaces. For example, if the space transition operation is a horizontal swipe to the right along the terminal screen, the transparency of the shadow layer can be dynamically displayed along with the swipe to indicate the degree of spatial alternation between the first and second page spaces. The transparency of the shadow layer is related to several factors; for example, the transparency of the shadow layer is linearly related to the display area of ​​the second page space; or, the transparency of the shadow layer is linearly related to the swipe distance.

[0123] An exemplary formula for calculating the transparency of a shadow layer based on the display area of ​​the second page space is as follows:

[0124] K = 1 - (S1 / S2)

[0125] K represents the transparency of the shadow layer, S1 represents the display area of ​​the second page space, and S2 represents the display area of ​​the terminal screen. According to this calculation method, as the swipe operation proceeds from left to right, the display area of ​​the second page space increases, thus the transparency of the shadow layer decreases, and consequently, the clarity of the page content in the first page space decreases.

[0126] An exemplary formula for calculating the transparency of a shadow layer based on the sliding distance is as follows:

[0127] K = 1 - (L1 / L2)

[0128] K represents the transparency of the shadow layer, L1 represents the swipe distance, and L2 represents the screen width of the terminal. According to this calculation method, as the swipe moves from left to right, the swipe distance increases, resulting in a decrease in the transparency of the shadow layer and consequently a decrease in the clarity of the page content in the first page space.

[0129] An exemplary diagram illustrating how the transparency of the shadow layer changes with spatial switching operations can be found here. Figure 4c ,like Figure 4c As shown, the space switching operation includes a horizontal swipe operation along the right side of the terminal screen. As the horizontal swipe operation moves to the right, the transparency of the shadow layer decreases, making the content displayed on the first page space increasingly difficult to see, thus giving a visual effect of space sinking, which can better help users understand the spatial ownership of the service page.

[0130] When a space switching operation occurs, this embodiment of the application also supports displaying a mask to enhance and enrich the effect of space transition between the first page space and the second page space. Specifically, when a space switching operation occurs, a mask is displayed above the display layer of the second page space. The display area of ​​this mask changes with the display area of ​​the second page space; in other words, the mask is displayed over the second page space. The mask can refer to a mask page with a certain degree of transparency, such as 50% transparency. This way, even when the mask is displayed above the display layer of the second page space, the layout of the page content in the second page space can still be roughly seen. This method of displaying a mask above the display layer of the second page space enhances the effect of space transition between the first and second page spaces to a certain extent, helping users better understand the spatial ownership of each service page. A schematic diagram illustrating the display of a mask above the display layer of the second page space during a space switching operation can be found here. Figure 4d ,like Figure 4d As shown, a mask 404 is displayed above the display layer of the second page space 402.

[0131] It is worth noting that the masking layer can be like... Figure 4d As shown, the overlay is always displayed on the second page space with a fixed transparency. The overlay can also be similar to a shadow layer, dynamically adjusting its transparency with the sliding operation, and displayed on the display layer of the second page space in a style that reflects the adjusted transparency. This application does not limit the specific form of the overlay in its embodiments; this is only a description here. Additionally, as... Figure 4d As shown, while a mask is displayed above the display layer of the second page space, a shadow layer is displayed above the display layer of the first page space. In other implementations, when displaying a mask above the display layer of the second page space, a shadow layer may not be displayed above the display layer of the first page space, and so on. It is understood that, in addition to using the shadow layer and mask described above to present the spatial alternation effect between different page spaces, this application embodiment also supports using other animation effects to present the spatial alternation between different page spaces, to assist users in perceiving the alternation changes of page spaces; this application embodiment does not limit other animation effects, which are described here.

[0132] In summary, when a space switching operation occurs, the various space switching animation effects described above, such as: the display area of ​​the first page space shrinking (i.e., the first page space sinking), displaying a shadow layer above the display layer of the first page space and displaying the second page space above the display layer of the shadow layer, and displaying a mask above the display layer of the second page space, etc., allow users to perceive the spatial alternation effect of different page spaces, making it easier for users to understand the ownership of pages in different page spaces.

[0133] It is particularly worth noting that, because the trigger operations configured by the terminal (or application) are diverse, when the terminal detects a trigger operation on the terminal screen, it will also determine whether the trigger operation is a space switching operation. If the trigger operation is a space switching operation, the response logic of each service page within the page space (such as the switching display logic of service pages in the same page space) will be blocked, and the page space's sliding response will be triggered to enable page space switching on the terminal screen. The implementation of detecting whether a trigger operation is a space switching operation may include detecting the position, method, direction, etc., of the trigger operation on the terminal screen. As described above, the space switching operation includes a swipe operation along the target direction, which may include: a swipe operation along the target direction within a specified area in the first page space; or a swipe operation along the target direction within a specified service page displayed in the first page space; or a swipe operation along the target direction within a specified area in a specified service page; or a swipe operation along the target direction at a specified position on the terminal screen; etc.; when the triggering operation is detected to be any of the swipe operations described above, it is determined that a space switching operation exists on the terminal screen.

[0134] S103, a second page space is displayed on the terminal screen to replace the first page space.

[0135] When the swipe operation meets the switching conditions, the second page space replaces the first page space on the terminal screen, indicating the end of the space transition between the first and second page spaces. At this time, the overlay displayed above the display layer of the second page space described in step S102 can be deleted, and the second page space can be displayed on the terminal screen according to its maximum display area to replace the first page space. The swipe operation meeting the switching conditions can include: the swipe operation ending and the swipe distance reaching a first distance threshold. The first distance threshold can be preset by the administrator; for example, it can be set to 80pt (approximately 28.1168 mm), which can effectively balance triggered and false-triggered operations. The swipe distance at the end of the swipe operation can refer to the distance between the end position and the start position when the swipe operation stops. For example, if the target direction includes the horizontal rightward direction along the terminal screen, then the swipe distance at the end of the swipe operation is the length between the end position and the specified position on the terminal screen when the swipe operation stops. Conversely, if the swipe operation does not meet the switching conditions, the space switching animation continues to be displayed, or the first page space is returned to be displayed. For example, conditions for a swipe operation not meeting the switching conditions include: the swipe operation has not ended, in which case the space switching animation continues to be displayed; or, the swipe operation has ended but the swipe distance has not reached a first distance threshold, in which case the first page space is returned to be displayed. The backend implementation of the above-mentioned process for determining whether the swipe distance exceeds the first distance threshold can be found in [link to relevant documentation]. Figure 5a ,like Figure 5a As shown, if the swipe operation is detected to have ended, it is determined whether the swipe distance is greater than a first distance threshold. If the swipe distance is equal to or greater than the first distance threshold, a second page space is displayed on the terminal screen to replace the first page space. If the swipe distance is less than the first distance threshold, the first page space is displayed on the terminal screen.

[0136] Combined with appendix Figure 5b and attached Figure 5c The relationship between the above sliding operation and the switching conditions is illustrated with an example, such as... Figure 5b and Figure 5cAs shown, assuming the space switching operation includes a swipe operation at a specified position on the terminal screen along a target direction, the target direction includes the horizontal rightward direction along the terminal screen, and the specified position is any position within the left border of the terminal screen; the horizontal width of the terminal screen is 10 cm, and the first distance threshold is 4 cm; if the distance between the specified position and the end position is less than 4 cm when the swipe operation stops (e.g., the distance between the specified position and the end position is 3 cm), then it is determined that the swipe distance does not meet the switching condition. Releasing the swipe then displays the first page space on the terminal screen and closes or hides the second page space. If the distance between the specified position and the end position is equal to or greater than 4 cm when the swipe operation stops (e.g., the distance between the specified position and the end position is 5 cm), then it is determined that the swipe distance does not meet the switching condition. Releasing the swipe then displays the second page space on the terminal screen and closes or hides the first page space; that is, the second page space replaces the first page space on the terminal screen.

[0137] Furthermore, when the sliding distance of the swipe operation just exceeds the first distance threshold, this embodiment of the application also supports outputting a prompt to remind the user that if the swipe is stopped at this time, a second page space will be displayed on the terminal screen to replace the first page space. The prompt may include any of the following: vibration, light, sound effects, notification messages, etc., where vibration can be implemented using the terminal's Taptic vibration function. The background process for determining whether the sliding distance exceeds the first distance threshold can be found in [reference needed]. Figure 5d ,like Figure 5d As shown, if a space switching operation is detected, it is determined whether the sliding distance exceeds the first distance threshold. If the sliding distance exceeds the first distance threshold, a prompt is output and the space switching animation continues to be displayed; if the sliding distance does not exceed the first distance threshold, the space switching animation continues to be displayed.

[0138] In this embodiment of the application, the implementation process of the specific implementation method shown in steps S101-S103 above in the background can be found in [reference needed]. Figure 5e ,like Figure 5eAs shown, when a space switching operation (i.e., a swipe operation along the target direction) is detected on the terminal screen, a space switching animation is displayed. This animation may include, but is not limited to: displaying the first and second page spaces at different display levels, changes in the display area of ​​the first and second page spaces, changes in the display area of ​​the shadow layer on the first page space, changes in the display area of ​​the overlay on the second page space, etc. Simultaneously, it checks whether the swipe distance just exceeds a first distance threshold. If the swipe distance just exceeds the first distance threshold, it indicates that the user has stopped performing the swipe operation at this point, or has stopped performing the swipe operation thereafter, and the second page space is displayed on the terminal screen to replace the first page space. If the swipe distance does not exceed the first distance threshold, it checks whether the user has stopped performing the swipe operation. If the user has stopped performing the swipe operation, it returns to the first page space, meaning the first page space is still displayed on the terminal screen. If the user has not stopped performing the swipe operation, it continues to check whether the swipe distance just exceeds the first distance threshold and repeats the above steps until it detects that the user has stopped performing the swipe operation.

[0139] In summary, the embodiments of this application can quickly switch from a first page space to a second page space on the terminal screen upon triggering a simple space switching operation. Furthermore, during the page space switching process, a space switching animation is displayed, showcasing the changes in the two page spaces as the switching operation occurs. This allows the space switching animation to intuitively present the alternation effect between page spaces. This solution not only facilitates switching between page spaces, enabling rapid switching between different service pages within different page spaces, enriching the switching methods between service pages, and shortening the switching path, but also allows users to perceive and understand the spatial affiliation of each service page on the terminal screen. The operation is simple and convenient, with high switching efficiency.

[0140] Figure 6 The illustration shows a flowchart of another display processing method provided by an exemplary embodiment of this application; the display processing method can be executed by a terminal or by an application in the terminal.

[0141] like Figure 6 As shown, the display processing method may include steps S601-S605, wherein:

[0142] S601 displays the first page space on the terminal screen.

[0143] S602, when a space switching operation occurs, display a space switching animation.

[0144] S603 displays a second page space on the terminal screen to replace the first page space.

[0145] It should be noted that the specific implementation process shown in steps S601-S603 can be found in [reference needed]. Figure 1b The specific implementation process shown in steps S101-S103 of the illustrated embodiment will not be repeated here.

[0146] S604: When a space reversal switching operation occurs within the space on the second page, a space reversal switching animation is displayed.

[0147] It's understandable that performing a space switching operation on the first page space indicates the user wants to display the second page space, and performing a space reversal switching operation on the second page space indicates the user wants to return to the first page space. The space reversal switching animation includes the changing visuals of the first and second page spaces as they follow the space reversal switching operation. In other words, since the second page space is displayed on the terminal screen after a space switching operation is performed on the first page space, the process of performing a space reversal switching operation on the second page space is essentially a reverse operation of the space switching operation; that is, the space switching operation and the space reversal switching operation have a corresponding relationship. For example, if a space switching operation includes a swipe operation along the target direction, then a space switching operation also includes a swipe operation in the opposite direction of the target direction. As described above, if the target direction is horizontally to the left of the terminal screen, then the opposite direction is horizontally to the right of the terminal screen; if the target direction is horizontally to the right of the terminal screen, then the opposite direction is horizontally to the left of the terminal screen; if the target direction is diagonally across the terminal screen, such as from diagonal A to diagonal B, then the opposite direction is the opposite direction of the diagonal of the terminal screen, such as from diagonal B to diagonal A; if the target direction is vertically upward of the terminal screen, then the opposite direction is vertically downward of the terminal screen; if the target direction is vertically downward of the terminal screen, then the opposite direction is vertically upward of the terminal screen. Similarly, the spatial transition animation displayed when a spatial transition operation occurs in the first page space corresponds to the spatial reverse transition animation displayed when a spatial reverse transition operation occurs in the second page space. For example, when there is a space switching operation in the first page space, the display area of ​​the second page space gradually increases according to the change of the swipe operation. Then, when there is a space switching operation in the second page space, the display area of ​​the second page space gradually decreases according to the change of the swipe operation. This can give users a richer and more realistic sense of space alternation, and improve user stickiness and experience.

[0148] Based on this, the space reversal switching operation performed in the second page space has many similarities to the space switching operation performed in the first page space, as well as the displayed space reversal switching animation and the displayed space switching animation. The specific implementation process of performing the space reversal switching operation in the second page space and displaying the space reversal switching animation can be found in [link to documentation]. Figure 1b The specific implementation process of step S102 in the illustrated embodiment is described below. Several important implementation methods will be elaborated later, and limitations will be imposed on the embodiments of this application.

[0149] Similar to the first page space, the second page space also contains one or more service pages, and these service pages may have the same or different display levels. See [link to relevant documentation] for details. Figure 1b The description of the display level of the service page in the illustrated embodiment will not be repeated here. Spatial reverse switching operation refers to the spatial reverse switching operation performed within any service page in the second page space. Spatial reverse switching operation includes a sliding operation in the opposite direction of the target direction. An exemplary description of the target direction can be found in the foregoing description, and the opposite direction of the target direction varies depending on the target direction. Specifically, the spatial reverse switching operation (i.e., a sliding operation in the opposite direction of the target direction) existing in the second page space can include any of the following: ① A sliding operation in the opposite direction of the target direction within a specified area in the second page space. ② A sliding operation in the opposite direction of the target direction within a specified service page displayed in the second page space. ③ A sliding operation in the opposite direction of the target direction within a specified area of ​​a specified service page. ④ A sliding operation in the opposite direction of the target direction at a specified position on the terminal screen. The specific implementation process of the opposite direction of the target direction described above is related to... Figure 1b The descriptions of the target direction in the illustrated embodiments are similar and will not be repeated here.

[0150] When a space reversal switching operation occurs within the second page space, this application embodiment supports displaying a space reversal switching animation. The space reversal switching animation includes changing visuals of the first and second page spaces as they follow the space reversal switching operation; the display effect of this space reversal switching animation corresponds to the space switching animation. Several implementation methods for displaying space reversal switching animations are given below:

[0151] When a spatial reversal operation occurs, the first and second page spaces are displayed at different display levels on the terminal screen. The display area of ​​the first and second page spaces adjusts with the swipe operation, visually giving the user a sense of spatial transition, such as the first page space gradually increasing in size. Specifically, when a spatial reversal operation occurs, the second page space is displayed above the first page space; the display area of ​​the second page space decreases as the swipe distance increases; and the display area of ​​the first page space increases as the swipe distance increases. Since the first page space shrinks during a spatial reversal operation, its display area should increase when a spatial reversal operation occurs in the second page space. This creates the visual effect of the first page space gradually increasing in size, helping the user understand the process of page space transition. The degree of magnification of the first page space following the spatial reversal operation is related to factors such as the swipe distance, which can be referred to in the aforementioned formula for calculating the scaling factor; this will not be elaborated upon here.

[0152] The following is in conjunction with the appendix Figure 7a This section describes the spatial alternation process between the first and second page spaces when a spatial reverse switching operation occurs in the second page space; for example... Figure 7a As shown, firstly, a second page space 402 is displayed on the terminal screen. When a space reversal switching operation occurs in the second page space 402, such as a sliding operation in the opposite direction of the target direction within a specified area of ​​the second page space (e.g., a sliding operation from the right side of the middle of the second page to the left along the horizontal direction of the terminal screen), the second page space 402 is moved to the left following the space reversal switching operation, and the first page space 401 is displayed below the display level of the second page space 402. The display area of ​​the first page space 401 on the terminal screen is gradually enlarged, and the first page space 401 appears to rise on the terminal screen in terms of visual effect.

[0153] It should be noted that the embodiments of this application do not limit the display level of the service pages displayed in the second page space when performing a space reversal switching operation; in other words, a space reversal switching operation can be performed in the second page space when any service page carried by the second page space is displayed in the second page space. Figure 7bAs shown, when a space switching operation occurs in the first page space, a second page space is displayed on the terminal screen to replace the first page space. At this time, service page 701 is displayed in the second page space, and service page 701 contains option 7011. When option 7011 is selected, service page 702 can be displayed in the second page space. Service page 702 and service page 701 are dependent on each other; service page 702 can only be displayed on top of service page 701, meaning service page 702 is a second-level page and service page 701 is a first-level page. If a space reversal switching operation is performed in the second page space (i.e., a space reversal switching operation occurs in service page 702), then the first page space can be displayed on the terminal screen to replace the second page space. See also... Figure 7c The service page 702 displayed in the second page space contains option 7021. When option 7021 is selected, service page 703 can be displayed in the second page space. Service page 703 is dependent on service page 702; for example, service page 703 can only be displayed on top of service page 702. That is, service page 703 is a third-level page, and service page 702 is a second-level page. At this time, if a space reversal switch operation is performed in the second page space (i.e., a space reversal switch operation exists in service page 703), then the first page space can be displayed on the terminal screen to replace the second page space. In summary, when the service page displayed in the second page space is any service page carried by the second page space, a space reversal switch operation can be performed in the second page space to achieve the display of the first page space on the terminal screen to replace the display of the second page space.

[0154] When a space reversal switching operation occurs in the second page space, this embodiment of the application also supports overlaying a display shadow layer on top of the display layer of the first page space to enrich the rise effect of the first page space. Specifically, when a space switching operation occurs, a display shadow layer is overlaid on top of the display layer of the first page space, and the second page space is displayed on top of the display layer of the shadow layer; the display areas of the first page space and the shadow layer are synchronously enlarged as the sliding distance of the reverse sliding operation increases; and the display area of ​​the second page space is reduced as the sliding distance of the reverse sliding operation increases. In other words, similar to how the display areas of the shadow layer and the first page space synchronously decrease with the space switching operation when a space switching operation is performed in the first page space, when a space reversal switching operation is performed in the second page space, the shadow layer and the first page space synchronously enlarge their display areas with the space reversal switching operation to simulate the effect of space rise. A schematic diagram illustrating the changes in the shadow layer, the first page space, and the second page space with the space reversal switching operation can be found in [reference needed]. Figure 8 ,like Figure 8 As shown, when a space reversal switching operation occurs, the second page space 402 moves to the left following the space reversal switching operation, while the reduced first page space 401 and shadow layer 403 are displayed on the terminal screen; and, following the changes in the space reversal switching operation, the display area of ​​the first page space 401 and shadow layer 403 gradually increases.

[0155] Of course, as the first page space and shadow layer change with the reverse space switching operation, the transparency of the shadow layer can also be dynamically adjusted. The method for adjusting the transparency of the shadow layer here is the same as described above. Figure 1b The method for adjusting the transparency of the shadow layer described in the illustrated embodiment is similar; here, the transparency of the shadow layer decreases as the sliding distance increases. An exemplary calculation method for adjusting the transparency of the shadow layer based on the sliding distance is as follows:

[0156] K = L3 / L2

[0157] K represents the transparency of the shadow layer, L3 represents the sliding distance, and L2 represents the screen width of the terminal. According to this calculation method, as the sliding distance increases from right to left, the transparency of the shadow layer increases, thus making the content contained in the first page space clearer and enhancing the first page space's recovery effect. Of course, the transparency of the shadow layer can also be adjusted based on the display area of ​​the second page space; for example, an exemplary calculation method for adjusting the shadow layer's transparency based on the display area of ​​the second page space is as follows:

[0158] K = S1 / S2

[0159] K represents the transparency of the shadow layer, S1 represents the display area of ​​the second page space, and S2 represents the display area of ​​the terminal screen. According to this calculation method, as the swipe operation proceeds from left to right, the display area of ​​the second page space decreases, and therefore the transparency of the shadow layer decreases. It should be noted that the above only provides two methods for adjusting the transparency of the shadow layer. In practical applications, other factors can also be considered to adjust the transparency of the shadow layer, which will not be discussed in detail here.

[0160] S605 displays a first page space on the terminal screen to replace the second page space.

[0161] When a reverse swipe operation satisfies the reverse switching condition, the first page space is displayed on the terminal screen to replace the second page space, indicating the end of the space transition between the first and second page spaces. At this time, the shadow layer displayed above the display level of the first page space described in step S604 can be deleted, and the first page space is displayed on the terminal screen according to its maximum display area to replace the second page space. The conditions for a swipe operation to satisfy the reverse switching condition can include: the swipe operation ending and the swipe distance reaching a second distance threshold. The second distance threshold can be preset by the administrator and can be the same as or different from the first distance threshold; the specific value of the second distance threshold is not limited here. Conversely, when a reverse swipe operation does not satisfy the reverse switching condition, the reverse switching animation can continue to be displayed on the terminal screen, or the display can return to the second page space. Furthermore, this embodiment also supports outputting a prompt when the reverse swipe distance reaches the second distance threshold, prompting the user that if they stop swiping at this time, the first page space will be displayed on the terminal screen to replace the second page space. The prompt can include any of the following: vibration, light, sound effects, notification messages, etc.

[0162] It should be noted that the specific implementation process of the backend's determination of the relationship between the sliding distance in the opposite direction and the second distance threshold is... Figure 5a The implementation process type shown is not elaborated here. At the end of the reverse sliding operation, the background process determines the relationship between the reverse sliding distance and the second distance threshold, as described above regarding the spatial reverse switching animation and the background determination of the sliding distance and the second distance threshold. Figure 5d The implementation process types shown are not elaborated here. Furthermore, the implementation flow of the specific implementation methods shown in the background implementation steps S604-S605 can be found in [link to relevant documentation]. Figure 9 , Figure 9 For the detailed implementation process shown, please refer to [link / reference]. Figure 5e The specific implementation process shown is not detailed here.

[0163] In summary, when a space switching operation occurs within the first page space on the terminal screen, a space switching animation can be displayed, and a second page space is shown on the terminal screen to replace the first page space. Similarly, when a space reversal switching operation occurs within the second page space on the terminal screen, a space reversal switching animation can be displayed, and the first page space is shown on the terminal screen to replace the second page space. This process simulates the alternation of page spaces by adjusting the transparency of the shadow layer, the display area of ​​the first page space, and the display area of ​​the second page space to follow the changes in the space reversal switching operation (or space switching operation), allowing users to perceive the spatial changes between different page spaces. Furthermore, by replacing the first page space with the second page space on the terminal screen, the service page in the second page space can be quickly accessed by performing a space switching operation. Compared to accessing service pages through a more complex access path within the same page space, classifying service pages into different page spaces and achieving rapid switching of service page display by alternating page spaces on the terminal screen enables fast access to service pages, simplifies the access operation process, makes the operation simple and convenient, and improves operational efficiency.

[0164] In this embodiment of the application, in order for the terminal or application to execute the page space alternation described above, the background implementation methods for creating different page spaces for the application or terminal vary depending on the terminal's operating system. The operating system here may include, but is not limited to, Android operating system and iOS operating system (iPhone Operating System, Apple operating system). The background implementation process of the display processing scheme will be described in more detail below using Android operating system as an example, wherein:

[0165] When using the Android operating system, a programming approach with view-switching functionality is required for the page (or page space). Common programming approaches with view-switching functionality include, but are not limited to: ViewPager, RecyclerView, RecyclerView + SnapHelper, etc. The following explanation uses ViewPager as an example. ViewPager is a class in the Android operating system, so it is also called the ViewPager class. The ViewPager class allows users to switch between displayed views (i.e., pages or page spaces) on the terminal screen. Because the ViewPager class directly inherits from the ViewGroup class, it is a container class (such as a page space), supporting the addition of other view classes (such as service pages) within this container class.

[0166] Based on this, the ViewPager described above can be used to program various service pages, allowing multiple page spaces to be switched and displayed, thus enabling quick access to service pages through the switching of page spaces. Specifically, the page space that is initially displayed on the terminal screen by default can be programmed as the first page space, while the page space that needs to be displayed by swiping (i.e., the hidden page space, such as the space on the left side of the terminal screen) can be programmed as the second page space. This allows users to quickly access the service pages hosted in different page spaces by swiping between the first and second page spaces on the terminal screen. Furthermore, switching animations can be configured for each page space when programming (such as the shadow layer, the rules for changing the transparency of the shadow layer, overlays, etc., as described above). Therefore, using ViewPager to program page spaces and configuring switching animations for page spaces helps users create a sense of alternating spaces when performing space switching operations or reverse space switching operations on the terminal screen.

[0167] The methods of the embodiments of this application have been described in detail above. In order to facilitate better implementation of the above solutions of the embodiments of this application, the apparatus of the embodiments of this application is provided below.

[0168] Figure 10 This illustration shows a schematic diagram of a display processing device provided in an exemplary embodiment of this application; the display processing device can be used as a computer program (including program code) running on a terminal, for example, the display processing device can be an application program (such as WeChat, QQ) on the terminal; the display processing device can be used to execute... Figure 1b as well as Figure 6 Some or all of the steps in the method embodiments shown.

[0169] Please see Figure 10 The display processing device includes the following units:

[0170] Display unit 1001 is used to display the first page space on the terminal screen;

[0171] Processing unit 1002 is configured to display a space switching animation when a space switching operation occurs. The space switching animation includes changes in the first page space and the second page space as the space switching operation occurs; and...

[0172] The processing unit 1002 is also used to display a second page space on the terminal screen to replace the first page space.

[0173] In one implementation, the first page space carries one or more service pages; when the processing unit 1002 displays the first page space on the terminal screen, it is specifically used for:

[0174] Display any one of the one or more service pages on the terminal screen;

[0175] Among them, the space switching operation refers to the space switching operation performed within any service page in the first page space.

[0176] In one implementation, the processing unit 1002 is further configured to:

[0177] The first page displays one or more service pages.

[0178] In one implementation, the space switching operation includes a sliding operation along the target direction; the sliding operation along the target direction includes any of the following:

[0179] A sliding operation along the target direction within a specified area in the first page space; or,

[0180] A swipe operation along the target direction within the specified service page displayed in the first page space; or,

[0181] A swipe operation along the target direction within a specified area on a specified service page; or...

[0182] A swipe operation along the target direction at a designated location on the terminal screen;

[0183] The target direction refers to any direction on the terminal screen, including any of the following: the horizontal left direction of the terminal screen, the horizontal right direction of the terminal screen, the diagonal direction of the terminal screen, the vertical upward direction of the terminal screen, and the vertical downward direction of the terminal screen.

[0184] In one implementation, the space switching operation includes a sliding operation along the target direction; when the processing unit 1002 is used to display the space switching animation, it is specifically used for:

[0185] The second page space is displayed above the display hierarchy of the first page space;

[0186] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0187] The display area of ​​the first page space will shrink as the swipe distance increases.

[0188] In one implementation, the space switching operation includes a sliding operation along the target direction; when the processing unit 1002 is used to display the space switching animation, it is specifically used for:

[0189] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0190] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0191] The display area of ​​the first page space and the shadow layer will shrink synchronously as the sliding distance increases.

[0192] In one implementation, the transparency of the shadow layer is linearly related to the display area of ​​the second page space; or, the transparency of the shadow layer is linearly related to the scrolling distance.

[0193] In one implementation, when the processing unit 1002 is used to display the space switching animation, it is specifically used for:

[0194] An overlay is displayed above the display layer of the second page space; the display area of ​​the overlay changes with the display area of ​​the second page space.

[0195] In one implementation, the space switching operation includes a sliding operation along the target direction; the processing unit 1002 is further configured to:

[0196] When the sliding distance reaches the first distance threshold, a prompt is output; the prompt may include any of the following: vibration, light, sound effect, or prompt message.

[0197] In one implementation, when the processing unit 1002 displays a second page space on the terminal screen to replace the first page space, it is specifically used for:

[0198] When the swipe operation meets the switching conditions, delete the mask; and...

[0199] The second page space is displayed on the terminal screen according to its maximum display area to replace the first page space;

[0200] The switching conditions for a swipe operation include: the swipe operation ends and the swipe distance reaches the first distance threshold.

[0201] In one implementation, the processing unit 1002 is further configured to:

[0202] When a reverse transition occurs within the second page space, a reverse transition animation is displayed. This animation includes visual changes in both the first and second page spaces as the transition occurs; and...

[0203] The first page space is displayed on the terminal screen to replace the second page space.

[0204] In one implementation, the second page space contains one or more service pages;

[0205] The space reversal switch operation refers to the space reversal switch operation performed within any service page in the second page space.

[0206] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; the sliding operation in the opposite direction to the target direction includes any of the following:

[0207] A sliding operation in the opposite direction to the target direction within a specified area in the second page space; or,

[0208] A swipe operation in the opposite direction of the target direction within the specified service page displayed in the second page space; or,

[0209] A swipe operation in the opposite direction to the target direction within a specified area on a specified service page; or,

[0210] A swipe operation in the opposite direction of the target direction at a specified location on the terminal screen.

[0211] In one implementation, the spatial reverse switching operation includes a sliding operation in the opposite direction to the target direction; when the processing unit 1002 is used to display the spatial reverse switching animation, it is specifically used for:

[0212] The second page space is displayed above the display hierarchy of the first page space;

[0213] The display area of ​​the first page space is enlarged as the sliding distance in the opposite direction increases; and,

[0214] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0215] In one implementation, the spatial reverse switching operation includes a sliding operation in the opposite direction to the target direction; when the processing unit 1002 is used to display the spatial reverse switching animation, it is specifically used for:

[0216] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0217] The display area of ​​the first page space and the shadow layer will be enlarged synchronously as the sliding distance in the opposite direction increases; and,

[0218] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0219] In one implementation, when the processing unit 1002 displays the first page space on the terminal screen to replace the second page space, it is specifically used for:

[0220] When the reverse swipe operation satisfies the reverse toggle condition, delete the shadow layer; and,

[0221] The first page space is displayed on the terminal screen according to its maximum display area to replace the display of the second page space;

[0222] The conditions for a swipe operation to satisfy the reverse switching include: the swipe operation ends and the swipe distance reaches the second distance threshold.

[0223] According to one embodiment of this application, Figure 10 The various units in the display processing device shown can be individually or entirely combined into one or more other units, or some of the units can be further divided into multiple functionally smaller units. This can achieve the same operation without affecting the technical effect of the embodiments of this application. The above units are based on logical function division. In practical applications, the function of one unit can also be implemented by multiple units, or the function of multiple units can be implemented by one unit. In other embodiments of this application, the display processing device may also include other units. In practical applications, these functions can also be implemented with the assistance of other units, and can be implemented by multiple units working together. According to another embodiment of this application, the display processing device can be executed by running on a general-purpose computing device, such as a computer, which includes processing elements and storage elements such as a central processing unit (CPU), random access memory (RAM), and read-only memory (ROM). Figure 1b and Figure 6 The computer program (including program code) for each step involved in the corresponding method shown, to construct such... Figure 10 The display processing apparatus shown herein, and the display processing method for implementing the embodiments of this application, are described. A computer program may be recorded on, for example, a computer-readable recording medium, loaded onto the aforementioned computing device via the computer-readable recording medium, and executed therein.

[0224] In this embodiment, a simple space switching operation can be triggered to quickly switch from a first page space to a second page space on the terminal screen. During the page space switching process, a space switching animation is displayed, showing the changes in the two page spaces as the switching operation occurs. This allows the animation to intuitively present the alternation between page spaces. This solution not only facilitates switching between page spaces, enabling rapid switching between different service pages within different page spaces, enriching the switching methods between service pages, and shortening the switching path, but also allows users to perceive and understand the spatial affiliation of each service page on the terminal screen. The operation is simple and convenient, with high switching efficiency.

[0225] Figure 11 A schematic diagram of the structure of a terminal provided in an exemplary embodiment of this application is shown. Please refer to... Figure 11 The terminal includes a processor 1101, a communication interface 1102, and a computer-readable storage medium 1103. The processor 1101, communication interface 1102, and computer-readable storage medium 1103 can be connected via a bus or other means. The communication interface 1102 is used to receive and send data. The computer-readable storage medium 1103 can be stored in the terminal's memory and is used to store computer programs, including program instructions. The processor 1101 is used to execute the program instructions stored in the computer-readable storage medium 1103. The processor 1101 (or CPU (Central Processing Unit)) is the terminal's computing and control core, suitable for implementing one or more instructions, specifically suitable for loading and executing one or more instructions to achieve corresponding method flows or functions.

[0226] This application embodiment also provides a computer-readable storage medium (Memory), which is a memory device in a terminal for storing programs and data. It is understood that the computer-readable storage medium here can include both the built-in storage medium in the terminal and extended storage media supported by the terminal. The computer-readable storage medium provides storage space that stores the processing system of the document editing device. Furthermore, the storage space also stores one or more instructions suitable for loading and execution by the processor 1101, which can be one or more computer programs (including program code). It should be noted that the computer-readable storage medium here can be high-speed RAM memory or non-volatile memory, such as at least one disk storage device; optionally, it can also be at least one computer-readable storage medium located remotely from the aforementioned processor.

[0227] In one embodiment, the terminal may be the terminal mentioned in the foregoing embodiments; the computer-readable storage medium stores one or more instructions; the processor 1101 loads and executes one or more instructions stored in the computer-readable storage medium to implement the corresponding steps in the above-described display processing method embodiments; specifically, the one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and executed as follows:

[0228] Display the first page space on the terminal screen;

[0229] When a space transition operation occurs, a space transition animation is displayed. This animation includes visual changes in the first and second page spaces as the space transition occurs; and...

[0230] The second page space is displayed on the terminal screen to replace the first page space.

[0231] In one implementation, the first page space carries one or more service pages; when one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and executed to display the first page space on the terminal screen, the following steps are specifically performed:

[0232] Display any one of the one or more service pages on the terminal screen;

[0233] Among them, the space switching operation refers to the space switching operation performed within any service page in the first page space.

[0234] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 1101 and the following steps are also performed:

[0235] The first page displays one or more service pages.

[0236] In one implementation, the space switching operation includes a sliding operation along the target direction; the sliding operation along the target direction includes any of the following:

[0237] A sliding operation along the target direction within a specified area in the first page space; or,

[0238] A swipe operation along the target direction within the specified service page displayed in the first page space; or,

[0239] A swipe operation along the target direction within a specified area on a specified service page; or...

[0240] A swipe operation along the target direction at a designated location on the terminal screen;

[0241] The target direction refers to any direction on the terminal screen, including any of the following: the horizontal left direction of the terminal screen, the horizontal right direction of the terminal screen, the diagonal direction of the terminal screen, the vertical upward direction of the terminal screen, and the vertical downward direction of the terminal screen.

[0242] In one implementation, the space switching operation includes a sliding operation along the target direction; one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and, when executing the space switching animation, specifically perform the following steps:

[0243] The second page space is displayed above the display hierarchy of the first page space;

[0244] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0245] The display area of ​​the first page space will shrink as the swipe distance increases.

[0246] In one implementation, the space switching operation includes a sliding operation along the target direction; one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and, when executing the space switching animation, specifically perform the following steps:

[0247] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0248] The display area of ​​the second page space increases as the scrolling distance increases; and,

[0249] The display area of ​​the first page space and the shadow layer will shrink synchronously as the sliding distance increases.

[0250] In one implementation, the transparency of the shadow layer is linearly related to the display area of ​​the second page space; or, the transparency of the shadow layer is linearly related to the scrolling distance.

[0251] In one implementation, one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and, when executing the display space switching animation, specifically perform the following steps:

[0252] An overlay is displayed above the display layer of the second page space; the display area of ​​the overlay changes with the display area of ​​the second page space.

[0253] In one implementation, the space switching operation includes a sliding operation along the target direction; one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and are also used to perform the following steps:

[0254] When the sliding distance reaches the first distance threshold, a prompt is output; the prompt may include any of the following: vibration, light, sound effect, or prompt message.

[0255] In one implementation, when one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and executed to display a second page space on the terminal screen to replace the first page space, the following steps are specifically performed:

[0256] When the swipe operation meets the switching conditions, delete the mask; and...

[0257] The second page space is displayed on the terminal screen according to its maximum display area to replace the first page space;

[0258] The switching conditions for a swipe operation include: the swipe operation ends and the swipe distance reaches the first distance threshold.

[0259] In one implementation, one or more instructions in a computer-readable storage medium are loaded by processor 1101 and further executed as follows:

[0260] When a reverse transition occurs within the second page space, a reverse transition animation is displayed. This animation includes visual changes in both the first and second page spaces as the transition occurs; and...

[0261] The first page space is displayed on the terminal screen to replace the second page space.

[0262] In one implementation, the second page space contains one or more service pages;

[0263] The space reversal switch operation refers to the space reversal switch operation performed within any service page in the second page space.

[0264] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; the sliding operation in the opposite direction to the target direction includes any of the following:

[0265] A sliding operation in the opposite direction to the target direction within a specified area in the second page space; or,

[0266] A swipe operation in the opposite direction of the target direction within the specified service page displayed in the second page space; or,

[0267] A swipe operation in the opposite direction to the target direction within a specified area on a specified service page; or,

[0268] A swipe operation in the opposite direction of the target direction at a specified location on the terminal screen.

[0269] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; one or more instructions in a computer-readable storage medium are loaded by processor 1101 and, when executing the spatial reversal switching animation, specifically perform the following steps:

[0270] The second page space is displayed above the display hierarchy of the first page space;

[0271] The display area of ​​the first page space is enlarged as the sliding distance in the opposite direction increases; and,

[0272] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0273] In one implementation, the spatial reversal switching operation includes a sliding operation in the opposite direction to the target direction; one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and, when executing the spatial reversal switching animation, specifically perform the following steps:

[0274] A shadow layer is overlaid on the display layer of the first page space, and the second page space is displayed on the display layer of the shadow layer.

[0275] The display area of ​​the first page space and the shadow layer will be enlarged synchronously as the sliding distance in the opposite direction increases; and,

[0276] The display area of ​​the second page space decreases as the sliding distance in the opposite direction increases.

[0277] In one implementation, when one or more instructions in the computer-readable storage medium are loaded by the processor 1101 and executed to display a first page space on the terminal screen to replace the second page space, the following steps are specifically performed:

[0278] When the reverse swipe operation satisfies the reverse toggle condition, delete the shadow layer; and,

[0279] The first page space is displayed on the terminal screen according to its maximum display area to replace the display of the second page space;

[0280] The conditions for a swipe operation to satisfy the reverse switching include: the swipe operation ends and the swipe distance reaches the second distance threshold.

[0281] In this embodiment, a simple space switching operation can be triggered to quickly switch from a first page space to a second page space on the terminal screen. During the page space switching process, a space switching animation is displayed, showing the changes in the two page spaces as the switching operation occurs. This allows the animation to intuitively present the alternation between page spaces. This solution not only facilitates switching between page spaces, enabling rapid switching between different service pages within different page spaces, enriching the switching methods between service pages, and shortening the switching path, but also allows users to perceive and understand the spatial affiliation of each service page on the terminal screen. The operation is simple and convenient, with high switching efficiency.

[0282] This application also provides a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. The terminal's processor reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the terminal to perform the aforementioned display processing method.

[0283] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed in this application can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0284] In the above embodiments, implementation can be achieved, in whole or in part, through software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented, in whole or in part, as a computer program product. A computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present invention are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in or transmitted through a computer-readable storage medium. The computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state disk (SSD)).

[0285] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in this invention should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A display processing method characterized by comprising: The method comprises: displaying a first page space in a terminal screen; the first page space carries one or more service pages; the terminal screen is configured with N independent page spaces, N being an integer greater than 1, and the N page spaces include the first page space; when a space switching operation exists in any service page in the first page space, a space switching animation is shown, the space switching animation includes changing pictures of the first page space and the second page space respectively changing following the space switching operation; the space switching operation is used to call out the second page space in the N page spaces; and displaying the second page space in the terminal screen to replace the first page space; the second page space carries one or more service pages; displaying a first-level service page carried by the second page space in the second page space, and triggering display of a second-level service page having a dependent relationship with the first-level service page from the first-level service page; when a space reverse switching operation is performed in the second-level service page in the second page space, the first page space is displayed in the terminal screen to replace the second page space.

2. The method of claim 1, wherein, The method comprises: displaying any service page in the one or more service pages in the terminal screen.

3. The method of claim 2, wherein, The method further comprises: switching display of the one or more service pages in the first page space.

4. The method of claim 1, wherein, The space switching operation comprises a sliding operation in a target direction; the sliding operation in the target direction comprises any one of the following: a sliding operation in a target direction in a specified area in the first page space; or a sliding operation in a target direction in a specified service page displayed in the first page space; or a sliding operation in a target direction in a specified area in the specified service page; or a sliding operation in a target direction at a specified position of the terminal screen; wherein the target direction refers to any direction in the terminal screen, and the target direction comprises any one of the following: a horizontal left direction of the terminal screen, a horizontal right direction of the terminal screen, a diagonal direction of the terminal screen, a vertical upward direction of the terminal screen, and a vertical downward direction of the terminal screen.

5. The method of claim 1, wherein, The space switching operation comprises a sliding operation in a target direction. The space switching animation comprises: displaying the second page space above a display level of the first page space; increasing display of a display area of the second page space following an increase of a sliding distance of the sliding operation; and decreasing display of a display area of the first page space following the increase of the sliding distance of the sliding operation.

6. The method of claim 1, wherein, The space switching operation comprises a sliding operation in a target direction. The space switching animation comprises: displaying a shadow layer above a display level of the first page space, and displaying the second page space above a display level of the shadow layer; The display area of the second page space is increased in display following an increase in the sliding distance of the sliding operation; and The display area of the first page space and the shadow layer is synchronously reduced in display following an increase in the sliding distance of the sliding operation.

7. The method of claim 6, wherein, The transparency of the shadow layer is in linear relationship with the display area of the second page space; or the transparency of the shadow layer is in linear relationship with the sliding distance.

8. The method of claim 5 or 6, wherein, The display space switching animation comprises: A mask layer is displayed above the display level of the second page space; the display area of the mask layer changes following a change in the display area of the second page space.

9. The method of claim 1, wherein, The space switching operation comprises a sliding operation in a target direction; the method further comprises: When the sliding distance of the sliding operation reaches a first distance threshold, a prompt is output; the prompt comprises any one of the following: vibration, light, sound effect, prompt message.

10. The method of claim 8, wherein, The display of the second page space in the terminal screen to replace the first page space comprises: When the sliding operation meets a switching condition, the mask layer is deleted; and The second page space is displayed in the terminal screen in the maximum display area to replace the first page space; The sliding operation meets the switching condition comprises that the sliding operation ends and the sliding distance reaches a first distance threshold.

11. The method of claim 1, wherein, The method further comprises: When there is a space reverse switching operation in the second page space, a space reverse switching animation is displayed, the space reverse switching animation comprises changing pictures of the first page space and the second page space respectively following the space reverse switching operation; and The first page space is displayed in the terminal screen to replace the second page space.

12. The method of claim 11, wherein The space reverse switching operation refers to a space reverse switching operation performed in any service page in the second page space.

13. The method of claim 12, wherein, The space reverse switching operation comprises a sliding operation in a reverse direction of a target direction; the sliding operation in the reverse direction of the target direction comprises any one of the following: A sliding operation in the reverse direction of the target direction in a specified region in the second page space; Or A sliding operation in the reverse direction of the target direction in a specified service page displayed in the second page space; Or A sliding operation in the reverse direction of the target direction in a specified region in the specified service page; Or A sliding operation in the reverse direction of the target direction at a specified position of the terminal screen.

14. The method of claim 11, wherein, The space reverse switching operation comprises a sliding operation in a reverse direction of a target direction; The display space reverse switching animation comprises: The second page space is displayed above the display level of the first page space; The display area of the first page space is enlarged in display following an increase in the sliding distance of the sliding operation in the reverse direction; and The display area of the second page space is reduced in display following an increase in the sliding distance of the sliding operation in the reverse direction.

15. The method of claim 11, wherein, The space reverse switching operation includes a reverse direction sliding operation along a target direction; the space reverse switching animation includes: displaying a shadow layer on top of the display hierarchy of the first page space, and displaying the second page space on top of the display hierarchy of the shadow layer; synchronously enlarging the display area of the first page space and the shadow layer along with the increase of the sliding distance of the reverse direction sliding operation; and synchronously reducing the display area of the second page space along with the increase of the sliding distance of the reverse direction sliding operation.

16. The method of claim 15, wherein, The displaying the first page space in the terminal screen to replace the second page space includes: deleting the shadow layer when the reverse direction sliding operation meets a reverse switching condition; and displaying the first page space in the terminal screen according to the maximum display area of the first page space to replace the display of the second page space; The reverse switching condition includes that the sliding operation ends and the sliding distance of the sliding operation reaches a second distance threshold.

17. A display processing device, comprising: The display processing method includes: displaying a first page space in a terminal screen; the first page space carries one or more service pages; the terminal screen is configured with N independent page spaces, N is an integer greater than 1, and the N page spaces include the first page space; when there is a space switching operation in any service page in the first page space, a space switching animation is displayed, the space switching animation includes changing pictures of the first page space and a second page space respectively changing along with the space switching operation; the space switching operation is used to call out the second page space in the N page spaces; and the processing unit is further configured to display the second page space in the terminal screen to replace the first page space; the second page space carries one or more service pages; displaying a first-level service page carried by the second page space in the second page space, and triggering the display of a second-level service page having a dependent relationship with the first-level service page from the first-level service page; when a space reverse switching operation is performed in the second-level service page in the second page space, the first page space is displayed in the terminal screen to replace the second page space.

18. A terminal, characterized by The display processing method includes: a processor adapted to execute a computer program; a computer readable storage medium, the computer readable storage medium storing a computer program, the computer program being executed by the processor to implement the display processing method of any one of claims 1-16.

19. A computer-readable storage medium, characterized in that, The computer readable storage medium stores a computer program, the computer program being adapted to be loaded and executed by the processor to implement the display processing method of any one of claims 1-16.

20. A computer program product, characterised in that, The computer program product includes computer instructions stored in a computer readable storage medium, and the processor executes the computer instructions to implement the display processing method of any one of claims 1-16.

Images