Interface display method, device, computer device, and storage medium

Abstract

The embodiments of the present application disclose an interface display method, device, computer device, and storage medium. The present application determines a target user interface, obtains an auxiliary user interface including a watermark area, performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface, obtains a series of user interfaces, and performs transformation processing to display them based on the watermark area. This solution can improve the dynamic effect of interface display and increase display efficiency during the display interface switching process.

Description

[Technical Field]

[0001] This application claims priority to a Chinese patent application bearing application number 202210952843.6, filed with the China Patent Office on August 9, 2022, and entitled "Interface display method, device, computer equipment and storage medium," the entire contents of which are incorporated herein by reference.

[0002] The present application relates to the field of computer technology, and specifically to an interface display method, device, computer device, and storage medium. [Background technology]

[0003] In the process of displaying an interface, a terminal device may switch from displaying an initial user interface to displaying a target user interface, in order to realize display switching and provide a better display experience to the user. Application scenarios of display switching are commonly encountered in practical applications, such as display switching for different interface directions or display switching according to changes in interface layout. Summary of the Invention [Problem to be solved by the invention]

[0004] In the course of researching and implementing related technologies, the inventors of the present application have found that conventional display methods for interface switching have many problems that affect display dynamic effects and display efficiency. For example, in the process of switching between different interface displays, a dynamic transition from an initial user interface to a target user interface is presented so that the user can reliably perceive the user interface switching display. Furthermore, when presenting the dynamic effects of display switching, a considerable amount of time and computing resources are required to render these layers. Therefore, the display switching process takes a long time and consumes a relatively large amount of computing resources. Consequently, improvements are needed in both interface display efficiency and the dynamic effects of display experienced by the user. [Means for solving the problem]

[0005] The embodiments of the present application provide an interface display method, device, computer device, and storage medium, which can improve the dynamic effect of interface display and increase the interface display efficiency when different interface displays are switched.

[0006] An embodiment of the present application provides an interface display method, the interface display method comprising: In response to a display switch command for a currently displayed initial user interface, determining a target user interface indicated by the display switch command; obtaining an auxiliary user interface for use in displaying the interface, the auxiliary user interface including the watermark region; performing an overlay process on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer; and performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region.

[0007] Accordingly, an embodiment of the present application further includes an interface display, the interface display comprising: a determination unit that, in response to a display switch command for a currently displayed initial user interface, determines a target user interface indicated by the display switch command; an acquiring unit for acquiring an auxiliary user interface for displaying the interface, the auxiliary user interface including the watermark region; an overlay unit that performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer; a transformation unit for performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface according to the watermark region.

[0008] In one embodiment, the decision unit comprises: a direction determining subunit for determining a target interface direction indicated by a screen switching command when a screen switching command is detected during a process of displaying an initial user interface corresponding to the initial interface direction; and an interface determination subunit for determining a target user interface indicated by the display switching command based on the initial user interface and the target interface direction.

[0009] In one embodiment, the acquisition unit: a region information determining subunit for determining region dimension information and region layout information of a watermark region, the region layout information being used to represent a region layout of the watermark region in an auxiliary user interface; a region partitioning subunit for partitioning a watermark region into a user interface of a target size based on the region dimension information and the region layout information; and an interface generation subunit for generating the partitioned user interface and obtaining an auxiliary user interface for use in displaying the interface.

[0010] In one embodiment, the area division subunit comprises: Based on the target interface direction indicated by the display switching command, a target distance feature of the watermark area is determined, the target distance feature represents the distance between the watermark area and the terminal display area, the target distance feature is analyzed to determine the target dimensions of the user interface of the watermark area waiting to be partitioned, and based on the area dimension information and the area layout information, the watermark area is partitioned in the user interface corresponding to the target dimensions.

[0011] In one embodiment, the interface generation subunit comprises: Based on the partitioning result, an occlusion region is determined in the user interface of the target size, generation parameter information of the occlusion region is determined, and a partitioned user interface is generated based on the generation parameter information.

[0012] In one embodiment, the overlay unit comprises: an area determining subunit for respectively determining target areas of the initial user interface, the target user interface, and the auxiliary user interface; an overlay processing subunit that performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area.

[0013] In one embodiment, the target user interface includes at least one interface element, and the region determining subunit: A target interface element is determined from the interface elements of the target user interface, and a target target area of the target user interface is determined based on element layout information of the target interface element in the target user interface.

[0014] In one embodiment, the conversion unit comprises: an interface information determining subunit for determining dimension adjustment information of the user interface in the user interface series; and a size adjustment subunit that performs a size adjustment conversion process on the user interface in the user interface series based on the size adjustment information, and presents size adjustment of the user interface at a lower layer of the auxiliary user interface in the display process from the initial user interface to the target user interface based on the watermark area of the auxiliary user interface.

[0015] In one embodiment, the size adjustment information instructs that the size adjustment is realized by performing a scaling conversion on a user interface at a layer below the auxiliary user interface, and the size adjustment subunit: The area dimension information of the watermark area of the auxiliary user interface is obtained, and a scaling threshold for the user interface at the lower layer of the auxiliary user interface is determined based on the area dimension information, and a size adjustment conversion process is performed on the user interface at the lower layer of the auxiliary user interface in the user interface series based on the size adjustment information and the scaling threshold.

[0016] In one embodiment, a user interface at a lower layer of the auxiliary user interface in the user interface series includes at least one interface element, and the dimension adjustment subunit specifically includes: A target interface element that is a target in the scaling conversion process is determined from the interface elements of the user interface, a scaling center area where the scaling conversion for the user interface is performed is determined based on element layout information in the user interface of the target interface element, and the scaling conversion process is performed for the user interface based on the scaling center area.

[0017] In one embodiment, the user interface series includes the auxiliary user interface, and the dimension adjustment information instructs the auxiliary user interface to perform shape transformation to achieve the dimension adjustment, and the dimension adjustment subunit: The dimension adjustment information is analyzed to obtain the initial shape and the target shape of the auxiliary user interface, and current display progress information is obtained during the display process from the initial user interface to the target user interface. Based on the display progress information, the auxiliary user interface is transformed from the initial shape to the target shape, and a shape transformation process is performed on the auxiliary user interface.

[0018] In one embodiment, the conversion unit comprises: a direction determining subunit for determining a rotation direction of each user interface in the user interface series according to the target interface direction indicated by the display switching command; and a rotation transformation subunit that performs a rotation transformation process on each user interface in the user interface series based on the rotation direction, and presents a rotation transformation of a user interface at a lower layer of the auxiliary user interface in the display process from the initial user interface to the target user interface based on the watermark area of the auxiliary user interface.

[0019] In one embodiment, the conversion unit comprises: An attribute adjustment subunit is included, which obtains current display progress information during the display process from the initial user interface to the target user interface, adjusts interface attributes of user interfaces in the user interface series according to the display progress information, and performs a conversion process on the user interface series.

[0020] Accordingly, the embodiments of the present application further include a computer device, the computer device including a memory and a processor, a computer program stored in the memory, and the processor executes the computer program stored in the memory to implement any one of the interface display methods provided in the embodiments of the present application.

[0021] Accordingly, an embodiment of the present application further provides a computer-readable storage medium, which is used to store a computer program, and the computer program is loaded by a processor to execute any one of the interface display methods provided in the embodiment of the present application.

[0022] Accordingly, an embodiment of the present application further provides a computer program product, which includes computer programs / instructions, and when the computer programs / instructions are executed by a processor, causes the steps of the interface display method illustrated in the embodiment of the present application to be performed. [Effects of the Invention]

[0023] In an embodiment of the present application, in response to a display switching command for a currently displayed initial user interface, a target user interface indicated by the display switching command is determined, an auxiliary user interface used for interface display is obtained, the auxiliary user interface includes a watermark area, an overlay process is performed on the initial user interface, the target user interface, and the auxiliary user interface, a user interface series in which the auxiliary user interface is placed on an upper layer is obtained, and a conversion process is performed on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area.

[0024] According to this solution, during the display switching process from the display of the initial user interface to the display of the target user interface, an auxiliary user interface with a watermark area is used to present a dynamic transition from the initial user interface to the target user interface, allowing the user to reliably sense the user interface switching display. Furthermore, because the display switching process only involves the initial user interface, the target user interface, and the auxiliary user interface, this solution avoids the time and computing resource consumption caused by a relatively large number of related layers, thereby improving the dynamic effect of the interface display and improving the interface display efficiency. Furthermore, because this solution performs a conversion process on the user interface series to obtain the auxiliary user interface before presenting the display switching animation effect, this solution allows the auxiliary user interface required for the display switching to be generated in advance before the display switching animation begins, thereby reducing the system's computing load during the display switching animation process, ensuring good generation performance during the display switching animation process, and avoiding problems such as generation timeouts and animation stuttering caused by too many generation tasks, thereby further improving the dynamic effect of the interface display and further improving the interface display efficiency. [Brief explanation of the drawings]

[0025] In order to more clearly explain the technical solutions in the embodiments of the present application, the drawings necessary for describing the embodiments are briefly described below. It is obvious that the drawings in the following description are only some embodiments of the present application, and those skilled in the art can obtain other drawings based on these drawings without any creative efforts.

[0026] [Figure 1] FIG. 1 is a schematic diagram illustrating a scenario related to an interface display method provided in an embodiment of the present application. [Figure 2]FIG. 2 is a flow chart of an interface display method provided in an embodiment of the present application. [Figure 3] FIG. 1 is a schematic diagram illustrating an application scenario of the interface display method provided in the embodiment of the present application; [Figure 4] FIG. 10 is a schematic diagram illustrating another application scenario of the interface display method provided in the embodiment of the present application. [Figure 5] FIG. 10 is a schematic diagram illustrating another application scenario of the interface display method provided in the embodiment of the present application. [Figure 6] FIG. 10 is a schematic diagram illustrating another application scenario of the interface display method provided in the embodiment of the present application. [Figure 7] FIG. 2 is a schematic diagram illustrating the display switching of the interface display method provided in the embodiment of the present application. [Figure 8] FIG. 2 is a schematic diagram showing an auxiliary user interface of the interface display method provided in the embodiment of the present application. [Figure 9] FIG. 10 is a schematic diagram showing another auxiliary user interface of the interface display method provided in the embodiment of the present application. [Figure 10] FIG. 10 is a schematic diagram illustrating another display switching of the interface display method provided in the embodiment of the present application. [Figure 11] FIG. 2 is a schematic diagram illustrating a user interface of the interface display method provided in the embodiment of the present application. [Figure 12] FIG. 2 is a schematic diagram showing a user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 13] FIG. 10 is a schematic diagram illustrating another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 14] FIG. 10 is a schematic diagram illustrating another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 15]FIG. 10 is a schematic diagram illustrating another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 16] FIG. 10 is a schematic diagram illustrating another display switching of the interface display method provided in the embodiment of the present application. [Figure 17] FIG. 10 is a schematic diagram showing another user interface of the interface display method provided in the embodiment of the present application. [Figure 18] FIG. 10 is a schematic diagram illustrating another display switching of the interface display method provided in the embodiment of the present application. [Figure 19] FIG. 10 is another flow chart of an interface display method provided in an embodiment of the present application. [Figure 20] FIG. 10 is a schematic diagram illustrating another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 21] FIG. 2 is a schematic diagram showing a display flow according to an interface display method provided in an embodiment of the present application. [Figure 22] FIG. 2 is a schematic diagram illustrating module interactions according to the interface display method provided in the embodiment of the present application; [Figure 23] 1 is a structural schematic diagram of an interface display device provided in an embodiment of the present application; [Figure 24] FIG. 1 is a structural schematic diagram of a computer device provided in an embodiment of the present application; DETAILED DESCRIPTION OF THE INVENTION

[0027] The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings, but it is clear that the described embodiments are only some of the embodiments of the present application and do not represent all of the embodiments, and all other embodiments that a person skilled in the art can obtain based on the embodiments of the present application without making any creative efforts fall within the scope of protection of the present application.

[0028] An embodiment of the present application provides an interface display method, which is executed by an interface display device, and which may be integrated into a computer device, where the computer device may include a terminal. The interface display method may be executed by the terminal, or may be executed by both the server and the terminal.

[0029] Here, the terminal may be, but is not limited to, a personal computer, tablet, laptop, desktop computer, smart TV, smartphone, smart speaker, smart watch, VR / AR device, in-vehicle terminal, smart home, wearable electronic device, etc. The terminal and the server may be directly or indirectly connected by a wired or wireless communication method, but this application is not limited thereto.

[0030] In one embodiment, as shown in Figure 1, the interface display device is integrated into a computer device such as a terminal to implement the interface display method provided in the embodiment of the present application. For illustrative purposes, the embodiment of the present application will describe the interface display method using the computer device as a terminal.

[0031] 1, the terminal 10 responds to a display switching command for a currently displayed initial user interface, determines a target user interface indicated by the display switching command, and obtains an auxiliary user interface for interface display, where the auxiliary user interface includes a watermark area, performs an overlay process on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the upper layer, and performs a conversion process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area.

[0032] Each of these will be described in detail below. Note that the order of description of the following examples is not intended to limit the preferred order of the examples.

[0033] As can be understood, the specific embodiments of the present application relate to data such as user information, and if the above examples of the present application are used in specific products or technologies, user permission or consent must be obtained, and the collection, use and handling of related data must comply with the relevant laws and regulations of the relevant countries or regions.

[0034] The embodiments of the present application provide an interface display method, which may be executed by a terminal, or may be executed by both a server and a terminal. The embodiments of the present application will be described taking the case where the interface display method is executed by a terminal as an example.

[0035] As shown in FIG. 2, the specific process of this interface display method may be as follows:

[0036] In 101, in response to a display switching command for the currently displayed initial user interface, a target user interface indicated by the display switching command is determined.

[0037] Here, the user interface refers to an interface displayed by a terminal, and may be, for example, an interface for displaying visual elements such as visual patterns or visual text.

[0038] Here, the display switching command may be a command for switching from the display of an initial user interface to the display of a target user interface. Specifically, in the present application, the display switching command can be used to realize the display switching from the initial user interface to the target user interface. Correspondingly, the initial user interface is the user interface before the display switching, and the target user interface is the user interface after the display switching.

[0039] In one embodiment, the initial user interface and the target user interface in this application may be different user interfaces formed with completely different visual elements and different interface layouts. For example, the initial user interface and the target user interface may be different user interfaces formed with different but related visual elements and different interface layouts. For example, referring to the application scenario shown in FIG. 3 , the initial user interface may be the interface shown at 1001. For example, this interface may be a news display interface mainly consisting of text and images, and may include a jump control shown at 1002. When the terminal detects that the jump control is triggered, the terminal jumps to the target user interface shown at 1003, where a video image may be displayed in landscape mode. In a practical application, a user may rotate the terminal to a landscape mode to better view the video image displayed in the target user interface shown at 1003. Therefore, in this example, the display switching command may be a command generated in response to a trigger operation on the jump control. Although the visual elements in the initial user interface and the target user interface are different, the visual elements in both user interfaces are related.

[0040] As another example, referring to the application scenario shown in FIG. 4 , the initial user interface may be the interface shown in 1004. For example, this interface may be a video playback page in a portrait mode, displaying a video image played in portrait mode. The video image may include a full-screen image control shown in 1005. When the terminal detects that the full-screen image control is triggered, the terminal jumps to the target user interface shown in 1006, where the video image may be displayed in landscape mode. In a practical application, a user may rotate the terminal to a landscape mode to better view the video image displayed in the target user interface shown in 1003. Therefore, in this example, the display switching command may be a command generated in response to a trigger operation on the full-screen image control. Although the visual elements of the initial user interface and the target user interface are different, the visual elements of both user interfaces are related.

[0041] As another example, similarly referring to the application scenario shown in FIG. 5 , the initial user interface may be the interface shown in 1007. For example, this interface may be a video playback page specifically in a landscape mode, displaying a video image played in landscape mode. The video image may include a full-screen-off control shown in 1008. When the terminal detects that the full-screen-off control is triggered, the terminal jumps to the target user interface shown in 1009, where the video image may be displayed in portrait mode. In a practical application, a user may rotate the terminal to a portrait mode to better view the video image displayed in the target user interface shown in 1009. Therefore, in this example, the display switching command may be a command generated in response to a trigger operation on the full-screen-off control. Although the visual elements of the initial user interface and the target user interface are different, the visual elements of both user interfaces are related.

[0042] In one embodiment, in the present application, the initial user interface and the target user interface may be different user interfaces formed by all or part of the same visual elements to accommodate different interface layout settings. For example, when a terminal displays an initial user interface and detects a display switching command triggered by a screen switching operation, the target user interface indicated by the display switching command is the user interface of the initial user interface in the interface direction indicated by the screen switching command.

[0043] Here, the interface direction may be used to represent the direction of the user interface viewed by a display user. For example, taking a mobile terminal as an example, the interface direction may include a direction corresponding to the display of the user interface in a portrait screen and a direction corresponding to the display of the user interface in a landscape screen. For ease of distinction, the interface direction will be described using an example in which the terminal includes a display panel and a main screen button below the display panel. Specifically, the interface direction may include interface direction 1, which corresponds to a portrait screen with the main screen button located at the bottom of the screen; interface direction 2, which corresponds to a portrait screen with the main screen button located at the top of the screen; interface direction 3, which corresponds to a landscape screen with the main screen button located on the right side of the screen; and interface direction 4, which corresponds to a landscape screen with the main screen button located on the left side of the screen. It should be noted that here, the buttons on the main screen are merely examples for distinguishing different interface directions. In the following, if the above-mentioned four interface directions are used, it is only intended to refer to the corresponding interface direction, not to limit the configuration modules of the terminal, i.e., this application does not limit the configuration modules of the terminal.

[0044] For example, with reference to the application scenario shown in FIG. 6, an example in which a terminal rotates from a portrait screen to a landscape screen may be taken. Specifically, while the terminal is displaying the exemplary user interface shown in 10010 in a portrait screen, if the terminal is rotated counterclockwise, the terminal may display the initial user interface shown in 10011 in a landscape screen state. Furthermore, the terminal may display the target user interface shown in 10012 in response to a display switching command triggered by a screen switching operation. Thus, in this example, the display switching command is specifically a command triggered by a screen switching operation, and the initial user interface and the target user interface may be different user interfaces formed by all or part of the same visual elements to accommodate interface layout settings corresponding to different interface orientations.

[0045] In one embodiment, during the process of displaying the initial user interface to the target user interface, the user interface may be displayed in different interface orientations, such as switching from a landscape screen to a portrait screen, or switching from interface orientation 2 to interface orientation 4. Furthermore, there may be cases where the visual elements in the initial user interface and the visual elements in the target user interface are similar in various ways, such as when the initial user interface and the target user interface are different user interfaces formed with completely different visual elements and different interface layout settings, or when the initial user interface and the target user interface are different user interfaces formed with all or part of the same visual elements to correspond to different interface layout settings. Therefore, a command instructing the user interface to be displayed across the interface orientation may be determined as a screen switching command, and the target user interface indicated by the display switching may be determined in combination with the initial user interface and the target interface orientation indicated by this screen switching command.

[0046] Specifically, the step of determining a target user interface indicated by the display switching command in response to a display switching command for a currently displayed initial user interface includes: When a screen switching command is detected during the process of displaying an initial user interface corresponding to the initial interface direction, determining a target interface direction indicated by the screen switching command; determining a target user interface indicated by the display switching command based on the initial user interface and the target interface direction.

[0047] Here, the screen switching command is a command that instructs the user interface to be displayed across the interface direction. There are various methods for generating the screen switching command. For example, the screen switching command may be generated when a screen switching operation on the terminal (e.g., a user switching the screen on the terminal) is detected. Alternatively, the screen switching command may be generated by being triggered by a command that instructs the display to be across the interface direction (e.g., a full-screen image command for a video image, a full-screen end command for a video image, a link jump command, etc.). In other words, the present application does not limit the screen switching command to being generated only by performing a physical screen switching operation on the terminal device.

[0048] Here, the target interface direction indicated by the screen switching command refers to the direction used to display the interface corresponding to the target user interface in the application scenario of switching from the display of the initial user interface to the display of the target user interface. For example, in the examples of Figures 3, 4, and 6, the target interface direction is the display direction of the horizontal screen of the video image. Or, in the example shown in Figure 5, the target interface direction is the display direction of the vertical screen of the video image.

[0049] Since a screen switching command can be generated in various ways, there are correspondingly many ways to realize determining the target interface direction indicated by the screen switching command. For example, a screen switching operation is performed on the terminal through sensor detection (e.g., a user switches the screen on the terminal), and a screen switching command is generated, and the target interface direction indicated by the screen switching command is determined based on the related detection value by the sensor. Alternatively, for example, a screen switching command may be generated triggered by a related command (e.g., a full-screen image command for a video image, a full-screen end command for a video image, a link jump command, etc.) that instructs displaying across the interface direction, and the interface direction indicated by this related command may be determined as the target interface direction indicated by the screen switching command.

[0050] Furthermore, the target user interface indicated by the display switching command can be determined based on the initial user interface and the target interface direction. Specifically, the interface elements to be displayed in the target user interface and the interface layout settings corresponding to the target user interface can be determined based on the initial user interface, and then the interface elements can be displayed based on the interface layout settings, that is, the target user interface indicated by the display switching command can be determined.

[0051] For example, referring to the application scenario shown in FIG. 3, the initial user interface may be the interface shown at 1001. For example, this interface may specifically be a news display interface mainly consisting of text and images, and may include a jump control shown at 1002. When the terminal detects that this jump control is triggered, the terminal may determine the interface elements to be left and displayed in the target user interface, i.e., the interface elements used to play video images, and the interface layout setting of this target user interface in the target interface direction indicated by the display switching command. For example, in the example of FIG. 3, this interface layout setting may specifically be a setting related to presenting interface elements in a landscape screen direction. Furthermore, the terminal may display the interface elements waiting to be displayed in the target user interface based on this interface layout setting to determine the target user interface indicated by the display switching command.

[0052] As another example, referring to the application scenario shown in FIG. 6, the initial user interface may be the interface shown in 10011. For example, this interface may be an interface obtained by rotating the terminal counterclockwise while the terminal is displaying the exemplary user interface shown in 10010 in a portrait mode, thereby displaying the exemplary user interface 10010 in a landscape mode. Furthermore, in response to a display switching command triggered by a screen switching operation, the terminal may determine the interface elements to be left and displayed in the target user interface. That is, interface 10010 may include an image with the words "sample text" and some exemplary lines, and may determine the interface layout setting of the target user interface in the target interface direction indicated by the display switching command. For example, in the example of FIG. 6, the interface layout setting may be a setting related to presenting interface elements in a landscape mode. Furthermore, the terminal may display the interface elements of the target user interface to be displayed based on the interface layout setting to determine the target user interface 10012 indicated by the display switching command.

[0053] At 102, an auxiliary user interface for use in displaying the interface is obtained, the auxiliary user interface including a watermark region.

[0054] Here, the auxiliary user interface used for interface display refers to a user interface used to assist in realizing the interface display during the display switching process from the display of the initial user interface to the display of the target user interface. For example, the auxiliary user interface used for interface display is used to present a dynamic transition from the initial user interface to the target user interface in the display area of the terminal (e.g., the display area determined by the display panel) so that the user can perceive the dynamic effect of the user interface switching display.

[0055] Taking the display switching process of the terminal from the display of the initial user interface 10011 to the target user interface 10012 in Fig. 6 as an example, Fig. 7 shows the dynamic transition effect of this display switching process. In this example, the auxiliary user interface is a user interface used to assist in realizing this dynamic transition effect.

[0056] Here, the watermark area of the auxiliary user interface refers to a watermarked area in the auxiliary user interface. Therefore, the watermark area is not a visible area in the auxiliary user interface. For example, specifically, pixels can be assigned to a non-watermark area in the auxiliary user interface to change the color representation of the non-watermark area, while pixels cannot be assigned to the watermark area in the auxiliary user interface. Or, for example, if the auxiliary user interface has another visible user interface in a lower layer, the visible user interface can be seen through the watermark area, while the non-watermark area in the auxiliary user interface hides the visible user interface.

[0057] For example, referring to Figure 8, Figure 8 shows an example of an auxiliary user interface, where area 10013 in the auxiliary user interface is a watermark area, and the shape and size of the auxiliary user interface and the shape and size of the watermark area may vary and may be specifically set according to needs.

[0058] There are various methods for acquiring an auxiliary user interface to be used for interface display. For example, the terminal may acquire a set of interface setting information, where the set of interface setting information may include at least one piece of interface setting information, and the terminal may determine a corresponding auxiliary user interface based on the interface setting information. The terminal may also determine currently required interface setting information from the set of interface setting information. For example, the terminal may determine matching interface setting information from the set of interface setting information based on its own device information (e.g., dimensional information of the display panel, etc.). Or, for example, the terminal may determine matching interface setting information from the set of interface setting information based on interface information of an initial user interface (e.g., dimensional information of the initial user interface, etc.). Furthermore, the terminal may determine an auxiliary user interface to be used for interface display based on the determined interface setting information. For example, the terminal may generate a corresponding auxiliary user interface based on the determined interface setting information.

[0059] Alternatively, for example, the terminal may store interface setting information necessary for determining an auxiliary user interface. In this way, when it is necessary to generate an auxiliary user interface, the interface can be generated based on the interface setting information to obtain the auxiliary user interface used for interface display.

[0060] In one embodiment, the interface setting information of the auxiliary user interface may specifically include area setting information of the watermark area. In this way, the terminal can determine the watermark area in the user interface awaiting watermark processing based on the area setting information of the watermark area, and thus determine the auxiliary user interface including the watermark area. Specifically, the step of obtaining the auxiliary user interface used for interface display, where the auxiliary user interface includes the watermark area, may include:

[0061] Area dimension information and area layout information of the watermark area are determined, and the area layout information is used to represent the area layout of the watermark area in the auxiliary user interface.

[0062] Based on the region size information and the region layout information, a watermark region is partitioned into a user interface of target dimensions.

[0063] A partitioned user interface is generated to obtain an auxiliary user interface for use in displaying the interface.

[0064] Here, the area size information of the watermark area is related information used to determine the area size of the watermark area. For example, the area size information of the watermark area may specifically indicate that the size of the watermark area is the same as the size of the display area of the terminal. Or, for example, the area size information of the watermark area may specifically indicate that the size of the watermark area is the same as the size of the initial user interface.

[0065] Here, the area layout information of the watermark area is related information used to determine the area layout of the watermark area, and for example, the area layout information of the watermark area may specifically indicate a specific position, such as a center position, of the watermark area layout in the auxiliary user interface.

[0066] For example, the area size information and area layout information of the watermark area may be extracted from the interface setting information of the auxiliary user interface.

[0067] Here, the target dimension user interface is a user interface required for generating the auxiliary user interface. Specifically, a target dimension user interface including a watermark area may be obtained by partitioning the target dimension user interface into the watermark area. For example, as follows:

[0068] 6 as an example, the area dimension information of the watermark area may specifically indicate that the dimensions of the watermark area are the same as the dimensions of the display area of the terminal, the area layout information of the watermark area may specifically indicate that the watermark area is laid out at the center position of the auxiliary user interface, and the target size of the user interface of the watermark area waiting to be partitioned may specifically be x times the display area of the terminal (x is a positive number). Referring to FIG. 9, based on the determined area dimension information and area layout information, the watermark area can be partitioned into a user interface of the target size, where height refers to the height of the display area of the terminal and width refers to the width of the display area of the terminal.

[0069] In one embodiment, after partitioning the watermark area in the user interface of the target dimensions, the user interface may further include a masking area composed of a non-watermark area. In this way, during the display switching process, the watermark area in the auxiliary user interface provides a visible range presented to the user and can present the visible user interface transformation process within this visible range. The masking area in the auxiliary user interface can also mask part of the user interface in the lower layer. Therefore, when performing a transformation process on the user interface, the masking area can enhance the dynamic effect of the display switching, and ultimately present the user with a visually perceptible user interface transformation motion effect during the display switching process. Specifically, the step of generating a partitioned user interface may include:

[0070] Based on the results of the partition, an occlusion area is determined in the user interface of the target size.

[0071] The generation parameter information of the occlusion region is determined.

[0072] A partitioned user interface is generated based on the generation parameter information.

[0073] In the present application, the occlusion area may be determined in a non-watermark area in the user interface of the target dimensions, for example, the non-watermark area may be directly determined as the occlusion area.

[0074] Here, the masked area generation parameter information refers to information related to parameters required for generating the masked area, such as resolution adjustment parameters, pixel value setting parameters, and contrast adjustment parameters.

[0075] In one embodiment, the masked area in the auxiliary user interface may be a masked area with a colored background. For example, in a practical application, the masked area of the auxiliary user interface may be set to black. In this way, the masked area and the watermark area can provide a visual effect of a bezel on the user interface being transformed in the layer below the auxiliary user interface during the display transition process. Furthermore, the black masked area provides a visual effect of a black background, clearly indicating the transformation (e.g., scaling, rotation) process between the initial user interface and the target user interface during the display transition process. In this way, the watermark area and the black masked area in the auxiliary user interface can make the transition from the initial user interface to the target user interface visually perceptible to the user, thereby improving the dynamic effect of the display transition.

[0076] The pixel value of the masked area in the auxiliary user interface may be set as needed. For example, if the peripheral areas of both the initial user interface and the target user interface are light-colored, the masked area may be set to black. If the peripheral areas of both the initial user interface and the target user interface are black, the masked area may be set to white. Alternatively, for example, the initial color of the masked area may be determined based on the color distribution of the initial user interface, and the target color of the masked area may be determined based on the color distribution of the target user interface. During the display switching process from the display of the initial user interface to the display of the target user interface, the masked area of the auxiliary user interface may be controlled to switch from the initial color to the target color as the transition progresses. Alternatively, for example, the masked area in the auxiliary user interface may be set to a non-monochromatic area with an effect such as a gradation or texture. Alternatively, for example, the pixel value of the masked area may be set based on the pixel value of a predetermined image so that the masked area presents the visual effect of the predetermined image.

[0077] In the present application, after determining the occlusion area in the user interface of the target dimensions and determining the generation parameter information of the occlusion area, the terminal can generate a partitioned user interface based on the generation parameter information, and the generated partitioned user interface can be used as an auxiliary user interface for interface display. In this way, the auxiliary user interface for interface display includes a watermark area and the occlusion area corresponding to the generation parameter information.

[0078] In the present application, during the display switching process, transformation processes are performed on all of the auxiliary user interface, the initial user interface, and the target user interface. For example, rotation processes and scaling processes may be performed on the auxiliary user interface. Meanwhile, in order to avoid the problem shown in Figure 10 where the auxiliary user interface covers the display area of the terminal even during the transformation process, and the occluding area cannot occlude the user interface in the lower layer after the auxiliary user interface has been transformed to a certain position, thereby affecting the display switching effect, the occluding area in the auxiliary user interface may be set to continue occluding the display area of the terminal during the display switching process.

[0079] In one embodiment, the auxiliary user interface may include a watermark region, and a non-watermark region in the auxiliary user interface may be a masked region of the auxiliary user interface. Therefore, to avoid the phenomenon shown in FIG. 10 during the display switching process, a target dimension of the user interface of the watermark region to be partitioned is set based on the distance between the watermark region and the device display region during the display switching process. The user interface with the target dimension partitioned by the watermark region will remain masked by the masked region during the display switching process, and the user interface on the lower layer that should originally be masked and invisible to the user will not be presented as a visible region to the user during the display switching process due to insufficient masked region dimensions. Specifically, the step of partitioning the watermark region into a user interface with the target dimension based on the region dimension information and the region layout information may include:

[0080] A target distance feature of the watermark area is determined based on the target interface direction indicated by the display switching command, and the target distance feature represents the distance between the watermark area and the terminal display area.

[0081] The target distance feature is analyzed to determine a target dimension of the user interface for the pending watermark region.

[0082] Based on the area dimension information and the area layout information, a watermark area is partitioned in a user interface corresponding to the target dimensions.

[0083] The target distance feature of the watermark area is a feature that represents the distance between the watermark area and the device display area during the display switching process. For example, the non-watermark area in the auxiliary user interface can be the hidden area of the auxiliary user interface, so the target distance feature of the watermark area can be the distance between the edge of the watermark area and the edge of the device display area during the display switching process.

[0084] In this application, the purpose of calculating the target distance feature of the watermark region is to use this target distance feature as reference data for setting the dimensions of the occlusion region of the auxiliary user interface, so that the occlusion region of the auxiliary user interface can remain occluding the user interface in the lower layer during the display switching process. Therefore, when calculating the distance between the periphery of the watermark region and the periphery of the device display region during the display switching process, specifically, the distance between the periphery of the watermark region and the periphery of the device display region can be calculated only if the portion between them can constitute an occlusion region, and the calculated distance can be used as the target distance feature of the watermark region.

[0085] Considering that the target distance feature of the watermark area can be used as reference data for setting the dimensions of the occlusion area of the auxiliary user interface, to ensure that the occlusion area of the auxiliary user interface can remain occluded to the user interface in the lower layer during the display switching process, the target distance feature of the watermark area can be analyzed, for example, the maximum value max of the target distance feature variable during the display switching process can be taken, and the target dimensions of the user interface of the watermark area waiting to be partitioned can be set according to max.

[0086] For example, taking the watermark area and the masking area in the auxiliary user interface shown in Figure 9 as an example, to ensure that the masking area of the auxiliary user interface can remain masked to the user interface in the lower layer during the display switching process, x≧max can be set, and thus the target dimensions of the user interface of the watermark area waiting to be partitioned can be determined. For example, if the value of x is set to max, the target dimensions of the user interface of the watermark area waiting to be partitioned can be determined as max*width and max*height.

[0087] After determining the target dimensions of the user interface of the watermark area to be partitioned, the watermark area may be partitioned into a user interface corresponding to the target dimensions based on the area dimension information and area layout information of the watermark area, and the partitioned user interface may be used as an auxiliary user interface to be generated. In this way, the generated auxiliary user interface includes the watermark area and an occlusion area that can keep the user interface in the lower layer occluded during the display switching process.

[0088] It should be noted that in this application, step 102 is the step before steps 103 and 104, i.e., the auxiliary user interface used for interface display is obtained and generated in advance before the display switching animation begins. In this way, the need to re-generate the auxiliary user interface for each frame during the display switching animation process can be avoided, which greatly reduces the generation pressure of the system and avoids problems that affect the display switching effect, such as generation timeouts and animation stuttering, and helps ensure good generation performance for the animation during the display switching process.

[0089] In 103, an overlay process is performed on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the upper layer.

[0090] Here, the overlay process refers to a process of overlaying each user interface. For example, by performing the overlay process on the initial user interface, the target user interface, and the auxiliary user interface, a user interface series including the initial user interface, the target user interface, and the auxiliary user interface can be obtained.

[0091] In this application, in the user interface obtained by overlay processing, the auxiliary user interface is placed in the upper layer, i.e., the auxiliary user interface is the user interface in the top layer in the user interface series. In this application, the interface that is perpendicular to the terminal display area and faces the user may be defined as the main direction. In this case, the auxiliary user interface is the user interface in the top layer in the user interface series, which means that the auxiliary user interface is the user interface in the user interface series that is closest to the user.

[0092] In practical applications, to improve the display switching effect, a rotation process is performed on the target user interface based on the target interface direction indicated by the display switching command, and then an overlay process is performed on the initial user interface, the rotated target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the upper layer, so that a transformation process (such as a rotation process) is then performed on this user interface series to provide a better display switching effect when presenting the display from the initial user interface to the target user interface based on the watermark area, for example, a visual effect can be provided in which the target user interface gradually enters the display area of the terminal.

[0093] For example, taking the display switching scenario shown in Fig. 6 as an example, the target user interface may be rotated counterclockwise by 90° based on the target interface direction indicated by the display switching command, to obtain the rotated target user interface shown in Fig. 11. Furthermore, the auxiliary user interface may be set based on the view setting rule shown in Fig. 9, where x is a specific value of 1.6. Furthermore, the occluded area in the auxiliary user interface may be colored black, to obtain the initial user interface, target user interface, and auxiliary user interface waiting for overlay processing shown in Fig. 11.

[0094] In one embodiment, based on the overlay order between user interfaces, there are multiple ways to perform overlay processing on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the top layer. Taking the display switching scenario shown in FIG. 11 as an example, the initial user interface, the target user interface, and the auxiliary user interface may be overlaid from bottom to top. Specifically, as shown in FIG. 12, the initial user interface may be the third layer, i.e., the bottom layer, and the target user interface may be overlaid on top of the initial user interface as the second layer, i.e., the middle layer. Furthermore, the auxiliary user interface may be overlaid on top of the target user interface as the first layer, i.e., the top layer, to obtain a user interface series in which the auxiliary user interface is placed on the top layer. As another example, the target user interface, the initial user interface, and the auxiliary user interface may be overlaid from bottom to top. Specifically, as shown in FIG. 13, the target user interface may be the third layer, i.e., the bottom layer, and the initial user interface may be the second layer, i.e., the middle layer. Additionally, an auxiliary user interface may be overlaid on top of the primary user interface as the first or upper layer, resulting in a series of user interfaces with the auxiliary user interface being placed on the upper layer.

[0095] In one embodiment, considering that the watermark area in the auxiliary user interface located in the upper layer is specifically used to display content in the user interface located in the layer below the auxiliary user interface, when performing overlay processing on the user interfaces, a target area in each user interface is determined, and overlay processing is performed on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area, so that when display switching begins, the target area in the user interface located in the lower layer below the auxiliary user interface can be presented by the watermark area in the auxiliary user interface located in the upper layer, thereby improving the display switching effect. Specifically, the step of overlaying the initial user interface, the target user interface, and the auxiliary user interface may include:

[0096] A desired target area for the initial user interface and the desired user interface is determined, respectively.

[0097] Based on the determined target area, overlay processing is performed on the initial user interface, the target user interface, and the auxiliary user interface.

[0098] Here, the target area of a user interface refers to an area of the user interface that has a relatively high degree of interest. Taking the initial user interface shown in FIG. 11 as an example, the target area of the user interface may be, for example, the area 10014 in the user interface where the "sample text" is located, or the target area may be, for example, a center area of a predetermined dimension in the user interface.

[0099] Since the target area of a user interface refers to the area of the user interface that has a relatively high level of interest, when performing overlay processing on each user interface, the target area of the user interface can be placed below the watermark area of the auxiliary user interface, so that the area of the user interface that has a relatively high level of interest can be presented to the user during the display switching process, thereby providing the user with a good user experience during the display switching process.

[0100] There are many ways to determine the target area of a user interface. In one embodiment, the target area of a user interface may be a region of a predetermined size and a predetermined position, for example, a region of a predetermined size and a center position of the user interface. The predetermined position and the predetermined size may be set according to business needs, for example, according to user habits or interface attributes of the user interface.

[0101] In another embodiment, since the user interface may include at least one interface element, such as an interface element for displaying a video image, an interface element for displaying an image, an interface element for displaying text, etc., a target interface element may be determined from the interface elements of the user interface, and the area in which the target interface element is located may then be the target area of the user interface.

[0102] For illustrative purposes, the user interface may be specifically a target user interface, and in this example, the target user interface may include at least one interface element. Specifically, determining the target area of the target user interface may include:

[0103] From the interface elements of the target user interface, a target interface element is determined.

[0104] A target target area of the target user interface is determined based on element layout information of the target interface element in the target user interface.

[0105] Here, the interface elements of a user interface refer to elements included in the user interface. For example, there are many ways to classify interface elements. For example, the interface elements may be determined based on view content included in the user interface. For example, the interface elements may include interface elements that display video images, interface elements that display images, and interface elements that display text. Alternatively, the interface elements may be determined based on structural information of the user interface. For example, if the user interface is specifically an interface that supports HyperText Markup Language (HTML), the interface elements may include HTML elements.

[0106] In this application, a target interface element refers to an interface element that has a relatively high level of interest. There are many ways to determine a target interface element from a target user interface. For example, the target interface element may be determined according to the type of the target user interface. For example, if the target user interface is a video playback type user interface, an interface element that displays a video image may be determined as the target interface element. Or, for example, if the target user interface is a conversation chat type user interface, an interface element that displays a conversation chat area may be determined as the target interface element. Or, for example, different types of interface elements may be assigned different priorities, and in this way, the interface element with the highest priority from the interface elements of the target user interface may be determined as the target interface element.

[0107] Here, the element layout information of the interface element in the user interface may be used to represent the layout status of the interface element in the user interface, and may specifically include dimension information of the interface element and position information of the interface element in the user interface.

[0108] After determining the target interface element of the target user interface, a target target region of the target user interface may be determined based on the element layout information of the target interface element in the target user interface. For example, a region in the target user interface that has the same dimension information and position information as the target interface element may be determined as the target target region. Alternatively, for example, a region of a predetermined dimension that includes the target interface element in the target user interface may be determined as the target target region. Specific settings may be made according to need and effect, and the present application is not limited thereto.

[0109] Similarly, the initial user interface may include at least one interface element. The step of determining a target region of the target user interface may include determining a target interface element from the interface elements of the initial user interface, and determining a target region of the initial user interface based on element layout information of the target interface element in the initial user interface. For specific details, reference may be made to the description of the step of determining a target region of the target user interface, and a description thereof will be omitted here.

[0110] In the present application, after determining the target regions of the initial user interface and the target user interface, respectively, an overlay process may be performed on the initial user interface, the target user interface, and the auxiliary user interfaces based on the determined target regions. For example, an overlay order between the user interfaces may be determined, and then an alignment method between the user interfaces may be determined based on the determined target regions. Finally, an overlay process may be performed on the initial user interface, the target user interface, and the auxiliary user interfaces based on the overlay order and alignment method. There are various methods for determining the alignment method between the user interfaces based on the determined target target regions. For example, the alignment method between the initial user interface, the target user interface, and the auxiliary user interfaces may be determined by centering the target target region of the initial user interface, the target target region of the target user interface, and the watermark region of the auxiliary user interface.

[0111] Taking the user interface shown in Fig. 11 as an example, for example, the target target areas of the region with "sample text" in the initial user interface and the target user interface, the target target area of the initial user interface, the target target area of the target user interface, and the watermark area of the auxiliary user interface may be center-aligned, and overlay processing may be performed for each user interface using the overlay order shown in Fig. 12. For details of the overlay results, refer to Fig. 14. Alternatively, for example, the center area of the initial user interface and the target user interface may be set as the target target area, and the target target area of the initial user interface, the target target area of the target user interface, and the watermark area of the auxiliary user interface may be center-aligned, and overlay processing may be performed for each user interface using the overlay order shown in Fig. 12. For details of the overlay results, refer to Fig. 15.

[0112] At 104, a transformation process is performed on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region.

[0113] In this application, a user interface series may include an auxiliary user interface located in a higher layer, and an initial user interface and a target user interface located in a lower layer of the auxiliary user interface, so that performing a transformation process on a user interface series can be achieved by performing a transformation process on the auxiliary user interface, the target user interface, and the initial user interface in the user interface series.

[0114] The transformation process on the user interface refers to transforming the user interface to present a better dynamic effect during the display switching process. For example, the transformation process may include scaling the interface dimensions of the user interface, rotating and translating the interface position of the user interface, and transforming the interface attributes (e.g., transparency, contrast, etc.) of the user interface.

[0115] In the present application, during the display switching process, the watermark area in the auxiliary user interface located at the upper layer of the user interface series is used to provide the visible range presented to the user, and therefore, based on this watermark area, a dynamic switching process from the display of the initial user interface to the display of the target user interface may be presented.

[0116] In one embodiment, during the display switching process from displaying the initial user interface to displaying the target user interface, the interface attributes of the user interfaces in the user interface series may be adjusted, for example, by adjusting the interface attributes of the target user interface and the initial user interface in the user interface series, so as to present the attribute change process of the initial user interface and the target user interface during the display switching based on the watermark area in the auxiliary user interface. Specifically, the step of performing a transformation process on the user interface series may include:

[0117] During the display process from the initial user interface to the target user interface, current display progress information is obtained, and the interface attributes of the user interfaces in the user interface series are adjusted according to the display progress information, and a transformation process is performed on the user interface series.

[0118] Here, the interface attributes of a user interface refer to the attributes of visual effects that affect the user interface, such as the transparency, contrast, brightness, etc. of the user interface.

[0119] Here, the display progress information refers to related information indicating the current progress of the display switching in the process from the start of the display switching to the completion of the display switching, i.e., related information indicating the current progress of the switching from the display of the initial user interface to the display of the target user interface.

[0120] For example, in the process of switching from displaying an initial user interface to displaying a target user interface, in order to present a visual effect of the initial user interface gradually fading out and the target user interface gradually fading in, the method may include adjusting the interface attributes of the user interfaces in the user interface series based on the display progress information, specifically adjusting the interface attributes of the initial user interface and the target user interface in the user interface series based on the display progress information.

[0121] For example, when the interface attribute is specifically transparency, the transparency of the initial user interface may be controlled to be set to 1 when the display switching starts, and during the display switching process, the transparency of the initial user interface may be controlled to be gradually decreased based on the display progress information until the transparency of the initial user interface is set to 0 when the display switching is completed. Correspondingly, the transparency of the target user interface may be controlled to be set to 0 when the display switching starts, and during the display switching process, the transparency of the target user interface may be controlled to be gradually increased based on the display progress information until the transparency of the target user interface is set to 1 when the display switching is completed.

[0122] As another example, if the peripheral area of a user interface is light in color, the masking area suitable for highlighting this user interface may be black, while if the peripheral area of a user interface is dark in color, the masking area suitable for highlighting this user interface may be white. Therefore, if there is a large difference in color distribution between the peripheral area of the initial user interface and the peripheral area of the target user interface during the switching process from displaying the initial user interface to displaying the target user interface, the display switching process may include adjusting the interface attributes of the user interfaces in the user interface series based on the display progress information, so that the masking area of the auxiliary user interface can maximally highlight the initial user interface and the target user interface. Specifically, the display switching process may include adjusting the interface attributes of the auxiliary user interfaces in the user interface series based on the display progress information.

[0123] For example, the initial color of the masked area of the auxiliary user interface may be determined based on the color distribution of the peripheral area of the initial user interface, and the target color of the masked area of the auxiliary user interface may be determined based on the color distribution of the peripheral area of the target user interface. Furthermore, the color of the auxiliary user interface may be controlled to be set to the initial color when display switching starts, and during the display switching process, the color of the auxiliary user interface may be controlled to gradually change to the target color based on display progress information until it is set to the target color when display switching is completed.

[0124] Although the above example illustrates the case where the interface attributes of a user interface are specifically set to values of transparency and background color, in actual applications, the interface attributes may be other specific cases. In addition to setting values of transparency and background color, the interface attributes may also include adjusting multiple interface attributes of a user interface in a user interface series based on display progress information. The present application does not limit the number and types of interface attributes to be adjusted, and they may be specifically adjusted as needed.

[0125] In one embodiment, considering that the display switching process of switching from the display of the initial user interface to the display of the target user interface may specifically be a process of displaying across interface directions, in order to improve the dynamic effect of the display switching process, a rotation transformation process may be performed on each user interface in the user interface series based on the target interface direction indicated by the display switching command, and a rotation transformation across the interface direction of each user interface in the display switching process may be presented based on the watermark area of the auxiliary user interface. Specifically, the step of performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area may include:

[0126] The rotation direction of each user interface in the user interface series is determined based on the target interface direction indicated by the display switching command.

[0127] According to the rotation direction, a rotation transformation process is performed for each user interface in the user interface series, and according to the watermark area of the auxiliary user interface, a rotation transformation of the user interface at the lower layer of the auxiliary user interface is presented in the display process from the initial user interface to the target user interface.

[0128] Here, the target interface direction indicated by the screen switching command refers to the direction used to display the interface corresponding to the target user interface in the application scenario of switching from the display of the initial user interface to the display of the target user interface, and the rotation direction of the user interface refers to the required rotation direction when switching from the rotation state corresponding to this user interface at the start of display switching to the rotation state corresponding to this user interface at the completion of display switching.

[0129] Here, the rotation transformation process refers to a transformation process that is realized by rotating the user interface.

[0130] Taking the display switching application scenario shown in FIG. 6 as an example, FIG. 16 illustrates the start and end stages of the display switching process of this application scenario. FIG. 11 illustrates the rotation states corresponding to the start stage of display switching of the initial user interface, target user interface, and auxiliary user interface in this example. Therefore, based on the target interface direction indicated by the display switching command, it may be determined that the rotation direction of the target user interface in the user interface series is rotated 90° to the right. Furthermore, it may be determined that the rotation directions of the initial user interface and the auxiliary user interface in the user interface series are both rotated 90° to the right. Therefore, in this example, based on the target interface direction indicated by the display switching command, it may be determined that the rotation direction of each user interface in the user interface series is rotated 90° to the right. Please also refer to FIG. 17 for details of the rotation states corresponding to each rotated user interface.

[0131] After determining the rotation direction of each user interface in the user interface series, a rotation transformation process may be performed on each user interface in the user interface series based on the determined rotation direction, so that a rotation transformation of a user interface in a lower layer of the auxiliary user interface may be presented during the display process from the initial user interface to the target user interface based on the watermark area of the auxiliary user interface. For example, in the above example, during the display switching process, a transformation process may be presented for each user interface from the rotated state shown in Figure 11 to the rotated state shown in Figure 17 based on the watermark area of the auxiliary user interface.

[0132] In one embodiment, the display switching process from the display of the initial user interface to the display of the target user interface not only presents a dynamic display effect through rotation transformation by adjusting the rotation state of each user interface, but also considers that a better display switching motion effect can be achieved by adjusting the interface dimensions of each user interface. Specifically, the step of performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area may include:

[0133] Determine the dimension adjustment information of the user interface in the user interface series.

[0134] Based on the size adjustment information, a size adjustment conversion process is performed on the user interfaces in the user interface series, and based on the watermark area of the auxiliary user interface, size adjustment of the user interface at the lower layer of the auxiliary user interface is presented during the display process from the initial user interface to the target user interface.

[0135] Here, the conversion process for adjusting dimensions refers to a conversion process that is realized by adjusting dimensions in the user interface.

[0136] In the present application, the size adjustment can be achieved in a number of ways. For example, the size of the user interface can be adjusted by performing a scaling process on the user interface. Alternatively, for example, the size of the user interface can be adjusted by adjusting the shape of the user interface.

[0137] Here, the dimension adjustment information of the user interface is used to instruct the user interface to perform a dimension adjustment operation.

[0138] Specifically, dimension adjustment information corresponding to each user interface in the user interface series may be determined, and dimension adjustment conversion processing may be performed on this user interface during the display switching process based on the dimension adjustment information corresponding to the user interface.

[0139] In the present application, the auxiliary user interface including the watermark area is placed in the upper layer of the user interface series because, in this way, the watermark characteristics of the watermark area can be used to dynamically display the transformation of the user interface in the lower layer during the display switching process. In one embodiment, when performing a scaling process on the user interface in the lower layer of the auxiliary user interface during the display switching process, a scaling threshold is set for the user interface in the lower layer of the auxiliary user interface. This solves the problem that, during the display switching process, the scaled interface dimensions of the user interface in the lower layer of the auxiliary user interface are smaller than the area dimensions of the watermark area, resulting in the system default background (e.g., the system default background in FIG. 18 is white) being further presented in the visible range based on the watermark area, resulting in a poor display switching effect. Specifically, the size adjustment information may indicate that the size adjustment is achieved by performing a scaling transformation on the user interface in the lower layer of the auxiliary user interface. The step of performing a size adjustment transformation process on the user interface in the user interface series based on the size adjustment information may include:

[0140] Obtain area dimension information of the watermark area of the auxiliary user interface.

[0141] Based on the region dimension information, a scaling threshold is determined for the user interface layered below the auxiliary user interface.

[0142] Based on the size adjustment information and the scaling threshold, a size adjustment conversion process is performed on the user interface at the lower layer of the auxiliary user interface in the user interface series.

[0143] Here, the area size information of the watermark area refers to related information indicating the area size corresponding to the watermark area during the display switching process. Note that the display switching process may be a dynamic process related to the size adjustment of the auxiliary user interface including the watermark area, so the area size of the watermark area during the display switching process is not fixed and unchanging, but can dynamically change as the display switching progresses. Therefore, the area size information acquired here can indicate the area size of the watermark area at different display switching progresses during the display switching process.

[0144] Here, the scaling threshold for a user interface in a layer below the auxiliary user interface refers to a threshold set for the interface dimensions after scaling processing is performed on the user interface in the layer below the auxiliary user interface during the display switching process. Specifically, when scaling processing is performed on a user interface in a layer below the auxiliary user interface during the display switching process, the scaling threshold may be set so that the dimensions of the user interface after scaling are equal to or greater than the scaling threshold.

[0145] In the present application, during the display switching process, if the scaled dimensions of the user interface in the layer below the auxiliary user interface are smaller than the area dimensions of the watermark area, the visible range presented in the watermark area shown in FIG. 18 will also be presented with the system's default background (for example, the system's default background in FIG. 18 is white), resulting in a poor display switching effect. Therefore, during the display switching process, the scaling threshold for the user interface in the layer below the auxiliary user interface may be specifically set to the area dimensions of the watermark area. In this way, when a scaling process is performed on the user interface in the layer below the auxiliary user interface during the display switching process, it is ensured that the scaled dimensions of the user interface are equal to or greater than the scaling threshold, thereby preventing a similar problem as shown in FIG. 18 from occurring. For example, when a proportional scaling process is performed on the user interface in the layer below the auxiliary user interface during the display switching process, the scaled width of the user interface may be set to remain equal to or greater than the area dimensions of the watermark area.

[0146] After obtaining the area dimension information of the watermark area and the scaling threshold for the user interface at the lower layer of the auxiliary user interface, a scaling conversion process can be performed on the user interface at the lower layer of the auxiliary user interface in the user interface series during the display switching process based on this dimension adjustment information and this scaling threshold.

[0147] In one embodiment, a user interface in a layer below an auxiliary user interface in a user interface series includes at least one interface element. When performing a scaling transformation on this user interface, a target interface element that is the target of the scaling transformation can be determined from the interface elements of the user interface, and the area where this target interface element is located can be set as the center area of the scaling for this user interface. In this way, the scaling transformation is performed on this user interface based on the center area of the scaling. During the display switching process, although the dimensions of the user interface are dynamically changed due to the scaling transformation, the target interface element can still be displayed to the user within the visible range determined based on the watermark area. Specifically, the step of performing a dimension adjustment transformation on a user interface in a layer below an auxiliary user interface in a user interface series may include:

[0148] From the interface elements of the user interface, a target interface element that is a target in the scaling transformation process is determined.

[0149] A scaling center region for performing scaling conversion processing on the user interface is determined based on element layout information of the target interface element in the user interface.

[0150] Based on the center area of the enlargement / reduction, the enlargement / reduction conversion process is performed on the user interface.

[0151] Specifically, the definitions of the interface elements of the user interface may be specifically referred to above, and the description will be omitted here.

[0152] Here, the dimension adjustment information of the user interface is used to instruct the dimension adjustment operation for this user interface. For example, the dimension adjustment information of the user interface in the lower layer of the auxiliary user interface is used to instruct the user interface to perform the dimension adjustment to realize the dimension adjustment.

[0153] Here, the target interface element of the scaling conversion process refers to an interface element that has a relatively high level of interest during the scaling conversion process for the user interface. Specifically, for the method of determining the target interface element of the scaling conversion process from the interface elements of the user interface, reference may be made to the implementation method related to the step of determining the target interface element from the interface elements of the target user interface described above, and the description thereof will be omitted here.

[0154] After determining the center region of scaling for performing the scaling conversion process on the user interface, the user interface may be further subjected to the scaling conversion process based on this center region of scaling. For example, when performing the geometric scaling conversion process on a user interface in a lower layer of an auxiliary user interface during the display switching process, the center region of scaling for this user interface may be placed at the center position within the visible range determined by the watermark region, and this center region of scaling may be used as the center of scaling to perform the geometric scaling conversion process on this user interface.

[0155] In one embodiment, when performing a transformation process on an auxiliary user interface across the interface direction, for example, when performing a rotation transformation process on an auxiliary user interface across the interface direction, it is considered that there may be a situation in which the watermark area in the rotated auxiliary user interface does not match the shape of the terminal display area. Taking the display switching application scenario shown in FIG. 6 as an example, FIG. 17 shows the state of the auxiliary user interface after performing a rotation transformation process on the auxiliary user interface during this exemplary display switching process. Therefore, since the watermark area in the rotated auxiliary user interface in FIG. 17 does not match the display area of the terminal when the display switching example in FIG. 16 is completed, this problem can be solved by performing a shape transformation on the auxiliary user interface during the display switching process. Specifically, the user interface series may include an auxiliary user interface, and the size adjustment information may specifically indicate performing a shape transformation on the auxiliary user interface to achieve size adjustment. The step of performing a size adjustment transformation process on the user interface in the user interface series based on the size adjustment information may include:

[0156] The dimension adjustment information is analyzed to obtain the initial shape and the target shape of the auxiliary user interface.

[0157] In the process of displaying from the initial user interface to the target user interface, current display progress information is obtained, and the auxiliary user interface is transformed from the initial shape to the target shape based on the display progress information, thereby performing a shape transformation process on the auxiliary user interface.

[0158] Here, the dimension adjustment information of the user interface is used to instruct the user interface to perform a dimension adjustment operation. For example, the dimension adjustment information of the auxiliary user interface is used to instruct the auxiliary user interface to perform a shape transformation to achieve the dimension adjustment.

[0159] For example, the dimension adjustment information of the auxiliary user interface may include corresponding initial and target shapes when performing shape transformation on the auxiliary user interface, and the shape transformation on the auxiliary user interface is realized by transforming the auxiliary user interface from the initial shape to the target shape.

[0160] In the present application, the auxiliary user interface may be transformed from an initial shape to a target shape during the display switching process. Specifically, the auxiliary user interface may be presented as an initial shape when the display switching starts, and may be configured to switch from the initial shape to the target shape as the display switching progresses until the auxiliary user interface is presented as the target shape when the display switching is completed.

[0161] Taking the display switching application scenario shown in FIG. 6 as an example, the auxiliary user interface in FIG. 11 displays an initial shape corresponding to the auxiliary user interface at the start of the display switching. FIG. 17 shows a state corresponding to the auxiliary user interface after a rotational transformation process is performed on the auxiliary user interface during the display switching process of this example. That is, FIG. 17 shows a predicted shape corresponding to the auxiliary user interface at the completion of the display switching when only a rotational transformation process is performed on the auxiliary user interface during the display switching process, without a shape transformation process. If this predicted shape is set as the target shape, it can be seen that the predicted shape of the auxiliary user interface in FIG. 17 does not match the display area of the device at the completion of the display switching of this example in FIG. 16, and therefore this setting is inappropriate. Therefore, the target shape of the auxiliary user interface may be set to a shape corresponding to the auxiliary user interface in FIG. 11 so that the target shape of the auxiliary user interface matches the display area of the device at the completion of the display switching of this example in FIG. 16.

[0162] Specifically, in this example, the initial shape of the assistive user interface is matched to the target shape by performing a rotation transformation process and a shape transformation process on the assistive user interface during the display switching process. Therefore, this does not mean that the shape transformation is not performed on the assistive user interface during the display switching process. Furthermore, the process of switching the assistive user interface from the initial shape to the target shape may be achieved by setting the assistive user interface so that the width of the new state changes from the original length and the width of the new state changes from the original width.

[0163] Based on the above, in this embodiment, in response to a display switching command for the currently displayed initial user interface, a target user interface indicated by the display switching command is determined, an auxiliary user interface used for interface display is obtained, the auxiliary user interface includes a watermark area, an overlay process is performed on the initial user interface, the target user interface, and the auxiliary user interface, a user interface series in which the auxiliary user interface is placed on the upper layer is obtained, and a conversion process is performed on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area.

[0164] According to this solution, during the display switching process from displaying the initial user interface to displaying the target user interface, an auxiliary user interface with a watermark area presents a dynamic transition from the initial user interface to the target user interface, so that the user can reliably sense the switching display of the user interface. Furthermore, because the display switching process only involves the initial user interface, the target user interface, and the auxiliary user interface, this solution can avoid the consumption of time and computing resources due to a relatively large number of related layers, thereby improving the dynamic effect of the interface display and increasing the display efficiency of the interface.

[0165] Furthermore, since this solution performs conversion processing on the user interface series to obtain the auxiliary user interface before presenting the display switching animation effect, this solution can generate the auxiliary user interface required for display switching in advance before starting the display switching animation, thereby reducing the computing load of the system during the display switching animation process, ensuring good generation performance during the display switching animation process, and avoiding problems such as generation timeouts and animation stuttering caused by too many generation tasks, thereby further improving the dynamic effect of the interface display and further improving the interface display efficiency.

[0166] The methods described in the above examples will now be described in more detail with reference to examples.

[0167] In this embodiment, the interface display device is integrated into the terminal as an example. The interface display method is shown in Figure 19, and the specific process of this interface display method is as follows:

[0168] At 201, the terminal responds to a display switching command for a currently displayed initial user interface and determines a target user interface indicated by the display switching command.

[0169] For example, the display switching command may be specifically triggered by a screen switching command. For example, the screen switching command may be a command instructing the display screen to rotate in response to a terminal rotation. In this case, the initial user interface may be specifically an interface before the terminal is rotated, and the target user interface may be an interface after the terminal is rotated.

[0170] The device may obtain an initial user interface by taking a screenshot of the interface before rotation, or may obtain an interface after rotation is complete by calling an interface provided by the system, for example, by calling DisplayContent.getSurfaceControl() in the Android system.

[0171] At 202, the terminal obtains an auxiliary user interface that is used to display the interface and includes a watermark region.

[0172] For example, the auxiliary user interface may be the layer shown in the right diagram of FIG. 9, which includes a watermark area whose dimensions match those of the device and a non-watermarked masked area. For example, the masked area may be set to black. In this case, the auxiliary user interface used for interface display may be a black watermark masked layer.

[0173] In 203, the terminal performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the upper layer.

[0174] For example, referring to Figure 20, an overlay process is performed on a screenshot of the interface before rotation, the interface after rotation, and a black watermark masking layer of a terminal to obtain an overlayed user interface series. Here, the black watermark masking layer is located at the top layer of the user interface series, i.e., the first layer. The interface after rotation is located at the middle layer of the user interface series, i.e., the second layer. The screenshot of the interface before rotation is located at the bottom layer of the user interface series, i.e., the third layer.

[0175] At 204, the terminal performs a transformation process on the user interface series, so as to present a display from the initial user interface to the target user interface based on the watermark region.

[0176] By further performing transformation processing on the user interface series, during the display switching process, based on the watermark area of the black watermark masking layer, the effect after overlaying the three user interfaces may appear to present a whole interface undergoing transformations such as rotation, scaling, etc.

[0177] In practical applications, the display process shown in Figure 21 and the module interaction diagram in Figure 22 may be referred to. Specifically, for example, if the terminal is a mobile phone, when a user rotates the mobile phone, the mobile phone's angle sensor determines that rotation has occurred and sends a rotation command to the window management service. The window management service initializes a rotation animation object, where it creates and generates an occlusion layer as the first layer and takes a screenshot of the interface that is not currently being switched as the third layer. The window management service then sends a command to start the rotation animation. Specifically, 1) the screen switching animation controller first initializes three surface animators; 2) each surface animation executor calculates the layer attributes attached to this executor as it generates each frame, and each frame sends the layer and attributes to the surface manager for composition; 3) the surface manager collects, composes, and displays each frame's layer and its attributes, ultimately presenting them on the display screen.

[0178] Here, the specific animation features of each layer of user interface are as follows:

[0179] The animation of the assistive user interface is composed of a scaling transformation and a rotation transformation for the assistive user interface, where the scaling principle is that the original length becomes the new state width and the original width becomes the new state length.

[0180] The animation of the target user interface is composed of scaling transformation, rotation transformation and transparency adjustment for the target user interface, where the scaling principle is that the width of the target user interface remains equal to or greater than the width of the watermark area in the black watermark masking layer, and the transparency adjustment specifically varies from 0 to 1.

[0181] The animation of the initial user interface is composed of scaling transformation, rotation transformation and transparency adjustment for the initial user interface, where the scaling principle is that the width of the initial user interface remains equal to or greater than the width of the watermark area in the black watermark masking layer, the rotation principle is that the rotation angle of the initial user interface remains consistent with the auxiliary user interface, and the transparency adjustment specifically varies from 1 to 0.

[0182] As described above, in the embodiment of the present application, during the display switching process from displaying the initial user interface to displaying the target user interface, an auxiliary user interface with a watermark area is used to present a dynamic transition from the initial user interface to the target user interface, thereby enabling the user to reliably sense the switching display of the user interfaces. Furthermore, because the display switching process only involves the initial user interface, the target user interface, and the auxiliary user interface, the embodiment of the present application can avoid the consumption of time and computing resources due to a relatively large number of related layers, thereby improving the dynamic effect of the interface display and increasing the display efficiency of the interface.

[0183] Furthermore, in the embodiments of the present application, the auxiliary user interface has already been obtained before the display switching animation effect is presented by performing a conversion process on the user interface series. Therefore, before the embodiments of the present application start the display switching animation, the auxiliary user interface required for the display switching can be generated in advance, thereby reducing the computing load of the system during the display switching animation process, ensuring good generation performance during the display switching animation process, and avoiding problems such as generation timeouts and animation stuttering caused by too many generation tasks, thereby further improving the dynamic effect of the interface display and further improving the interface display efficiency.

[0184] To better implement the interface display method provided in the embodiments of the present application, an interface display device is further provided in one embodiment. The interface display device may be integrated into a computer device, and the computer device may be a device such as a terminal. The terminal may be, but is not limited to, a smartphone, a tablet, a laptop, a desktop computer, a smart speaker, a smart watch, an in-vehicle computer, etc. The terminal and the server may be directly or indirectly connected via a wired or wireless communication method, but this is not limited thereto. The meanings of the relevant terms therein are the same as those of the above-mentioned interface display method, and specific implementation details may be found in the description of the embodiments of the method.

[0185] In one embodiment, an interface display device is provided, which may be specifically integrated into a computer device. As shown in Fig. 23, the interface display device may include a determining unit 301, an obtaining unit 302, an overlay unit 303, and a converting unit 304. Specifically,

[0186] The determination unit 301 is used to respond to a display switching command for a currently displayed initial user interface and determine a target user interface indicated by the display switching command.

[0187] The acquiring unit 302 is used to acquire an auxiliary user interface for use in interface display, the auxiliary user interface including a watermark area.

[0188] The overlay unit 303 is used to perform overlay processing on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer.

[0189] The transformation unit 304 is used to perform a transformation process on the user interface series to present a display from the initial user interface to the target user interface according to the watermark region.

[0190] In one embodiment, the determining unit 301 is a direction determining subunit, when a screen switching command is detected during a process of displaying an initial user interface corresponding to the initial interface direction, for determining a target interface direction indicated by the screen switching command; The display control unit may further include an interface determination subunit used to determine a target user interface indicated by the display switching command based on the initial user interface and the target interface direction.

[0191] In one embodiment, the acquisition unit 302 comprises: a region information determining subunit for determining region dimension information and region layout information of a watermark region, the region layout information being used to represent a region layout of the watermark region in an auxiliary user interface; a region partitioning subunit used to partition a watermark region into a user interface of a target size based on the region size information and the region layout information; and an interface generation subunit used to generate the partitioned user interface and obtain an auxiliary user interface used in the interface display.

[0192] In one embodiment, the area division subunit comprises: Based on the target interface direction indicated by the display switching command, a target distance feature of the watermark area is determined, the target distance feature represents the distance between the watermark area and the terminal display area, and the target distance feature is analyzed to determine the target dimensions of the user interface of the watermark area waiting to be partitioned, which is used to partition the watermark area in the user interface corresponding to the target dimensions based on the area dimension information and the area layout information.

[0193] In one embodiment, the interface generation subunit comprises: Based on the partitioning result, an occlusion region is determined in the user interface of the target size, and generation parameter information of the occlusion region is determined, which is used to generate a partitioned user interface based on the generation parameter information.

[0194] In one embodiment, the overlay unit 303 comprises: an area determination subunit used to determine target areas of the initial user interface, the target user interface, and the auxiliary user interface, respectively; and an overlay processing subunit used to perform overlay processing on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area.

[0195] In one embodiment, the target user interface includes at least one interface element, and the region determining subunit: A target interface element is determined from the interface elements of the target user interface, and a target target area of the target user interface is determined based on element layout information of the target interface element in the target user interface.

[0196] In one embodiment, the conversion unit 304 comprises: an interface information determining subunit, used to determine dimension adjustment information of the user interface in the user interface series; It may also include a size adjustment subunit, which is used to perform a size adjustment conversion process on the user interface in the user interface series based on the size adjustment information, and to present size adjustment of the user interface at a lower layer of the auxiliary user interface during the display process from the initial user interface to the target user interface based on the watermark area of the auxiliary user interface.

[0197] In one embodiment, the size adjustment information instructs a user interface at a layer below the auxiliary user interface to perform a scaling transformation to achieve the size adjustment. The area dimension information of the watermark area of the auxiliary user interface is obtained, and based on the area dimension information, a scaling threshold is determined for the user interface at the lower layer of the auxiliary user interface, and based on the size adjustment information and the scaling threshold, a size adjustment conversion process is performed for the user interface at the lower layer of the auxiliary user interface in the user interface series.

[0198] In one embodiment, the user interface at a layer below the auxiliary user interface in the user interface series includes at least one interface element. The device is used to determine a target interface element that is a target in the scaling conversion process from the interface elements of the user interface, determine a scaling center area where the scaling conversion for the user interface is performed based on the element layout information of the target interface element in the user interface, and perform the scaling conversion process for the user interface based on the scaling center area.

[0199] In one embodiment, the user interface series includes the auxiliary user interface, and the size adjustment information instructs the auxiliary user interface to perform shape transformation to achieve the size adjustment. The dimension adjustment information is analyzed to obtain the initial shape and the target shape of the auxiliary user interface, and current display progress information is obtained during the display process from the initial user interface to the target user interface. Based on the display progress information, the auxiliary user interface is transformed from the initial shape to the target shape, thereby performing a shape transformation process on the auxiliary user interface.

[0200] In one embodiment, the conversion unit 304 comprises: a direction determining subunit used to determine a rotation direction of each user interface in the user interface series according to a target interface direction indicated by the display switching command; It may also include a rotation transformation subunit used to perform rotation transformation processing on each user interface in the user interface series based on the rotation direction, and to present rotation transformation of a user interface at a lower layer of the auxiliary user interface during the display process from the initial user interface to the target user interface based on the watermark area of the auxiliary user interface.

[0201] In one embodiment, the conversion unit 304 comprises: The display process may include an attribute adjustment subunit, which is used to obtain current display progress information during the display process from the initial user interface to the target user interface, and adjust interface attributes of the user interfaces in the user interface series based on the display progress information, so as to perform a conversion process on the user interface series.

[0202] In concrete implementation, each of the above units may be implemented as an independent entity, or may be implemented as the same or several entities in any combination. For concrete implementation of each of the above units, reference may be made to the above-mentioned embodiments, and description thereof will be omitted here.

[0203] In the interface display device of this embodiment, the determination unit 301 determines a target user interface indicated by a display switching command in response to a display switching command for a currently displayed initial user interface. The acquisition unit 302 acquires an auxiliary user interface used for interface display, where the auxiliary user interface includes a watermark area. The overlay unit 303 performs an overlay process on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on the upper layer. The conversion unit 304 performs a conversion process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark area.

[0204] According to this solution, during the display switching process from the display of the initial user interface to the display of the target user interface, an auxiliary user interface with a watermark area presents a dynamic transition from the initial user interface to the target user interface, thereby ensuring that the user can sense the user interface switching display. Furthermore, because the display switching process only involves the initial user interface, the target user interface, and the auxiliary user interface, this solution avoids the time and computing resource consumption caused by a relatively large number of related layers, thereby improving the dynamic effect of the interface display and the interface display efficiency. Furthermore, because this solution performs a conversion process on the user interface series to obtain the auxiliary user interface before presenting the display switching animation effect, this solution can generate the auxiliary user interface required for the display switching in advance before the display switching animation begins, thereby reducing the system's computing load during the display switching animation process, ensuring good generation performance during the display switching animation process, and avoiding problems such as generation timeouts and animation stuttering caused by too many generation tasks, thereby further improving the dynamic effect of the interface display and further improving the interface display efficiency.

[0205] Furthermore, an embodiment of the present application provides a computer device, which may be a terminal. As shown in Figure 24, a structural diagram of a computer device according to an embodiment of the present application is shown, and is specifically as follows:

[0206] The computing device may include components such as one or more computer-readable storage media memory 401, an input unit 402, a display unit 403, sensors 404, one or more processing cores of a processor 405, and a power supply 406. Those skilled in the art should understand that the computing device structure shown in Figure 24 is not intended to limit the computing device, which may include more or fewer components than those shown, or may combine several components.

[0207] The memory 401 is used to store software programs and modules. The processor 405 executes the software programs and modules stored in the memory 401 to perform various functional applications and data processing. The memory 401 mainly includes a program storage area and a data storage area. The program storage area may include an operating system and an application required for at least one function (e.g., audio playback function, image playback function, etc.). The data storage area may include data generated in accordance with the use of the computer device (e.g., audio data, phone book, etc.). The memory 401 may further include a high-speed random access memory and a nonvolatile memory, such as at least one magnetic disk memory device, flash memory device, or other nonvolatile solid-state memory device. Correspondingly, the memory 401 may include a memory controller to provide access to the memory 401 for the processor 405 and the input unit 402.

[0208] The input unit 402 is used to receive input numeric or character information and generate keyboard, mouse, joystick, optical, or trackball signal inputs for user settings and function control. Specifically, in one specific embodiment, the input unit 402 may include a touch-sensing surface and other input devices. The touch-sensing surface, also known as a touch display panel or touch panel, collects a user's touch operation on or near the touch-sensing surface (e.g., a user's operation on or near the touch-sensing surface using any suitable object or accessory, such as a finger or stylus) and drives a corresponding connected device based on a pre-set program. Optionally, the touch-sensing surface may include both a touch detection device and a touch controller. Here, the touch detection device detects the user's touch direction, detects a signal resulting from the touch operation, and transmits the signal to the touch controller. The touch controller receives touch information from the touch detection device, converts it into touch point coordinates, transmits them to the processor 405, and receives and executes instructions sent from the processor 405. Furthermore, various types of touch-sensing surfaces, such as resistive, capacitive, infrared, and surface acoustic wave, may be used. In addition to the touch-sensing surface, the input unit 402 may include other input devices, such as one or more of a physical keyboard, function keys (such as volume control keys and switch keys), a trackball, a mouse, a joystick, etc.

[0209] The display unit 403 is used to display information input by or provided to a user, as well as various graphical user interfaces of the computer device. These graphical user interfaces may be composed of graphics, text, icons, videos, and any combination thereof. The display unit 403 may include a display panel. Optionally, the display panel may be configured using a liquid crystal display (LCD), organic light-emitting diode (OLED), or other format. Furthermore, a touch-sensing surface may cover the display panel, and when the touch-sensing surface detects a touch operation on or near the display panel, the touch-sensing surface transmits the detected touch event to the processor 405 to determine the type of touch event. The processor 405 then provides a corresponding visual output to the display panel according to the type of touch event. While the touch-sensing surface and the display panel are shown as two independent components implementing input and output functions in FIG. 24 , in some embodiments, the touch-sensing surface and the display panel may be integrated to implement the input and output functions.

[0210] The computer device may include at least one sensor 404, such as a light sensor, a motion sensor, or other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor. Here, the ambient light sensor adjusts the brightness of the display panel according to the brightness of the ambient light, and the proximity sensor turns off the display panel and / or backlight when the computer device is moved close to the ear. As a type of motion sensor, a gravity acceleration sensor detects the magnitude of acceleration in all directions (usually three axes) and detects the magnitude and direction of gravity when the computer device is stationary. This is used for applications such as identifying the orientation of the mobile phone (e.g., switching between landscape and portrait screens, related games, and magnetometer orientation calibration), and functions related to vibration identification (e.g., pedometer, tap), etc. Other sensors that may be configured in the computer device, such as a gyroscope, barometer, hygrometer, thermometer, and infrared sensor, will not be described here.

[0211] The processor 405 is the control center of the computer device, connecting various components of the entire mobile phone using various interfaces and lines, running or executing software programs and / or modules stored in the memory 401, and accessing data stored in the memory 401 to execute various functions of the computer device and process data, thereby monitoring the entire mobile phone. Optionally, the processor 405 may include one or more processing cores. Preferably, the processor 405 may be integrated with an application processor and a modem processor. Here, the application processor mainly processes the operating system, user interface, and applications, and the modem processor mainly processes wireless communication. As can be understood, the modem processor does not have to be integrated with the processor 405.

[0212] The computing device further includes a power supply 406 (e.g., a battery) that provides power to each component. Preferably, the power supply is logic-coupled to the processor 405 by a power management system, which may implement functions such as charge management, discharge, and power consumption management. The power supply 406 may include any of the following components: one or more DC or AC power supplies, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, etc.

[0213] Although not shown, the computer device may also be a camera, a Bluetooth (registered trademark) module, etc., and a description thereof will be omitted here. In this embodiment, the processor 405 in the computer device loads executable files corresponding to the processes of one or more applications into the memory 401 in accordance with the following instructions, and causes the processor 405 to execute the applications stored in the memory 401, thereby realizing various functions. Specifically, the following is the procedure.

[0214] In response to a display switching command for a currently displayed initial user interface, a target user interface indicated by the display switching command is determined. An auxiliary user interface used for interface display is obtained, and the auxiliary user interface includes a watermark region. An overlay process is performed on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer. A conversion process is performed on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region.

[0215] For specific implementation of each of the above operations, reference may be made to the previous embodiment, and the description will be omitted here.

[0216] As described above, during the display switching process from the initial user interface to the target user interface, the computer device of this embodiment uses an auxiliary user interface with a watermark area to present a dynamic transition from the initial user interface to the target user interface, thereby ensuring that the user can sense the user interface switching display. Furthermore, because the display switching process only involves the initial user interface, the target user interface, and the auxiliary user interface, the computer device can avoid the time and computing resource consumption associated with a relatively large number of related layers, thereby improving the dynamic effect of the interface display and the interface display efficiency. Furthermore, because the computer device has already obtained the auxiliary user interface by performing a conversion process on the user interface series before presenting the display switching animation effect, the computer device can pre-generate the auxiliary user interface required for the display switching before starting the display switching animation, thereby reducing the system's computing load during the display switching animation process, ensuring good generation performance during the display switching animation process, and avoiding problems such as generation timeouts and animation stuttering due to excessive generation tasks. This further improves the dynamic effect of the interface display and further improves the interface display efficiency.

[0217] Those skilled in the art should understand that all or part of the steps in the various methods in the above embodiments may be implemented by a computer program, or may be implemented by a computer program controlling related hardware, and the computer program may be stored in a computer-readable storage medium and loaded and executed by a processor.

[0218] For this purpose, an embodiment of the present application further provides a computer-readable storage medium storing a computer program, which is loaded by a processor to execute any one of the interface display methods provided in the embodiment of the present application, for example, the computer program to execute the following steps:

[0219] In response to a display switching command for a currently displayed initial user interface, a target user interface indicated by the display switching command is determined. An auxiliary user interface used for interface display is obtained, and the auxiliary user interface includes a watermark region. An overlay process is performed on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer. A conversion process is performed on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region.

[0220] For specific implementation of each of the above operations, reference may be made to the previous embodiment, and the description will be omitted here.

[0221] Here, the computer-readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a magnetic disk, an optical disk, or the like.

[0222] The instructions stored in the computer-readable storage medium execute the steps of any one of the interface display methods provided in the embodiments of the present application, thereby achieving the inventive effects that can be achieved by any one of the interface display methods provided in the embodiments of the present application. For details, please refer to the previous embodiments, and the description will be omitted here.

[0223] According to one aspect of the present application, there is provided a computer program product or computer program, the computer program product or computer program including computer instructions stored in a computer-readable storage medium, the computer instructions being read by a processor of a computing device from the computer-readable storage medium and executed by the processor to cause the computing device to implement the methods provided in the various selectable implementation manners for the interface display.

[0224] Although the interface display method, device, computer device, and storage medium provided in the embodiments of the present application have been described in detail above, and the present specification has used specific examples to explain the principles and embodiments of the present application, the description of the above examples is merely intended to facilitate understanding of the technical solution and core idea of the present application. Furthermore, those skilled in the art will appreciate that there may be modifications to the specific embodiments and application scope in accordance with the concept of the present application. In summary, the contents of this specification should not be construed as limiting the present application.

Claims

1. In response to a display switch command for a currently displayed initial user interface, determining a target user interface indicated by the display switch command; obtaining an auxiliary user interface for use in displaying the interface, the auxiliary user interface including the watermark region; performing an overlay process on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer; and performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region. Interface display method.

2. determining a target user interface indicated by a display switch command in response to a display switch command for a currently displayed initial user interface, When a screen switching command is detected during a process of displaying an initial user interface corresponding to the initial interface direction, determining a target interface direction indicated by the screen switching command; determining a target user interface indicated by the display switching command based on the initial user interface and the target interface direction; The interface display method according to claim 1 .

3. Obtaining an auxiliary user interface for use in interface presentation, the auxiliary user interface including a watermark region, determining area dimension information and area layout information of the watermark area, and the area layout information is used to represent an area layout of the watermark area in an auxiliary user interface; partitioning a watermark region in a user interface of target dimensions based on the region dimension information and the region layout information; generating a partitioned user interface to obtain an auxiliary user interface for use in displaying the interface; The interface display method according to claim 1 .

4. partitioning a watermark region into a user interface of target dimensions based on the region dimension information and the region layout information; determining a target distance characteristic of the watermark area based on the target interface direction indicated by the display switching command, the target distance characteristic representing the distance between the watermark area and a terminal display area; analyzing the target distance feature to determine a target dimension of a user interface for the pending watermark region; and partitioning a watermark region in a user interface corresponding to the target dimensions based on the region dimension information and the region layout information. The interface display method according to claim 3 .

5. Creating a partitioned user interface includes: determining an occlusion area in the target dimension user interface based on the partition results; determining generation parameter information of the occlusion region; generating a partitioned user interface based on the generation parameter information; The interface display method according to claim 3 .

6. performing overlay processing on the initial user interface, the target user interface, and the auxiliary user interface, determining target areas for the initial user interface, the target user interface, and the auxiliary user interface, respectively; and performing overlay processing on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area. The interface display method according to claim 1 .

7. the target user interface includes at least one interface element; Determining a target region of the target user interface includes: determining a target interface element from the interface elements of the target user interface; determining a target area of the target user interface based on element layout information of the target interface element in the target user interface; The interface display method according to claim 6.

8. performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region; determining size adjustment information of the user interfaces in the user interface series; According to the size adjustment information, performing a size adjustment conversion process on the user interface in the user interface series, and presenting a size adjustment of the user interface at a lower layer of the auxiliary user interface in the display process from the initial user interface to the target user interface according to the watermark area of the auxiliary user interface; The interface display method according to claim 1 .

9. The size adjustment information instructs that the size adjustment is realized by performing a scaling conversion on a user interface in a layer below the auxiliary user interface; performing a conversion process for dimension adjustment on the user interface in the user interface series based on the dimension adjustment information; Obtaining area dimension information of a watermark area of the auxiliary user interface; determining a scaling threshold for a user interface layered below the auxiliary user interface based on the region dimension information; and performing a size adjustment conversion process on a user interface in a layer below the auxiliary user interface in the user interface series based on the size adjustment information and the scaling threshold. The interface display method according to claim 8.

10. A user interface in a layer below the auxiliary user interface in the user interface series includes at least one interface element; performing a dimension adjustment conversion process on a user interface at a lower layer of the auxiliary user interface in the user interface series; determining a target interface element from the interface elements of the user interface that is a target for a scaling transformation; determining a center scaling region in which scaling transformation for the user interface is performed based on element layout information of the target interface element in the user interface; and performing a scaling conversion process on the user interface based on the scaling center region. The interface display method according to claim 9.

11. The user interface series includes the auxiliary user interface, and the dimension adjustment information instructs the auxiliary user interface to perform shape transformation to achieve dimension adjustment; performing a conversion process for dimension adjustment on the user interface in the user interface series based on the dimension adjustment information; analyzing the dimensional adjustment information to obtain an initial shape and a target shape of the auxiliary user interface; During the display process from the initial user interface to the target user interface, acquiring current display progress information, and changing the auxiliary user interface from the initial shape to the target shape based on the display progress information, thereby performing a shape conversion process on the auxiliary user interface. The interface display method according to claim 8.

12. performing a transformation process on the user interface series to present a display from the initial user interface to the target user interface based on the watermark region; determining a rotation direction of each user interface in the user interface series according to the target interface direction indicated by the display switching command; According to the rotation direction, perform a rotation transformation process on each user interface in the user interface series, and present a rotation transformation of a user interface at a lower layer of the auxiliary user interface in the process of displaying from the initial user interface to the target user interface according to the watermark area of the auxiliary user interface; The interface display method according to claim 1 .

13. Transforming the user interface series During the process of displaying from the initial user interface to the target user interface, obtaining current display progress information, and adjusting interface attributes of the user interfaces in the user interface series according to the display progress information to perform a conversion process on the user interface series. The interface display method according to claim 1 .

14. Determining area dimension information and area layout information of the watermark area includes: Obtaining interface configuration information of an auxiliary user interface; extracting area dimension information and area layout information of the watermark area from interface setting information of the auxiliary user interface; The interface display method according to claim 3 .

15. performing overlay processing on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area; overlaying the initial user interface, the target user interface, and the auxiliary user interface from bottom up, or overlaying the target user interface, the initial user interface, and the auxiliary user interface from bottom up, wherein the target area is located below a watermark area in the auxiliary user interface. The interface display method according to claim 7.

16. Determining a target area of the target user interface based on element layout information of the target interface elements in the target user interface includes: The target region is an area of the target user interface that has both the same dimensional information and the same position information as the target interface element; or defining a region of the target user interface having a predetermined size that includes the target interface element as the target target region; The interface display method according to claim 7.

17. Determining a target interface element from the target user interface interface elements includes: determining a target interface element from the interface elements of the target user interface based on the type of the target user interface; or determining an interface element with the highest priority among the interface elements of the target user interface as the target interface element; The interface display method according to claim 7.

18. a determination unit that, in response to a display switch command for a currently displayed initial user interface, determines a target user interface indicated by the display switch command; an acquiring unit for acquiring an auxiliary user interface for displaying the interface, the auxiliary user interface including the watermark region; an overlay unit that performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface to obtain a user interface series in which the auxiliary user interface is placed on an upper layer; a conversion unit for performing a conversion process on the user interface series to present a display from the initial user interface to the target user interface according to the watermark region; Interface display device.

19. a memory and a processor, wherein a computer program is stored in the memory, and the processor executes the computer program stored in the memory to implement the interface display method according to any one of claims 1 to 17; Computer equipment.

20. A computer program is stored in the computer, and the computer program is loaded by a processor to execute the interface display method according to any one of claims 1 to 17. A computer-readable storage medium.

Images