Interface display method, device, computer equipment, 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 the priority of a Chinese patent application with an application number of 202210952843.6, filed with the Chinese Patent Office on August 9, 2022, and an invention title of "Interface Display Method, Device, Computer Equipment and Storage Medium", and all the contents of this application are incorporated into this application by reference.

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

Background Art

[0003] In the process of a terminal device performing interface display, in order to achieve display switching and provide a better display experience for users, it can be switched from the display of the initial user interface to the display of the target user interface. Application scenarios of display switching are often seen in actual applications. For example, display switching is performed in different interface directions, or display switching is performed according to changes in the interface layout.

Summary of the Invention

Problems to be Solved by the Invention

[0004] In the course of researching and implementing related technologies, the inventors of this application found that conventional display methods for interface switching have a relatively large number of problems affecting the dynamic effects of the display and the display efficiency. For example, in the process of switching between different interfaces, it is usually necessary to design and control a relatively large number of layers in order to present a dynamic transition from the initial user interface to the target user interface so that the user can reliably perceive the switching of the user interface. Furthermore, when presenting the dynamic effects of the display switching, a considerable amount of time and computing resources are required to render these layers. As a result, the display switching process is time-consuming and uses a relatively large amount of computing resources, and consequently, improvements are needed in both interface display efficiency and the dynamic effects of the display experienced by the user. [Means for solving the problem]

[0005] Embodiments of the present invention provide an interface display method, apparatus, computer equipment, and storage medium that can improve the dynamic effect of interface displays and enhance the display efficiency of interfaces during the process of switching between different interface displays.

[0006] Embodiments of the present application provide an interface display method, and the interface display method is In response to a display switching command for the currently displayed initial user interface, the system determines the target user interface indicated by the display switching command. Used for interface display, to obtain an auxiliary user interface including a watermark area, The initial user interface, the target user interface, and the auxiliary user interface are overlaid to obtain a series of user interfaces in which the auxiliary user interface is placed on a higher layer. This includes performing 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.

[0007] Accordingly, the embodiments of the present application further include an interface display device, the interface display device being A decision unit that responds to a display switching command for the currently displayed initial user interface and determines the target user interface indicated by the display switching command, An acquisition unit used for interface display, which acquires an auxiliary user interface including a watermark area, 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 a higher layer, The system includes a conversion unit that performs a conversion process on the user interface series and presents a display from the initial user interface to the target user interface based on the watermark area.

[0008] In one embodiment, the decision unit is: In the process of displaying the initial user interface corresponding to the initial interface direction, if a screen switching command is detected, a direction determination subunit determines the target interface direction indicated by the screen switching command, It includes an interface determination subunit that determines the 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 is A subunit for determining the area dimensions and area layout information of a watermark area, wherein the area layout information is used to represent the area layout of the watermark area in the auxiliary user interface, Based on the aforementioned area dimension information and area layout information, an area partitioning subunit is provided to demarcate the watermark area in the user interface of the target dimensions. It includes an interface generation subunit that generates partitioned user interfaces and obtains auxiliary user interfaces used for displaying the interface.

[0010] In one embodiment, the region partitioning subunit is Based on the target interface direction indicated by the display switching command, the 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 dimensions of the user interface of the watermark area awaiting partitioning are determined by analyzing the target distance feature, and the watermark area is partitioned in the user interface corresponding to the target dimensions based on the area dimension information and the area layout information.

[0011] In one embodiment, the interface generation subunit is Based on the partitioning results, the occluded area is determined in the user interface of the target dimensions, the generation parameter information for the occluded area is determined, and the partitioned user interface is generated based on the generation parameter information.

[0012] In one embodiment, the overlay unit is A region determination subunit that determines the target area of ​​the initial user interface, the target user interface, and the auxiliary user interface, respectively. The system includes an overlay processing subunit that performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface based on a determined target area.

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

[0014] In one embodiment, the conversion unit is An interface information determination subunit that determines the dimensional adjustment information of the user interface in the user interface series, Includes a dimension adjustment subunit that performs a dimension adjustment conversion process on the user interfaces in the user interface series based on the dimension adjustment information, and presents the dimension adjustment of the user interfaces in the lower layers 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.

[0015] In one embodiment, the dimension adjustment information instructs the user interface located in a lower layer of the auxiliary user interface to perform a scaling transformation to achieve dimension adjustment, and the dimension adjustment subunit, The system obtains the area dimension information of the watermark region of the auxiliary user interface, determines the scaling threshold for the user interface in the lower layer of the auxiliary user interface based on the area dimension information, and performs a dimensional adjustment conversion process for the user interface in the lower layer of the auxiliary user interface in the user interface series based on the dimensional adjustment information and the scaling threshold.

[0016] In one embodiment, the user interface in the lower layer of the auxiliary user interface in the user interface series includes at least one interface element, and the dimensional adjustment subunit is specifically, From the interface elements of the user interface, the target interface element for the scaling transformation process is determined, the scaling center area where the scaling transformation to the user interface will be performed is determined based on the element layout information of the target interface element in the user interface, and the scaling transformation process is performed on the user interface based on the scaling center area.

[0017] In one embodiment, the user interface series includes the auxiliary user interface, the dimension adjustment information instructs the auxiliary user interface to perform a shape transformation to achieve dimension adjustment, and the dimension adjustment subunit is The dimensional adjustment information is analyzed to obtain the initial shape and target shape of the auxiliary user interface. During the display process from the initial user interface to the target user interface, current display progress information is acquired. Based on the display progress information, the auxiliary user interface is changed 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 is A direction determination subunit that determines the rotation direction of each user interface in the user interface series based on the target interface direction indicated by the display switching command, Based on the rotation direction, perform a rotation conversion process on each user interface in the user interface series, and present the rotation conversion of the user interface in the 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, including a rotation conversion subunit.

[0019] In one embodiment, the conversion unit In the display process from the initial user interface to the target user interface, obtain the current display progress information, and based on the display progress information, adjust the interface attributes of the user interfaces in the user interface series, including an attribute adjustment subunit that performs a conversion process on the user interface series.

[0020] Correspondingly, the embodiments of the present application further include a computer device, and the computer device includes a memory and a processor. A computer program is stored in the memory, and in order to implement any one of the interface display methods provided by the embodiments of the present application, the processor executes the computer program stored in the memory.

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

[0022] Accordingly, embodiments of the present application further provide a computer program product which includes a computer program / instruction, wherein when the computer program / instruction is executed by a processor, steps of the interface display method shown in embodiments of the present application are performed. [Effects of the Invention]

[0023] In the embodiment of the present invention, in response to a display switching command for the currently displayed initial user interface, the system determines the target user interface indicated by the display switching command, obtains an auxiliary user interface to be used for interface display, performs overlay processing on the initial user interface, the target user interface, and the auxiliary user interface, which include a watermark area, obtains a user interface series in which the auxiliary user interface is placed on a higher layer, performs conversion processing on the user interface series, and presents the 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 initial user interface to the target user interface, an auxiliary user interface with a watermark area presents the dynamic transition from the initial user interface to the target user interface, ensuring that the user is reliably aware of the user interface switching display. Furthermore, since the display switching process only involves the initial user interface, target user interface, and auxiliary user interface, this solution avoids 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 enhancing the interface display efficiency. Moreover, since this solution has already acquired the auxiliary user interface before presenting the video effect of the display switching by performing a transformation process on the user interface series, this solution allows for the pre-generation of the auxiliary user interface necessary for the display switching before starting the video of the display switching. This reduces the computing load on the system during the video of the display switching process, ensures good generation performance during the video of the display switching process, avoids problems such as generation timeouts and video stuttering due to too many generation tasks, and ultimately further improves the dynamic effect of the interface display and enhances the interface display efficiency. [Brief explanation of the drawing]

[0025] In order to more clearly explain the technical concepts in the embodiments of this application, the drawings necessary for describing the embodiments are briefly described below. As will be clear, the drawings in the following description represent only some embodiments of this application, and a person skilled in the art can obtain other drawings based on these drawings without any creative effort.

[0026] [Figure 1] This is a schematic diagram illustrating a scenario relating to the interface display method provided in the embodiment of the present application. [Figure 2]This is a flowchart relating to the interface display method provided in the embodiment of the present application. [Figure 3] This is a schematic diagram illustrating an application scenario related to the interface display method provided in the embodiment of the present application. [Figure 4] This is a schematic diagram illustrating another application scenario relating to the interface display method provided in the embodiments of the present application. [Figure 5] This is a schematic diagram illustrating another application scenario relating to the interface display method provided in the embodiments of the present application. [Figure 6] This is a schematic diagram illustrating another application scenario relating to the interface display method provided in the embodiments of the present application. [Figure 7] This is a schematic diagram illustrating the display switching of the interface display method provided in the embodiment of the present application. [Figure 8] This is a schematic diagram showing an auxiliary user interface for the interface display method provided in the embodiment of the present application. [Figure 9] This is a schematic diagram showing another auxiliary user interface for the interface display method provided in the embodiment of the present application. [Figure 10] This is a schematic diagram illustrating another display switching method for the interface display method provided in the embodiment of the present application. [Figure 11] This is a schematic diagram showing the user interface of the interface display method provided in the embodiment of the present application. [Figure 12] This is a schematic diagram showing the user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 13] This is a schematic diagram showing another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 14] This is a schematic diagram showing another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 15]This is a schematic diagram showing another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 16] This is a schematic diagram illustrating another display switching method for the interface display method provided in the embodiment of the present application. [Figure 17] This is a schematic diagram showing another user interface of the interface display method provided in the embodiment of the present application. [Figure 18] This is a schematic diagram illustrating another display switching method for the interface display method provided in the embodiment of the present application. [Figure 19] This is another flowchart relating to the interface display method provided in the embodiment of the present application. [Figure 20] This is a schematic diagram showing another user interface overlay of the interface display method provided in the embodiment of the present application. [Figure 21] This is a schematic diagram showing the display flow related to the interface display method provided in the embodiment of the present application. [Figure 22] This is a schematic diagram illustrating module interaction related to the interface display method provided in the embodiment of the present application. [Figure 23] This is a schematic diagram of the structure of an interface display device provided in an embodiment of the present application. [Figure 24] This is a schematic diagram of the structure of a computer device provided in an embodiment of the present application. [Modes for carrying out the invention]

[0027] The technical concepts in the embodiments of this application will be described clearly and completely below with reference to the attached drawings, but it is clear that the embodiments described are only a selection of embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort fall within the scope of protection of this application.

[0028] Embodiments of the present invention provide an interface display method, which is performed by an interface display device, which may be integrated into a computer device, where the computer device may include a terminal. The interface display method may be performed by a terminal, or by both a server and a terminal.

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

[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. As an example, the interface display method will be described in the embodiment of the present application using the case where the computer device is a terminal as an example.

[0031] Referring to Figure 1, terminal 10 responds to a display switching command for the currently displayed initial user interface, determines the target user interface indicated by the display switching command, and obtains an auxiliary user interface to be used for interface display. Here, this auxiliary user interface includes a watermark area, and overlay processing is performed on this initial user interface, this target user interface, and this auxiliary user interface to obtain a user interface series in which this auxiliary user interface is placed on a higher layer, and conversion processing is performed on this user interface series to present the display from this initial user interface to this target user interface based on the watermark area.

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

[0033] To ensure understanding, the specific embodiments of this application relate to data such as user information. If the above embodiments of this application are used in a specific product or technology, the user's 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 country or region.

[0034] Embodiments of the present invention provide an interface display method which may be performed by a terminal or by both a server and a terminal. Embodiments of the present invention will be described as an example of the case in which the interface display method is performed by a terminal.

[0035] As shown in Figure 2, the specific process related to this interface display method may be as follows.

[0036] In unit 101, the unit responds to a display switching command for the currently displayed initial user interface and determines the target user interface indicated by the display switching command.

[0037] Here, "user interface" refers to the interface displayed by the device. For example, a user interface may be 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 the initial user interface to the display of the target user interface. Specifically, in this application, the display switching from the initial user interface to the target user interface can be achieved by the display switching command. Accordingly, 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 different interface layout settings by completely different visual elements. For example, the initial user interface and the target user interface may be different user interfaces formed with different interface layout settings by different but related visual elements. As an example, referring to the application scenario shown in Figure 3, the initial user interface may be the interface shown in 1001. For example, this interface may be a news display interface that is primarily text and images, and may include a jump control shown in 1002. When the terminal detects that this jump control has been triggered, the terminal jumps to the target user interface shown in 1003, where a video image can be displayed in landscape mode. In a real application, the user may rotate the terminal to landscape mode to better view the video image displayed in the target user interface shown in 1003. Thus, in this example, the display switching command may be a command that is specifically generated in response to a trigger operation on the jump control. The visual elements in the initial user interface and the target user interface are different, but the visual elements in both user interfaces are related.

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

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

[0042] In one embodiment, the present invention may describe an initial user interface and a target user interface as different user interfaces formed entirely or partially by the same visual elements to accommodate different interface layout configurations. For example, when a terminal displays the initial user interface, if it detects a display switching command triggered by a screen switching operation, the target user interface indicated by this display switching command is the user interface of the initial interface in the interface direction indicated by this screen switching command.

[0043] Here, interface direction may be used to represent the direction in which the user interface is viewed by the user. For example, taking a mobile device as an example, interface direction may include the direction corresponding to the display of the user interface when the screen is in portrait mode, and the direction corresponding to the display of the user interface when the screen is in landscape mode. Also, for ease of distinction, for example, the interface direction will be explained with an example of a device that includes a display panel and buttons on the main screen below the display panel. Specifically, interface direction may include interface direction 1, which is the direction corresponding when the screen is in portrait mode and the buttons on the main screen are located at the bottom of the screen; interface direction 2, which is the direction corresponding when the screen is in portrait mode and the buttons on the main screen are located at the top of the screen; interface direction 3, which is the direction corresponding when the screen is in landscape mode and the buttons on the main screen are located on the right side of the screen; and interface direction 4, which is the direction corresponding when the screen is in landscape mode and the buttons on the main screen are located on the left side of the screen. It should be noted that the buttons on the main screen are merely examples to distinguish between different interface directions. If the four interface directions described above are used later, they are intended to point to the corresponding interface direction, not to restrict the terminal's configuration modules. In other words, this invention does not restrict the terminal's configuration modules.

[0044] As an example, referring to the application scenario shown in Figure 6, an example may be given in which the terminal rotates from portrait to landscape mode. Specifically, in the process of the terminal displaying the exemplary user interface shown in 10010 in portrait mode, if the terminal is rotated counterclockwise, the terminal can display the initial user interface shown in 10011 in landscape mode. Subsequently, the terminal can respond to a display switching command triggered by a screen switching operation and display the target user interface shown in 10012. 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 in order to correspond to the setting of interface layouts corresponding to different interface orientations.

[0045] In one embodiment, the process of displaying from the initial user interface to the target user interface may involve displaying the user interface in different interface directions, such as switching from landscape to portrait screen, or switching from interface direction 2 to interface direction 4. Furthermore, considering that the visual elements in the initial user interface and the visual elements in the target user interface may be similar in various ways, for example, the initial user interface and the target user interface may be different user interfaces formed with completely different visual elements and different interface layout settings, or the initial user interface and the target user interface may be different user interfaces formed with all or part of the same visual elements to correspond to different interface layout settings, a command instructing to display the user interface across the interface directions may be determined as a screen switching command, and the target user interface to be indicated by the display switching may be determined in conjunction with the initial user interface and the target interface direction indicated by this screen switching command.

[0046] Specifically, the step of responding to a display switching command for the currently displayed initial user interface and determining the target user interface indicated by the display switching command is: During the process in which the initial user interface corresponding to the initial interface direction is displayed, if a screen switching command is detected, the target interface direction indicated by the screen switching command is determined. This includes determining the target user interface indicated by a display switching command, based on the initial user interface and the target interface direction.

[0047] Here, a screen switching command is a command that instructs the user interface to be displayed so as to traverse the interface direction. There are various methods for generating a screen switching command; for example, a screen switching command may be generated when a screen switching operation on the terminal is detected (for example, when a user switches screens on the terminal). Alternatively, it may be a command that is triggered and generated by a command that instructs the display to traverse the interface direction (for example, a full-screen command for a video image, a full-screen end command for a video image, a link jump command, etc.). In other words, this application does not restrict screen switching commands to being generated only by performing a physical screen switching operation on the terminal device.

[0048] Here, the target interface direction specified by the screen switching command refers to the direction used to display the interface direction corresponding to the target user interface in an 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 in Figures 3, 4, and 6, the target interface direction is the horizontal display direction of the video image. Alternatively, in the example shown in Figure 5, the target interface direction is the vertical display direction of the video image.

[0049] Since screen switching commands can be generated in various ways, there are also many implementation methods for determining the target interface direction indicated by the screen switching command. For example, by performing a screen switching operation on the terminal based on sensor detection (for example, when a user switches screens on the terminal) and generating a screen switching command, the target interface direction indicated by the screen switching command may be determined based on the relevant detection values ​​from the sensor. Alternatively, for example, the interface direction indicated by a related command that instructs to display across the interface direction (for example, a full-screen command for video images, a full-screen end command for video images, a link jump command, etc.) may be used to determine the target interface direction indicated by the screen switching command.

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

[0051] As an example, referring to the application scenario shown in Figure 3, the initial user interface may be the interface shown in 1001. For example, this interface may be a news display interface primarily consisting of text and images, and may include the jump control shown in 1002. When the terminal detects that this jump control has been triggered, the terminal can determine which interface elements to leave on the target user interface, i.e., the interface elements used to play video images, and the settings for the interface layout of this target user interface in the target interface direction indicated by the display switching command. For example, in the example in Figure 3, this interface layout setting may be an associated setting that specifically presents the interface elements in the landscape orientation. Furthermore, based on this interface layout setting, the terminal can display the interface elements awaiting display on the target user interface and determine the target user interface indicated by the display switching command.

[0052] As another example, referring to the application scenario shown in Figure 6, where the initial user interface may be the interface shown in 10011. For example, this interface may be the interface obtained by rotating the terminal counterclockwise during the process in which the terminal displays the exemplary user interface shown in 10010 in portrait mode, resulting in the terminal displaying the exemplary user interface 10010 in landscape mode. Furthermore, the terminal can respond to a display switching command triggered by a screen switching operation to determine which interface elements to leave on the target user interface, namely interface 10010 to include an image with the words "sample text" and several exemplary lines, and can determine the interface layout settings for this target user interface in the target interface direction indicated by the display switching command. For example, in the example in Figure 6, this interface layout setting may be the relevant setting to specifically present the interface elements in landscape mode. Furthermore, based on this interface layout setting, the terminal can display the interface elements awaiting display of the target user interface to determine the target user interface 10012 indicated by the display switching command.

[0053] In step 102, the auxiliary user interface used for displaying the interface is obtained, and the auxiliary user interface includes a watermark area.

[0054] Here, the auxiliary user interface used for interface display refers to a user interface used to assist in the realization of 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 the dynamic transition from the initial user interface to the target user interface in the terminal's display area (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] Using the display switching process from the initial user interface 10011 to the target user interface 10012 in Figure 6 as an example, Figure 7 illustrates 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 watermarked area of ​​the auxiliary user interface refers to the transparent area within the auxiliary user interface. Therefore, the watermarked area is not a visible area within the auxiliary user interface. Specifically, pixels can be assigned to the non-watermarked areas of the auxiliary user interface to change the color representation of these non-watermarked areas, while pixels cannot be assigned to the watermarked areas of the auxiliary user interface. Alternatively, for example, if a lower layer of the auxiliary user interface has another visible user interface, this visible user interface can be seen through the watermarked area, while the non-watermarked areas of the auxiliary user interface hide this visible user interface.

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

[0058] There are various ways to obtain the auxiliary user interface used for interface display. For example, a terminal may obtain a set of interface configuration information, which may include at least one interface configuration information, and the terminal can determine the corresponding auxiliary user interface based on the interface configuration information. The terminal can also determine the currently required interface configuration information from the set of interface configuration information. For example, the terminal may determine the matching interface configuration information from the set of interface configuration information based on its own device information (e.g., display panel dimensions). Alternatively, for example, the terminal may determine the matching interface configuration information from the set of interface configuration information based on the initial user interface information (e.g., initial user interface dimensions). Furthermore, the terminal can determine the auxiliary user interface used for interface display based on the determined interface configuration information. For example, the terminal can generate the corresponding auxiliary user interface based on the determined interface configuration information.

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

[0060] In one embodiment, the interface setting information of the auxiliary user interface may specifically include area setting information for the watermark area. In this way, the terminal can determine the watermark area for the user interface awaiting watermark processing based on the area setting information for the watermark area, and by extension, determine the auxiliary user interface that includes the watermark area. Specifically, the steps of obtaining the auxiliary user interface used for interface display and determining that the auxiliary user interface includes a watermark area may include the following.

[0061] The area dimensions 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 area dimension information and area layout information, the watermark area is demarcated within the user interface of the target dimensions.

[0063] A partitioned user interface is generated, and an auxiliary user interface used for displaying the interface is obtained.

[0064] Here, the area dimension information for the watermark area is related information used to determine the area dimensions of the watermark area. For example, the area dimension information for the watermark area may specifically instruct that the dimensions of this watermark area be the same as the dimensions of the display area of ​​the terminal. Alternatively, for example, the area dimension information for the watermark area may specifically instruct that the dimensions of this watermark area be the same as the dimensions of the initial user interface.

[0065] Here, the area layout information of the watermark area is relevant information used to determine the area layout of the watermark area. For example, the area layout information of the watermark area may specifically indicate a particular position of this watermark area layout in the auxiliary user interface, such as the center position.

[0066] As an example, area dimension information and area layout information for the watermark area may be extracted from the interface setting information of the auxiliary user interface.

[0067] Here, the user interface for the target dimension is the user interface necessary for generating the auxiliary user interface. Specifically, the user interface for the target dimension that includes the watermark area can be obtained by partitioning the watermark area within this user interface for the target dimension. For example, as follows:

[0068] As an example, taking the display switching application scenario shown in Figure 6 as an example, the area dimension information of the watermark area may specifically instruct that the dimensions of this watermark area be the same as the dimensions of the terminal's display area, the area layout information of the watermark area may specifically instruct that this watermark area be laid out at the center position in the auxiliary user interface, and the target dimensions of the user interface of the watermark area awaiting partitioning may specifically be x times the display area of ​​the terminal (where x is a positive number). Referring to Figure 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 dimensions, where height refers to the height of the terminal's display area and width refers to the width of the terminal's display area.

[0069] In one embodiment, after partitioning a watermark area in a user interface of target dimensions, it is considered that this user interface may further include a occlusion area composed of a non-watermark area. Thus, in the process of display switching, the watermark area in the auxiliary user interface provides a visible range presented to the user, and within this visible range, a visible user interface transformation process can be presented. Furthermore, the occlusion area in the auxiliary user interface can occlude a portion of the user interface in the lower layer. As a result, when performing transformation processing on the user interface, the occlusion area improves the dynamic effect of display switching, and consequently, a visually perceptible user interface transformation motion effect can be presented to the user during the display switching process. Specifically, the step of generating the partitioned user interface may include the following:

[0070] Based on the partitioning results, the occluded area is determined for the user interface of the target dimensions.

[0071] Determine the parameter information for generating the shielding area.

[0072] Based on the generated parameter information, a partitioned user interface is generated.

[0073] In this application, the occluding area may be determined in the non-transparent area of ​​the user interface of the target dimensions, or for example, the non-transparent area may be directly determined as the occluding area.

[0074] Here, the occlusion region generation parameter information refers to the relevant information of the parameters necessary when generating this occlusion region. For example, the necessary parameters may include resolution adjustment parameters, pixel value setting parameters, contrast adjustment parameters, etc.

[0075] In one embodiment, the occluded area in the auxiliary user interface may be an occluded area with a background color. For example, in actual applications, the occluded area of ​​the auxiliary user interface may be set to black. In this way, the occluded area and the watermark area can present a visual effect of a bezel on the user interface being converted in the lower layer of the auxiliary user interface during the display switching process. Furthermore, by providing the visual effect of a black background with the black occluded area, the conversion process (e.g., scaling, rotation) between the initial user interface and the target user interface can be clearly presented during the display switching process. In this way, the watermark area and the black occluded area in the auxiliary user interface can make the display switching process from the initial user interface to the target user interface visually perceptible to the user, thereby improving the dynamic effect of the display switching.

[0076] Furthermore, the pixel values ​​of the occluded 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 colors, the occluded area may be set to black. If the peripheral areas of both the initial user interface and the target user interface are black, the occluded area may be set to white. Alternatively, for example, the initial color of the occluded area may be determined based on the color distribution of the initial user interface, and the target color of the occluded 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 occluded area of ​​the auxiliary user interface may be controlled to switch from the initial color to the target color as the conversion progresses. Alternatively, for example, the occluded area in the auxiliary user interface may be set to be non-monochromatic and to have effects such as gradients or textures. Alternatively, for example, the pixel values ​​of the occluded area may be set based on the pixel values ​​of a predetermined image so that the visual effect of this predetermined image is presented in the occluded area.

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

[0078] In this invention, during the display switching process, transformation processing may be performed on the auxiliary user interface, the initial user interface, and the target user interface. For example, rotation and scaling processing may be performed on the auxiliary user interface. On the other hand, since the auxiliary user interface covers the terminal's display area even during the transformation process, in order to avoid the problem shown in Figure 10, where the occlusion area cannot occlude the user interface in its lower layer after the auxiliary user interface has been transformed to a certain position, affecting the display switching effect, the occlusion area of ​​the auxiliary user interface may be set up so that it remains occluded from the terminal's display area during the display switching process.

[0079] In one embodiment, the auxiliary user interface includes a watermark area, and the non-watermark area of ​​the auxiliary user interface may be defined as the occlusion area of ​​the auxiliary user interface. Therefore, in order to avoid the phenomenon shown in Figure 10 during the display switching process, the target dimensions of the user interface of the watermark area awaiting partitioning are set based on the distance between the watermark area and the terminal display area during the display switching process. This ensures that the user interface of the target dimensions, in which the watermark area has been partitioned, remains occluded by its occlusion area during the display switching process, and that the user interface of the lower layer, which should originally be occluded and considered an invisible area for the user, is not presented as a visible area for the user during the display switching process due to insufficient dimensions of the occlusion area. Specifically, the step of partitioning the watermark area in the user interface of the target dimensions based on the area dimension information and the area layout information may include the following.

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

[0081] By analyzing the target distance features, the target dimensions of the user interface for the watermark area waiting for a plot are determined.

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

[0083] Here, the target distance feature of the watermark area is a feature that represents the distance between the watermark area and the terminal display area during the display switching process. For example, since the non-watermark area of ​​the auxiliary user interface can be the occluding area of ​​this auxiliary user interface, the distance between the periphery of the watermark area and the periphery of the terminal display area during the display switching process can be used as the target distance feature of the watermark area.

[0084] In this application, the purpose of calculating the target distance feature of the watermark area is that this target distance feature can be used as reference data to set the dimensions of the occlusion area of ​​the auxiliary user interface. This allows the occlusion area of ​​the auxiliary user interface to remain occluded from the user interface on its lower layer during the display switching process. For this reason, when calculating the distance between the periphery of the watermark area and the periphery of the terminal display area during the display switching process, specifically, the distance between the periphery of the watermark area and the periphery of the terminal display area may be calculated only if the portion between them can constitute an occlusion area, and the calculated distance may be used as the target distance feature of the watermark area.

[0085] To ensure that the target distance features of the watermark area can be used as reference data to set the dimensions of the occlusion area of ​​the auxiliary user interface, and to ensure that the occlusion area of ​​the auxiliary user interface remains occluded to the user interface in its lower layer during the display switching process, the target distance features of the watermark area may be analyzed. For example, the maximum value (max) of the variable called the target distance feature during the display switching process may be taken, and the target dimensions of the user interface of the watermark area awaiting partitioning may be set according to max.

[0086] For example, taking the placement of watermark and occlusion areas in the auxiliary user interface shown in Figure 9 as an example, in order to ensure that the occlusion area of ​​the auxiliary user interface remains occluded to the user interface on its lower layer during the display switching process, x ≥ max may be set, and thereby the target dimensions of the user interface in the watermark area awaiting partitioning can be determined. For example, if the value of x is set to max, the target dimensions of the user interface in the watermark area awaiting partitioning can be determined to be max*width for the width and max*height for the height.

[0087] After determining the target dimensions of the user interface for the watermark area awaiting partitioning, the watermark area may be further partitioned into a user interface corresponding to these 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 the auxiliary user interface awaiting generation. In this way, the generated auxiliary user interface includes a watermark area and a occlusion area that can keep the user interface in the lower layer occluded during the display switching process.

[0088] In this application, step 102 is a step preceding steps 103 and 104; that is, before starting the video for display switching, the auxiliary user interface used for interface display is acquired and generated in advance. In this way, the need to regenerate the auxiliary user interface in each frame during the video process of display switching can be avoided, thereby significantly reducing the generation pressure on the system, avoiding problems that affect the effectiveness of display switching such as generation timeouts and video stuttering, and helping to ensure good generation performance for video during the display switching process.

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

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

[0091] In this application, in the user interface obtained by overlay processing, the auxiliary user interface is placed on a higher layer; that is, the auxiliary user interface is the top-level user interface in the user interface series. In this application, the interface that is perpendicular to the terminal display area and facing the user may be considered the primary direction. In that case, the auxiliary user interface is the top-level user interface 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 actual 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. 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 a higher layer. Subsequently, a transformation process (such as rotation) is 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] As an example, taking the display switching scenario shown in Figure 6 as an example, the target user interface may be rotated 90° counterclockwise based on the target interface direction indicated by the display switching command, to obtain the rotated target user interface shown in Figure 11. Furthermore, the auxiliary user interface may be set based on the view setting rules shown in Figure 9, where the specific value of x is 1.6. In addition, by setting the occluded area in the auxiliary user interface to black, the initial user interface awaiting overlay processing, the target user interface, and the auxiliary user interface shown in Figure 11 may be obtained.

[0094] In one embodiment, there are numerous methods for obtaining a user interface series in which the auxiliary user interface is placed on a higher layer by performing overlay processing on the initial user interface, target user interface, and auxiliary user interface based on the overlay order between user interfaces. Taking the display switching scenario shown in Figure 11 as an example, the initial user interface, target user interface, and auxiliary user interface may be overlaid from bottom to top. Specifically, as shown in Figure 12, the initial user interface may be made the third layer, i.e., the bottom layer, and the target user interface may be overlaid on the initial user interface to become the second layer, i.e., the middle layer. Furthermore, by overlaying the auxiliary user interface on the target user interface to become the first layer, i.e., the upper layer, a user interface series in which the auxiliary user interface is placed on a higher layer may be obtained. As another example, the target user interface, initial user interface, and auxiliary user interface may be overlaid from bottom to top. Specifically, as shown in Figure 13, the target user interface may be made the third layer, i.e., the bottom layer, and the initial user interface may be made the second layer, i.e., the middle layer. Furthermore, by overlaying the auxiliary user interface on top of the initial user interface to create a first layer, i.e., a higher layer, a series of user interfaces in which the auxiliary user interface is placed on a higher layer may be obtained.

[0095] In one embodiment, considering that the watermark area in the auxiliary user interface located in the upper layer is specifically used to display the content of the user interface in the lower layer of the auxiliary user interface, when performing overlay processing on the user interface, the target area in each user interface is determined, and based on the determined target area, overlay processing is performed on the initial user interface, the target user interface, and the auxiliary user interface. As a result, when the display switching starts, the watermark area in the auxiliary user interface located in the upper layer presents the target area in the user interface in the lower layer of the auxiliary user interface, thereby improving the display switching effect. Specifically, the step of performing overlay processing on the initial user interface, the target user interface, and the auxiliary user interface may include the following.

[0096] Determine the target areas for both the initial user interface and the target user interface.

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

[0098] Here, the target area of ​​the user interface refers to the area of ​​the user interface that is of relatively high interest. Taking the initial user interface shown in Figure 11 as an example, for instance, the area 10014 containing the "sample text" in this user interface may be designated as the target area of ​​this user interface, or for instance, the center area of ​​a predetermined size in this user interface may be designated as the target area.

[0099] Since the target area of ​​the user interface refers to the areas of relatively high interest within that user interface, when performing overlay processing on each user interface, by placing the target area of ​​the user interface below the watermark area of ​​the auxiliary user interface, the areas of relatively high interest within the user interface can be presented to the user during the display switching process. In this way, a good user experience can be provided to the user even during the display switching process.

[0100] There are numerous methods for determining the target area in a user interface. In one embodiment, the target area may be a predetermined area of ​​predetermined dimensions located at a predetermined position within the user interface. For example, the target area may be a predetermined area of ​​predetermined dimensions located at the center of the interface. The predetermined position and dimensions may be set according to business needs, for example, according to user habits or according to the interface attributes of the user interface.

[0101] In another embodiment, considering that 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, or an interface element for displaying text, a target interface element may be determined from the interface elements of the user interface, and the region where this target interface element is located may be designated as the target region of the user interface.

[0102] As an example, let's consider a case where the user interface is specifically the target user interface. In this example, the target user interface may include at least one interface element. Specifically, the step of determining the target area of ​​the target user interface may include the following:

[0103] The target target interface element is determined from the interface elements of the target user interface.

[0104] Based on the element layout information of the target interface elements in the target user interface, the target target area of ​​the target user interface is determined.

[0105] Here, the interface elements of a user interface refer to the elements included in that user interface. For example, there are many ways to define interface elements. For example, interface elements may be determined based on the view content included in the user interface. For example, interface elements may include interface elements for displaying video images, interface elements for displaying images, interface elements for displaying text, etc. Alternatively, for example, interface elements may be determined based on the structural information of the user interface. For example, if the user interface is specifically an interface corresponding to a Hyper Text Markup Language (HTML), interface elements may include HTML elements, etc.

[0106] In this application, the target interface element refers to an interface element that has been given a relatively high level of interest. There are many ways to determine the target interface element from the target user interface. For example, the target interface element may be determined according to the type of target user interface. For example, if the target user interface is a video playback type user interface, the interface element that displays the 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, the interface element that displays the conversation chat area may be determined as the target interface element. Alternatively, 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 can be determined as the target interface element.

[0107] Here, the element layout information of an interface element in the user interface may be used to represent the layout status of that interface element in this user interface. Specifically, the element layout information of an interface element in the user interface may include the dimensional information of that interface element and the positional information of that interface element in this user interface.

[0108] After determining the target interface elements of the target user interface, the target target area of ​​the target user interface may be determined based on the element layout information of the target interface elements in the target user interface. For example, the target target area may be a region in the target user interface that is the same as the target interface elements in both dimensional and positional information. Alternatively, the target target area may be a predetermined dimensional region in the target user interface that includes the target interface elements. Specifically, it may be set according to the requirements and effects, and this application is not limited thereto.

[0109] Similarly, the initial user interface may include at least one interface element. The step of determining the target area of ​​the target user interface may include determining the target interface element from the interface elements of the initial user interface, and determining the target area of ​​the initial user interface based on the element layout information of the target interface element in the initial user interface. For specifics, refer to the description of the step of determining the target area of ​​the target user interface, which will be omitted here.

[0110] In this application, after determining the target areas of the initial user interface and the target user interface, overlay processing may be performed on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target areas. For example, the overlay order between each user interface may be determined, and then the alignment method between each user interface may be determined based on the determined target areas. Subsequently, overlay processing may be performed on the initial user interface, the target user interface, and the auxiliary user interface based on this overlay order and alignment method. There are numerous ways to determine the alignment method between each user interface based on the determined target areas. For example, the alignment method between the initial user interface, the target user interface, and the auxiliary user interface may be determined by centering the target area of ​​the initial user interface, the target area of ​​the target user interface, and the watermark area of ​​the auxiliary user interface.

[0111] Taking the user interface shown in Figure 11 as an example, for instance, the target area of ​​the "sample text" region in the initial user interface and the target user interface, the target area of ​​the initial user interface, the target area of ​​the target user interface, and the watermark area of ​​the auxiliary user interface may be centered, and overlay processing may be performed on each user interface using the overlay order shown in Figure 12, and details of the overlay results may be seen in Figure 14. Alternatively, for instance, the center area in the initial user interface and the target user interface may be set as the target area, the target area of ​​the initial user interface, the target area of ​​the target user interface, and the watermark area of ​​the auxiliary user interface may be centered, and overlay processing may be performed on each user interface using the overlay order shown in Figure 12, and details of the overlay results may be seen in Figure 15.

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

[0113] In this application, the 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. Therefore, performing a conversion process on the user interface series can be achieved by performing a conversion process on the auxiliary user interface, target user interface, and initial user interface within the user interface series.

[0114] Performing transformation processing on a user interface refers to transforming the user interface to present better dynamic effects during the display switching process. For example, the transformation processing may include scaling transformation processing for the interface dimensions of the user interface, rotational and translational transformation processing for the interface position of the user interface, and attribute transformation processing for the interface attributes of the user interface (e.g., transparency, contrast, etc.).

[0115] In this application, during the process of switching displays, the watermark area in the auxiliary user interface placed on a higher layer of the user interface series is used to provide a visible range presented to the user. 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 the display of the initial user interface to the display of 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, the attribute change process of the initial user interface and the target user interface may be presented at the time of display switching based on the watermark area in the auxiliary user interface. Specifically, the step of performing a conversion process on the user interface series may include the following.

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

[0118] Here, the interface attributes of a user interface refer to the attributes of the visible effects that affect the user interface. For example, the interface attributes of a user interface may include the transparency, contrast, and brightness of the user interface.

[0119] Here, display progress information refers to relevant information that indicates the current progress of the display switch during the process from the start of the display switch to the completion of the display switch, that is, relevant information that indicates the current progress of the switch from the display of the initial user interface to the display of the target user interface.

[0120] As an example, in the transition process from displaying the initial user interface to displaying the target user interface, in order to present a visual effect in which the initial user interface gradually fades out and the target user interface gradually fades in, the interface attributes of the user interfaces in the user interface series may be adjusted based on the display progress information, and specifically, the interface attributes of the initial user interface and the target user interface in the user interface series may be adjusted based on the display progress information.

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

[0122] As another example, considering that when the peripheral area of ​​a user interface is a light color, the occluding area suitable for highlighting this user interface may be black, while when the peripheral area of ​​a user interface is a dark color, the occluding area suitable for highlighting this user interface may be white, if there is a large difference in the 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 the display of the initial user interface to the display of the target user interface, the interface attributes of the user interfaces in the user interface series may be adjusted based on the display progress information so that the occluding area of ​​the auxiliary user interface can highlight both the initial user interface and the target user interface to the greatest extent possible during the display switching process, and specifically, this 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 occluded 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 occluded 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 the 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 the display progress information until it is set to the target color when the display switching is complete.

[0124] The above example uses the case where the interface attributes of the user interface are specifically the values ​​for transparency and background color, but in actual applications, the interface attributes may be specific to other cases. Interface attributes may also include cases where, in addition to the values ​​for transparency and background color, multiple interface attributes of a user interface in a user interface series are adjusted based on display progress information. This application does not limit the number and type of interface attributes awaiting adjustment, and adjustments may be made as needed.

[0125] In one embodiment, considering that the display switching process from the display of the initial user interface to the display of the target user interface may be a process that specifically crosses the interface direction, in order to improve the dynamic effect in 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 that crosses 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 and presenting the display from the initial user interface to the target user interface based on the watermark area may include the following.

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

[0127] Based on the rotation direction, a rotation transformation process is performed on each user interface in the user interface series, and based on the watermark area of ​​the auxiliary user interface, the rotation transformation of the user interface in the lower layer of the auxiliary user interface is presented during the display process from the initial user interface to the target user interface.

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

[0129] Here, rotational transformation refers to a transformation process achieved by rotating the user interface.

[0130] As an example, taking the display switching application scenario shown in Figure 6 as an example, Figure 16 shows the start and completion stages of the display switching process in this application scenario. Figure 11 shows the rotation state corresponding to the start stage of the 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, the rotation direction of the target user interface in the user interface series may be determined to be a 90° rotation to the right. Furthermore, the rotation directions of both the initial user interface and the auxiliary user interface in the user interface series may be determined to be a 90° rotation to the right. Thus, in this example, based on the target interface direction indicated by the display switching command, the rotation direction of each user interface in the user interface series may be determined to be a 90° rotation to the right. You may also refer to Figure 17 for details on the rotation state 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. This allows the rotation transformation of the user interface in the lower layer of the auxiliary user interface to 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, each user interface may be presented with a transformation process from the rotation state shown in Figure 11 to the rotation state shown in Figure 17, based on the watermark area of ​​the auxiliary user interface.

[0132] In one embodiment, it was considered that the display switching process from the display of the initial user interface to the display of the target user interface may provide a better display switching motion effect by adjusting the interface dimensions of each user interface, in addition to presenting a dynamic display effect by rotational transformation by adjusting the rotation state of each user interface. Specifically, the step of performing a transformation process on the user interface series and presenting the display from the initial user interface to the target user interface based on the watermark area may include the following.

[0133] Determine the dimensional adjustment information for user interfaces in the user interface series.

[0134] Based on the dimensional adjustment information, a dimensional 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, the dimensional adjustments of the user interfaces in the lower layers of the auxiliary user interface are presented during the display process from the initial user interface to the target user interface.

[0135] Here, the dimensional adjustment conversion process refers to the conversion process achieved by performing dimensional adjustments on the user interface.

[0136] In this application, there are numerous methods for realizing dimensional adjustment. For example, the dimensions of the user interface may be adjusted by performing scaling operations on the user interface. Alternatively, the dimensions of the user interface may be adjusted by adjusting its shape.

[0137] Here, the dimensional adjustment information of the user interface is used to instruct the system to perform a dimensional adjustment operation on this user interface.

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

[0139] In this application, the reason for placing the auxiliary user interface, which includes a watermark area, on a higher layer of the user interface series is that, in the display switching process, the watermark characteristics of the watermark area can be used to dynamically display the transformation of the user interface on the lower layer. In one embodiment, when scaling is performed on the user interface on the lower layer of the auxiliary user interface during the display switching process, a scaling threshold is set for the user interface on the lower layer of the auxiliary user interface. This solves the problem in the display switching process where, because the scaled interface dimensions of the user interface on the lower layer of the auxiliary user interface are smaller than the area dimensions of the watermark area, the system's default background (for example, the system's default background in Figure 18 is white) is further displayed in the visible range based on the watermark area, as shown in Figure 18, and consequently the display switching effect is worsened. Specifically, the dimension adjustment information may instruct that the dimension adjustment be achieved by performing a scaling transformation on the user interface on the lower layer of the auxiliary user interface. The step of performing a dimension adjustment transformation on the user interface in the user interface series based on the dimension adjustment information may include the following.

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

[0141] Based on the area dimension information, the scaling threshold for the user interface in the lower layer of the auxiliary user interface is determined.

[0142] Based on dimensional adjustment information and scaling thresholds, a dimensional adjustment transformation process is performed for user interfaces located in lower layers of auxiliary user interfaces within the user interface series.

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

[0144] Here, the scaling threshold for user interfaces in lower layers of the auxiliary user interface refers to the threshold set for the interface dimensions after scaling has been performed on the user interfaces in lower layers of the auxiliary user interface during the display switching process. Specifically, when scaling is performed on user interfaces in lower layers of 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 greater than or equal to the scaling threshold.

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

[0146] After obtaining the area dimension information of the watermark region and the scaling threshold for the user interface in the lower layer of the auxiliary user interface, a scaling transformation process may be performed on the user interface in 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 the scaling threshold.

[0147] In one embodiment, a user interface in a lower layer of an auxiliary user interface in a user interface series includes at least one interface element, and when scaling transformation processing is performed on this user interface, the target interface element for the scaling transformation processing is determined from the interface elements of the user interface, and the area where this target interface element is located may be set as the center area for scaling for this user interface. In this way, scaling transformation processing is performed on this user interface based on this center area for scaling, and it is considered that even though the dimensions of the user interface change dynamically due to the scaling transformation processing during the display switching process, 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 dimensional adjustment transformation processing on a user interface in a lower layer of an auxiliary user interface in a user interface series may include the following.

[0148] The target interface element is determined from the user interface elements through a scaling transformation process.

[0149] Based on the element layout information of the target interface element in the user interface, the center region for scaling is determined for performing scaling transformation processing on the user interface.

[0150] Based on the scaling center area, scaling transformation processing is performed on the user interface.

[0151] Specifically, regarding the definitions of interface elements in a user interface, you may refer to the above, and the explanation will be omitted here.

[0152] Here, the dimensional adjustment information of the user interface is used to instruct the system to perform dimensional adjustment operations on that user interface. For example, the dimensional adjustment information of a user interface in a lower layer of an auxiliary user interface is used to instruct the system to perform dimensional adjustments on that user interface to achieve the desired dimensional adjustments.

[0153] Here, the target interface element, which is the target of the scaling transformation process, refers to the interface element that receives a relatively high level of interest during the process of performing the scaling transformation on the user interface. Specifically, regarding the method of determining the target interface element that is the target of the scaling transformation process from the interface elements of the user interface, you may refer to the implementation method for the step of determining the target interface element that is the target from the interface elements of the target user interface described above, and we will omit the explanation here.

[0154] After determining the scaling center area for scaling transformation processing on the user interface, scaling transformation processing may be performed on the user interface based on this scaling center area. For example, in the display switching process, when scaling transformation processing is performed on a user interface in a lower layer of an auxiliary user interface, the scaling center area for this user interface may be placed at the center position within the visible range determined by the watermark area, this scaling center area may be used as the scaling center, and scaling transformation processing may be performed on this user interface.

[0155] In one embodiment, when performing a transformation process across the interface direction for an auxiliary user interface, for example, when performing a rotation transformation process across the interface direction for an auxiliary user interface, it was considered that there may be a situation where the watermark area of ​​the rotated auxiliary user interface does not match the shape of the terminal display area. As an example, taking the display switching application scenario shown in Figure 6 as an example, Figure 17 shows the state corresponding to the auxiliary user interface after the rotation transformation process has been performed on the auxiliary user interface in this exemplary display switching process. Therefore, since the watermark area of ​​the rotated auxiliary user interface in Figure 17 does not match the terminal display area when this example in Figure 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 dimension adjustment information may specifically instruct that a shape transformation be performed on the auxiliary user interface to achieve dimension adjustment. The step of performing a dimension adjustment transformation process on the user interface in the user interface series based on the dimension adjustment information may include the following.

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

[0157] During the display process from the initial user interface to the target user interface, current display progress information is acquired, and based on this display progress information, the auxiliary user interface is transformed from its initial shape to its target shape, and a shape transformation process is performed on the auxiliary user interface.

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

[0159] For example, the dimension adjustment information of an auxiliary user interface may include the corresponding initial shape and target shape when performing a shape transformation on this auxiliary user interface. For instance, a shape transformation can be achieved by transforming this auxiliary user interface from its initial shape to its target shape.

[0160] In this application, the auxiliary user interface may be transformed from its initial shape to its target shape during the display switching process. Specifically, the auxiliary user interface may be presented as its initial shape at the start of the display switching process, and as the display switching progresses, the auxiliary user interface may be switched from its initial shape to its target shape until it is presented as the target shape at the completion of the display switching process.

[0161] As an example, taking the display switching application scenario shown in Figure 6 as an example, the auxiliary user interface in Figure 11 displays the initial shape corresponding to the auxiliary user interface at the start of the display switching stage. Figure 17 shows the state corresponding to the auxiliary user interface after rotation transformation processing has been performed on the auxiliary user interface during the display switching process in this example. That is, Figure 17 shows the expected shape corresponding to the auxiliary user interface at the completion stage of the display switching when only rotation transformation processing is performed on the auxiliary user interface during the display switching process, and no shape transformation processing is performed on the auxiliary user interface. If this expected shape is set as the target shape, it can be seen that this setting is inappropriate because the expected shape of the auxiliary user interface in Figure 17 does not match the display area of ​​the terminal at the completion of the display switching in this example in Figure 16. For this reason, the target shape of the auxiliary user interface may be set to the shape corresponding to the auxiliary user interface in Figure 11 so that the target shape of the auxiliary user interface matches the display area of ​​the terminal at the completion of the display switching in this example in Figure 16.

[0162] Specifically, in this example, rotation and shape transformation processes are performed on the auxiliary user interface during the display switching process to match the initial shape of the auxiliary user interface to the target shape. Therefore, this does not mean that no shape transformation is performed on the auxiliary user interface during the display switching process. Furthermore, the process of switching the auxiliary user interface from its initial shape to the target shape may also be achieved by setting the auxiliary user interface so that its length changes from its original length to the width of the new state, and vice versa.

[0163] As described above, in this embodiment, in response to a display switching command for the currently displayed initial user interface, the 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, overlay processing 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 a higher layer, and conversion processing is performed on the user interface series to present the 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 the initial user interface to the target user interface, an auxiliary user interface with a watermark area presents the dynamic transition from the initial user interface to the target user interface, ensuring that the user reliably perceives the user interface switching display. Furthermore, because the display switching process only involves the initial user interface, target user interface, and auxiliary user interface, this solution avoids the time and computing resource consumption associated with a relatively large number of related layers, thereby improving the dynamic effect of interface display and enhancing interface display efficiency.

[0165] Furthermore, since this solution obtains the auxiliary user interface before presenting the video effect of the display switching by performing a conversion process on the user interface series, it can pre-generate the auxiliary user interface necessary for the display switching before the video of the display switching begins. This reduces the computing load on the system during the video of the display switching process, ensures good generation performance during the video of the display switching process, avoids problems such as generation timeouts and video stuttering due to too many generation tasks, and ultimately improves the dynamic effect of the interface display and further enhances the display efficiency of the interface.

[0166] The following will provide a more detailed explanation with examples, depending on the method used in the above embodiment.

[0167] In this embodiment, we will explain the case where the interface display device is integrated into the terminal. Figure 19 shows the interface display method, and the specific process of this interface display method is as follows.

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

[0169] For example, a display switching command may be a command specifically triggered and generated by a screen switching command. For example, a screen switching command may be a command that instructs the display screen to rotate due to the rotation of the terminal. In this case, the initial user interface may be the interface before the terminal rotates, and the target user interface may be the interface after the terminal has finished rotating.

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

[0171] In version 202, the terminal is used to display the interface and obtains an auxiliary user interface, including a watermark area.

[0172] For example, the auxiliary user interface may be the layer shown in the right-hand diagram of Figure 9, which includes a watermark area where the dimensions match those of the terminal, and an opaque occlusion area. For example, the occlusion area may be set to black. In this case, the auxiliary user interface used for interface display may be a black watermark occlusion layer.

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

[0174] For example, referring to Figure 20, an overlay process was performed on a screenshot of the terminal's interface before rotation, the interface after rotation, and the black watermark occlusion layer to obtain a user interface series with overlay processing. Here, the black watermark occlusion layer is placed in the upper layer of the user interface series, i.e., it is the first layer. The interface after rotation is placed in the middle layer of the user interface series, i.e., it is the second layer. The screenshot of the interface before rotation is placed in the bottom layer of the user interface series, i.e., it is the third layer.

[0175] In 204, the terminal performs a conversion process on the user interface series to present the display from the initial user interface to the target user interface based on the watermark area.

[0176] By performing further transformation processing on the user interface series, the effect after overlaying the three user interfaces based on the watermark area of ​​the black watermark occlusion layer during the display switching process may appear to indicate that the entire interface is undergoing transformations such as rotation and scaling.

[0177] In actual applications, you may refer to the display process shown in Figure 21 and the module interaction diagram in the device shown in Figure 22. Specifically, taking the case where the terminal is a mobile phone as an example, when the user rotates the mobile phone, the phone's angle sensor determines that rotation has occurred and sends a rotation command to the windows management service. The windows management service initializes the target of the rotating video, creating and generating a shielding layer as the first layer, and taking a screenshot of the currently unswitched interface as the third layer. Furthermore, the windows management service sends a command to start executing the rotating video, specifically 1) the screen switching video controller first initializes three surface animators (surface video executors), 2) each surface video executor calculates the layer attributes attached to this executor when generating each frame, and each frame sends this layer and attribute to the surface manager for synthesis, and 3) the surface manager collects each frame layer and its attributes, synthesizes and displays them, and finally presents them on the display screen.

[0178] Here, the video features of each layer's user interface are specifically as follows:

[0179] The video of the assistive user interface is composed of scaling and rotation transformations applied to the assistive user interface. Here, the principle of scaling is that the original length becomes the width of the new state, and the original width becomes the length of the new state.

[0180] The target user interface video is composed of scaling, rotation, and transparency adjustments applied to the target user interface. Here, the scaling principle is that the width of the target user interface remains greater than or equal to the width of the watermark area in the black watermark occlusion layer, and the transparency adjustment is specifically a change from 0 to 1.

[0181] The initial user interface video consists of scaling, rotation, and transparency adjustments applied to the initial user interface. Here, the scaling principle is that the width of the initial user interface remains greater than or equal to the width of the watermark area in the black watermark occlusion layer; the rotation principle is that the rotation angle of the initial user interface remains matched to that of the auxiliary user interface; and the transparency adjustment is specifically a change from 1 to 0.

[0182] As described above, in the embodiment of the present application, during the display switching process from the display of the initial user interface to the display of the target user interface, the user can reliably perceive the switching display of the user interface by presenting the dynamic transition from the initial user interface to the target user interface using an auxiliary user interface having a watermark area. Furthermore, since 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 use of time and computing resources due to a relatively large number of related layers, thereby improving the dynamic effect of the interface display and improving the display efficiency of the interface.

[0183] Furthermore, in the embodiment of the present invention, since the auxiliary user interface is already obtained by performing a conversion process on the user interface series before presenting the video effect of the display switching, the embodiment of the present invention can generate the auxiliary user interface necessary for display switching in advance before starting the video of the display switching. This reduces the computing load on the system during the video process of display switching, ensures good generation performance during the video process of display switching, avoids problems such as generation timeouts and video stuttering due to too many generation tasks, and ultimately improves the dynamic effect of the interface display and further enhances the display efficiency of the interface.

[0184] To better implement the interface display method provided in the embodiments of this application, an interface display device is further provided in one embodiment. This interface display device may be integrated into a computer device, which may be a terminal or other device. This terminal may be, but is not limited to, a smartphone, tablet, laptop computer, desktop computer, smart speaker, smartwatch, or in-vehicle computer. The terminal and server may be connected directly or indirectly by wired or wireless communication, but this application is not limited thereto. The meanings of the relevant terms are the same as those for the interface display method described above, and for specific implementation details, refer to the description in the embodiment 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 Figure 23, this interface display device may include a determination unit 301, an acquisition unit 302, an overlay unit 303, and a conversion unit 304. Specifically, it is as follows:

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

[0187] The acquisition unit 302 is used to acquire an auxiliary user interface used for interface display. The auxiliary user interface includes 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, in order to obtain a user interface series in which the auxiliary user interface is placed on a higher layer.

[0189] The conversion unit 304 is used to perform a conversion process on the user interface series and to present the display from the initial user interface to the target user interface based on the watermark area.

[0190] In one embodiment, the decision unit 301 is In the process of displaying the initial user interface corresponding to the initial interface direction, if a screen switching command is detected, a direction determination subunit is used to determine the target interface direction indicated by the screen switching command, The interface determination subunit may include an interface determination subunit used to determine the 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 is A subunit for determining the area dimensions and area layout information of a watermark area, wherein the area layout information is used to represent the area layout of the watermark area in the auxiliary user interface, A region partitioning subunit used to partition a watermark area in the user interface of the target dimensions, based on the region dimension information and the region layout information, It may also include an interface generation subunit used to generate partitioned user interfaces and obtain auxiliary user interfaces used for interface display.

[0192] In one embodiment, the region partitioning subunit is Based on the target interface direction indicated by the display switching command, the 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 awaiting partitioning, and the area dimension information and area layout information are used to partition the watermark area in the user interface corresponding to the target dimensions.

[0193] In one embodiment, the interface generation subunit is Based on the partitioning results, the occluded area is determined in the user interface of the target dimensions, the generation parameter information for the occluded area is determined, and the partitioned user interface is used based on the generation parameter information.

[0194] In one embodiment, the overlay unit 303 is A region determination subunit used to determine the target area of ​​the initial user interface, the target user interface, and the auxiliary user interface, respectively. The system may also include 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 a determined target area.

[0195] In one embodiment, the target user interface includes at least one interface element, and the region determination subunit is This is used to determine the target target interface element from the interface elements of the target user interface, and to determine the target target area of ​​the target user interface based on the element layout information of the target interface element in the target user interface.

[0196] In one embodiment, the conversion unit 304 is An interface information determination subunit used to determine the dimensional adjustment information of the user interface in the aforementioned user interface series, The system may also include a dimension adjustment subunit that performs a dimension adjustment conversion process on the user interfaces in the user interface series based on the dimension adjustment information, and is used to present the dimension adjustment of the user interfaces in the lower layers 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 dimension adjustment information instructs the user interface located in a lower layer of the auxiliary user interface to perform a scaling transformation to achieve dimension adjustment. The dimension adjustment subunit is This is used to obtain area dimension information of the watermark area of ​​the auxiliary user interface, determine a scaling threshold for the user interface in the lower layer of the auxiliary user interface based on the area dimension information, and perform a dimensional adjustment conversion process for the user interface in the lower layer of the auxiliary user interface in the user interface series based on the dimensional adjustment information and the scaling threshold.

[0198] In one embodiment, the user interface in the lower layer of the auxiliary user interface in the user interface series includes at least one interface element. Specifically, the dimensional adjustment subunit is: This is used to determine the target interface element for the scaling transformation process from the interface elements of the user interface, to determine the scaling center area where the scaling transformation will be performed on the user interface based on the element layout information of the target interface element in the user interface, and to perform the scaling transformation process on the user interface based on the scaling center area.

[0199] In one embodiment, the user interface series includes the auxiliary user interface, and the dimensional adjustment information instructs the auxiliary user interface to perform a shape transformation to achieve dimensional adjustment. The dimensional adjustment subunit is The dimensional adjustment information is analyzed to obtain the initial and target shapes of the auxiliary user interface. During the display process from the initial user interface to the target user interface, current display progress information is acquired. 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.

[0200] In one embodiment, the conversion unit 304 is A direction determination subunit used to determine the rotation direction of each user interface in the user interface series based on the target interface direction indicated by the display switching command, The system may also include a rotation transformation subunit used to perform a rotation transformation process on each user interface in the user interface series based on the rotation direction, and to present the rotation transformation of the user interface in 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 is The process of displaying from the initial user interface to the target user interface may include an attribute adjustment subunit used to acquire current display progress information, adjust the interface attributes of the user interfaces in the user interface series based on the display progress information, and perform a conversion process on the user interface series.

[0202] When implemented in practice, each of the above units may be implemented as an independent entity, or as the same or several entities in any combination. Specific embodiments of each of the above units may be described by referring to the embodiments of the method described above, which are omitted here.

[0203] As described above, in the interface display device of this embodiment, the determination unit 301 responds to a display switching command for the currently displayed initial user interface and determines the target user interface indicated by the display switching command. The acquisition unit 302 acquires an auxiliary user interface used for interface display, and 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 a higher layer. The conversion unit 304 performs a conversion process on the user interface series to present the 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 initial user interface to the target user interface, an auxiliary user interface with a watermark area presents the dynamic transition from the initial user interface to the target user interface, ensuring that the user can reliably perceive the user interface switching display. Furthermore, because the display switching process only involves the initial user interface, target user interface, and auxiliary user interface, this solution avoids 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 enhancing the interface display efficiency. Moreover, since this solution has already acquired the auxiliary user interface before presenting the video effect of the display switching by performing a transformation process on the user interface series, it can pre-generate the auxiliary user interface necessary for the display switching before the display switching video begins. This reduces the computing load on the system during the display switching video process, ensures good generation performance during the display switching video process, avoids problems such as generation timeouts and video stuttering due to too many generation tasks, and ultimately further improves the dynamic effect of the interface display and enhances the interface display efficiency.

[0205] Furthermore, the embodiments of the present application provide computer equipment, which may be a terminal. As shown in Figure 24, a schematic diagram of the structure of the computer equipment according to the embodiments of the present application is shown, and specifically, it is as follows.

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

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

[0208] The input unit 402 receives input numerical or character information and is used to generate signal inputs for a keyboard, mouse, joystick, optical, or trackball related to user settings and function control. Specifically, in one particular embodiment, the input unit 402 may include a touch-sensing surface and other input devices. The touch-sensing surface, also called a touch display panel or touch panel, collects user touch operations on or near it (e.g., user operations on or near the touch-sensing surface using any suitable object or accessory such as a finger or stylus) and drives corresponding connected devices 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 direction of the user's touch, detects the signal 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 and transmits it to the processor 405, and receives and executes instructions sent from the processor 405. Furthermore, various types of touch-sensing surfaces may be implemented using resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch sensing surface, the input unit 402 may include other input devices. Specifically, these other input devices may include one or more types of physical keyboards, function keys (such as volume control keys and switch keys), trackballs, mice, joysticks, etc.

[0209] The display unit 403 is used to display information input by the user or information provided for the user, and various graphical user interfaces of computer equipment, which may consist of graphical, text, icons, videos, and any combination thereof. The display unit 403 may include a display panel. Optionally, the display panel may be arranged using a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like. Furthermore, the touch sensing surface may cover the display panel, and when the touch sensing surface detects a touch operation on or near it, it transmits this to the processor 405 to determine the type of touch event, and the processor 405 provides the display panel with a corresponding visual output according to the type of touch event. In Figure 24, the touch sensing surface and the display panel realize input and output functions as two independent components, but in some embodiments, the touch sensing surface and the display panel may be integrated to realize input and output functions.

[0210] The computer equipment may include at least one type of sensor 404, for example, a light sensor, a motion sensor, and 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 equipment is moved to the ear. As a type of motion sensor, a gravity acceleration sensor detects the magnitude of acceleration in all directions (usually three axes), detects the magnitude and direction of gravity when stationary, and is used for applications that identify the orientation of a mobile phone (e.g., switching between landscape and portrait screens, related games, magnetometer orientation calibration), vibration detection related functions (e.g., pedometer, tap), etc. Other sensors that can be incorporated into the computer equipment, such as gyroscopes, barometers, hygrometers, thermometers, and infrared sensors, are not described here.

[0211] The processor 405 is the control center of the computer equipment, connecting all parts of the entire mobile phone using various interfaces and lines, operating or executing software programs and / or modules stored in memory 401, and calling data stored in memory 401 to execute various functions and processing data of the computer equipment, thereby monitoring the mobile phone as a whole. Optionally, the processor 405 may include one or more processing cores. Preferably, the processor 405 may be integrated into an application processor and a modem processor. Here, the application processor mainly handles the operating system, user interface, and applications, etc., and the modem processor mainly handles wireless communication. To be clear, the modem processor does not have to be integrated into the processor 405.

[0212] The computer equipment further includes a power supply 406 (e.g., a battery) that supplies power to each component. Preferably, the power supply is logically connected to the processor 405 by a power management system, so that the power management system can perform functions such as charge management, discharge management, and power consumption management. The power supply 406 may include one or more DC or AC power supplies, a recharge system, a power fault detection circuit, a power converter or inverter, a power status indicator, and other components.

[0213] Although not shown in the diagram, the computer equipment may include a camera, a Bluetooth® module, etc. A detailed explanation is omitted here. In this embodiment, the processor 405 in the computer equipment loads executable documents corresponding to the processes of one or more applications into the memory 401 according to the following instructions, and the processor 405 executes the applications stored in the memory 401 to realize various functions. Specifically, this is as follows.

[0214] In response to a display switching command for the currently displayed initial user interface, the system determines the target user interface indicated by the display switching command. An auxiliary user interface used for interface display is obtained, and the auxiliary user interface includes a watermark area. Overlay processing 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 a higher layer. A conversion process is performed on the user interface series to present the display from the initial user interface to the target user interface based on the watermark area.

[0215] For specific details on how to perform each of the above operations, please refer to the previous examples; a detailed explanation will be omitted here.

[0216] As described above, the computer device of this embodiment, in the display switching process from the display of the initial user interface to the display of the target user interface, presents a dynamic transition from the initial user interface to the target user interface using an auxiliary user interface with a watermark area, thereby enabling the user to reliably perceive the user interface switching display. Furthermore, since the display switching process only involves the initial user interface, target user interface, and auxiliary user interface, this computer device can avoid the time and computing resource consumption that would result from a relatively large number of related layers, thereby improving the dynamic effect of the interface display and enhancing the display efficiency of the interface. Moreover, since the auxiliary user interface has already been acquired before the computer device presents the video effect of the display switching by performing a conversion process on the user interface series, the auxiliary user interface necessary for the display switching can be generated in advance before the computer device starts the video of the display switching. This reduces the computing load on the system during the video process of the display switching, ensures good generation performance during the video process of the display switching, avoids problems such as generation timeouts and video stuttering due to too many generation tasks, and ultimately further improves the dynamic effect of the interface display and enhances the display efficiency of the interface.

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

[0218] Therefore, the embodiments of the present application further provide a computer-readable storage medium in which a computer program is stored, which is loaded by a processor to perform steps in any one of the interface display methods provided in the embodiments of the present application. For example, the computer program performs the following steps:

[0219] In response to a display switching command for the currently displayed initial user interface, the system determines the target user interface indicated by the display switching command. An auxiliary user interface used for interface display is obtained, and the auxiliary user interface includes a watermark area. Overlay processing 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 a higher layer. A conversion process is performed on the user interface series to present the display from the initial user interface to the target user interface based on the watermark area.

[0220] For specific details on how to perform each of the above operations, please refer to the previous examples; a detailed explanation will be omitted here.

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

[0222] Instructions stored in this computer-readable storage medium can perform steps in any one of the interface display methods provided in the embodiments of the present application, thereby realizing the inventive effects that any one of the interface display methods provided in the embodiments of the present application can achieve. Further details may be found by referring to previous embodiments, which are omitted here.

[0223] According to one aspect of the present invention, a computer program product or computer program is provided, the computer program product or computer program includes computer instructions, the computer instructions are stored in a computer-readable storage medium. The processor of a computer device reads the computer instructions from the computer-readable storage medium and causes the computer device to execute the computer instructions so as to implement the methods provided for various selectable implementations relating to the interface display described above.

[0224] The interface display method, apparatus, computer equipment, and storage medium provided in the embodiments of this application have been described in detail above. While this specification has described the principles and embodiments of this application using specific examples, the descriptions of the embodiments above are merely intended to aid in understanding the technical proposal and its core concept. Furthermore, those skilled in the art will know that specific embodiments and scopes of application can be modified in accordance with the concept of this application, and therefore, the contents of this specification should not be interpreted as limitations of this application.

Claims

1. In response to a display switching command for the currently displayed initial user interface, the system determines the target user interface indicated by the display switching command. Used for interface display, to obtain an auxiliary user interface including a watermark area, The initial user interface, the target user interface, and the auxiliary user interface are overlaid to obtain a series of user interfaces in which the auxiliary user interface is placed on a higher layer. This includes performing a conversion process on the user interface series and presenting the display from the initial user interface to the target user interface based on the watermark area, Interface display method.

2. In response to a display switching command for the currently displayed initial user interface, determining the target user interface indicated by the display switching command is: During the process in which the initial user interface corresponding to the initial interface direction is displayed, if a screen switching command is detected, the target interface direction indicated by the screen switching command is determined. This includes determining the 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. To obtain an auxiliary user interface, including a watermark area, which is used for interface display, The area dimensions 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. Based on the aforementioned area dimension information and area layout information, the watermark area is demarcated in the user interface of the target dimensions, This includes generating partitioned user interfaces and obtaining auxiliary user interfaces used for displaying the interface, The interface display method according to claim 1.

4. Based on the aforementioned area dimension information and area layout information, defining the watermark area in the user interface of the target dimensions is: Based on the target interface direction indicated by the display switching command, the target distance feature of the watermark area is determined, and the target distance feature represents the distance between the watermark area and the terminal display area. The target distance features are analyzed to determine the target dimensions of the user interface for the watermark area waiting for partitioning, This includes, based on the area dimension information and the area layout information, defining the watermark area in the user interface corresponding to the target dimension, The interface display method according to claim 3.

5. Creating a partitioned user interface is Based on the partitioning results, the shielding area is determined in the user interface of the target dimensions, Determining the generation parameter information for the shielding region, This includes generating partitioned user interfaces based on the aforementioned generation parameter information, The interface display method according to claim 3.

6. Performing an overlay process on the initial user interface, the target user interface, and the auxiliary user interface is: Determining the target area of ​​the initial user interface, the target user interface, and the auxiliary user interface, respectively. This includes performing an overlay process 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 aforementioned target user interface includes at least one interface element, Determining the target area of ​​the aforementioned target user interface is: Determining the target target interface element from the interface elements of the aforementioned target user interface, This includes determining the target target area of ​​the target user interface based on the element layout information of the target interface element in the target user interface, The interface display method according to claim 6.

8. Performing a conversion process on the aforementioned user interface series to present the display from the initial user interface to the target user interface based on the watermark area is: To determine the dimensional adjustment information of the user interface in the aforementioned user interface series, This includes performing a dimensional adjustment conversion process on the user interfaces in the user interface series based on the dimensional adjustment information, and presenting the dimensional adjustment of the user interfaces in the lower layers 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. The interface display method according to claim 1.

9. The dimension adjustment information instructs the user interface in the lower layer of the auxiliary user interface to perform a scaling transformation to achieve dimension adjustment. Performing a dimensional adjustment conversion process on the user interface in the user interface series based on the aforementioned dimensional adjustment information is: To obtain the area dimension information of the watermark area of ​​the auxiliary user interface, Based on the aforementioned region dimension information, a scaling threshold is determined for the user interface in the lower layer of the auxiliary user interface, This includes performing a dimensional adjustment conversion process on a user interface in a lower layer of the auxiliary user interface in the user interface series, based on the dimensional adjustment information and the scaling threshold. The interface display method according to claim 8.

10. The user interface in the lower layer of the auxiliary user interface in the aforementioned user interface series includes at least one interface element, Performing a dimensional adjustment conversion process on a user interface located in a lower layer of the auxiliary user interface in the aforementioned user interface series is: From the interface elements of the aforementioned user interface, the target interface element is determined by the scaling transformation process, Based on the element layout information in the user interface of the target interface element, the scaling center region in which scaling transformations are performed on the user interface is determined. This includes performing a scaling transformation process on the user interface based on the aforementioned scaling center region, The interface display method according to claim 9.

11. The user interface series includes the auxiliary user interface, and the dimensional adjustment information instructs the auxiliary user interface to perform a shape transformation to achieve dimensional adjustment. Performing a dimensional adjustment conversion process on the user interface in the user interface series based on the aforementioned dimensional adjustment information is: The dimensional adjustment information is analyzed to obtain the initial shape and target shape of the auxiliary user interface, The process of displaying from the initial user interface to the target user interface includes acquiring current display progress information, changing the auxiliary user interface from the initial shape to the target shape based on the display progress information, and performing a shape transformation process on the auxiliary user interface. The interface display method according to claim 8.

12. Performing a conversion process on the aforementioned user interface series to present the display from the initial user interface to the target user interface based on the watermark area is: Based on the target interface direction indicated by the display switching command, the rotation direction of each user interface in the user interface series is determined, This includes performing a rotation transformation process on each user interface in the user interface series based on the rotation direction, and presenting the rotation transformation of the user interface in the 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. The interface display method according to claim 1.

13. Performing a conversion process on the aforementioned user interface series means The process of displaying from the initial user interface to the target user interface includes obtaining current display progress information, adjusting the interface attributes of the user interfaces in the user interface series based on the display progress information, and performing a conversion process on the user interface series. The interface display method according to claim 1.

14. Determining the area dimensions and area layout information of the aforementioned watermark area is: To obtain interface configuration information for the auxiliary user interface, This includes extracting area dimension information and area layout information of the watermark area from the interface setting information of the auxiliary user interface, The interface display method according to claim 3.

15. Performing an overlay process on the initial user interface, the target user interface, and the auxiliary user interface based on the determined target area is: The initial user interface, the target user interface, and the auxiliary user interface are overlaid from bottom to top, or the target user interface, the initial user interface, and the auxiliary user interface are overlaid from bottom to top, wherein the target area is located below the watermark area in the auxiliary user interface. The interface display method according to claim 7.

16. Determining the target target area of ​​the target user interface based on the element layout information of the target interface element in the target user interface is: The target area is defined as the region in the target user interface that is the same as both the dimensional information and the positional information of the target interface element, or This includes defining a predetermined dimensional region in the target user interface that includes the target interface elements as the target target region. The interface display method according to claim 7.

17. Determining the target target interface element from the interface elements of the aforementioned target user interface means that Based on the type of the target user interface, determine the target target interface element from the interface elements of the target user interface, or This includes determining the 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 decision unit that responds to a display switching command for the currently displayed initial user interface and determines the target user interface indicated by the display switching command, An acquisition unit used for interface display, which acquires an auxiliary user interface including a watermark area, 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 a higher layer, A conversion unit that performs a conversion process on the user interface series and presents a display from the initial user interface to the target user interface based on the watermark area, is included. Interface display device.

19. The system includes memory and a processor, the memory storing a computer program, and the processor executes the computer program stored in the memory in order to implement the interface display method described in any one of claims 1 to 17. Computer equipment.

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

Images