Interface control method and device, equipment and storage medium

Abstract

The invention provides an interface control method and device, equipment and a storage medium, and the interface control method comprises the steps: responding to an interface control request, and displaying an initial popup window interface corresponding to the interface control request according to an initial display height; a target control event of the interface control request is determined according to the pop-up window touch position and the pop-up window modification area in the interface control request, and the target control event comprises any one of a pop-up window adjustment event and a pop-up window interaction event; if the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset and the initial display height of the pop-up window adjustment event to obtain a target pop-up window interface; and if the target control event is a popup window interaction event, interacting the target popup window content according to the popup window adjustment event to obtain an interface control result. The user-defined degree of the pop-up window interface is improved, the false touch probability of pop-up window interaction is reduced, and the use experience of the pop-up window interface is improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to an interface control method, apparatus, device and storage medium. Background Art

[0002] With the rapid development of internet and display rendering technologies, more and more applications on smart devices are able to customize their display interfaces, such as pop-up windows, based on actual scenario requirements. However, existing pop-up windows lack customization, lack dynamic adjustment capabilities, and are prone to errors in responding to interactive events within the pop-up window. This results in poor display quality and fails to meet existing pop-up display requirements. Summary of the Invention

[0003] The embodiments of the present application provide an interface control method, apparatus, device and storage medium, which aim to solve the technical problems in the prior art of low customization of pop-up display interfaces and poor display effects.

[0004] In one aspect, an embodiment of the present application provides an interface control method, the interface control method comprising the following steps:

[0005] Display the initial pop-up window interface according to the initial display height;

[0006] In response to the interface control request, determining a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0007] If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface;

[0008] If the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result.

[0009] In a possible implementation of the present application, displaying the initial pop-up window interface according to the initial display height includes:

[0010] Use the preset layout component to obtain the parent component display height of the pop-up window parent component;

[0011] Generate an initial display height according to the parent component display height and the preset layout component;

[0012] Rendering the preset interface subcomponent according to the initial display height and the preset display content to obtain an initial pop-up window interface;

[0013] The initial pop-up window interface is displayed according to the initial display height.

[0014] In a possible implementation of the present application, responding to the interface control request and determining the target control event of the interface control request according to the pop-up window touch position and the pop-up window modification area in the interface control request include:

[0015] Obtaining a touch position of a pop-up window of the interface control request;

[0016] Determining a pop-up window modification area corresponding to the initial pop-up window interface according to an initial display height of the initial pop-up window interface;

[0017] If the pop-up window touch position is located in the pop-up window modification area, determining the pop-up window adjustment event as the target control event of the interface control request;

[0018] If the pop-up window touch position does not overlap with the pop-up window modification area, the pop-up window interaction event is determined as the target control event of the interface control request.

[0019] In a possible implementation of the present application, rendering the initial pop-up window interface according to the touch sliding offset in the interface control request to obtain the target pop-up window interface includes:

[0020] Obtaining a pop-up window adjustment event corresponding to the interface control request;

[0021] Identify the touch sliding offset of the pop-up window adjustment event according to a preset modifier and a preset callback function;

[0022] Obtain a pop-up window correction parameter corresponding to the touch sliding offset, and render the initial pop-up window interface based on the pop-up window correction parameter to obtain a target pop-up window interface.

[0023] In a possible implementation of the present application, rendering the initial pop-up window interface based on the pop-up window correction parameter to obtain a target pop-up window interface includes:

[0024] Obtain the display state keyword corresponding to the initial display height;

[0025] The display state keyword is updated according to the pop-up window correction parameter to obtain a target state keyword;

[0026] The target state keyword is used to reorganize the initial pop-up window interface to obtain a target pop-up window interface.

[0027] In a possible implementation of the present application, interacting with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result includes:

[0028] Obtaining a pop-up window touch position of the pop-up window interaction event, and interface display content in the initial pop-up window interface and / or the target pop-up window interface;

[0029] Determining the target pop-up window content to be interacted with according to the pop-up window touch position and the display content position of each interface display content;

[0030] The target pop-up window content is interacted with according to the event interaction instruction of the pop-up window interaction event to obtain an interface control result.

[0031] In a possible implementation of the present application, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain the target pop-up window interface includes:

[0032] Obtaining the touch sliding offset and touch sliding direction of the pop-up window adjustment event;

[0033] If the touch sliding direction is the first touch direction, updating the initial display height of the initial pop-up window interface based on the touch sliding offset to obtain a target pop-up window interface;

[0034] If the touch sliding direction is the second touch direction, the interface closing operation corresponding to the initial pop-up window interface and / or the target pop-up window interface is executed based on a preset animation strategy to obtain an interface closing result.

[0035] In another aspect, the present application provides an interface control device, comprising:

[0036] A pop-up window display module is configured to display an initial pop-up window interface according to an initial display height;

[0037] an event determination module configured to respond to an interface control request and determine a target control event of the interface control request based on a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0038] a pop-up window rendering module configured to render the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface if the target control event is a pop-up window adjustment event;

[0039] The pop-up window interaction module is configured to, if the target control event is a pop-up window interaction event, interact with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result.

[0040] On the other hand, the present application also provides an interface control device, the interface control device comprising:

[0041] one or more processors;

[0042] Memory; and

[0043] One or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the processor to implement the steps of the interface control method.

[0044] On the other hand, the present application also provides a computer-readable storage medium on which a computer program is stored. The computer program is loaded by a processor to execute the steps in the interface control method.

[0045] In the present application, an initial pop-up window interface is displayed according to the initial display height; in response to an interface control request, a target control event of the interface control request is determined according to the pop-up window touch position and the pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event; if the target control event is a pop-up window adjustment event, the initial pop-up window interface is rendered according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface; if the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result. When an interface control request is obtained, the initial pop-up interface is displayed according to the initial display height, and the control event type of the control event carried in the interface control request is identified. When it is determined that the control event is a pop-up adjustment event, the interface height of the initial pop-up interface is dynamically adjusted according to the touch sliding offset of the pop-up adjustment event, so that the pop-up interface can change dynamically. When the control event is determined to be a pop-up interaction event, the target pop-up content in the pop-up interface can be effectively interacted with, thereby improving the customization level of the pop-up interface and reducing the probability of accidental touches in the pop-up interaction, thereby improving the user experience of the pop-up interface. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.

[0047] Figure 1 This is a schematic diagram of a scenario of the interface control method according to an embodiment of the present application;

[0048] Figure 2 This is a flow chart of an embodiment of the interface control method in the embodiment of the present application;

[0049] Figure 3 A flowchart of an embodiment of rendering an initial pop-up window interface in the interface control method provided in an embodiment of the present application;

[0050] Figure 4 A flowchart of another embodiment of rendering an initial pop-up window interface in the interface control method provided in an embodiment of the present application;

[0051] Figure 5 A schematic structural diagram of an embodiment of an interface control device provided in an embodiment of the present application;

[0052] Figure 6 A structural diagram of an embodiment of the interface control device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0053] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the embodiments described are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without making creative efforts shall fall within the scope of protection of the present invention.

[0054] In the description of the present invention, it should be understood that the terms "center", "longitudinal", "lateral", "length", "width", "thickness", "up", "down", "front", "back", "left", "right", "vertical", "horizontal", "top", "bottom", "inside", "outside" and the like indicate positions or positional relationships based on the positions or positional relationships shown in the accompanying drawings, and are only for the convenience of describing the present invention and simplifying the description, rather than indicating or implying that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as limiting the present invention. In addition, the terms "first" and "second" are only used for descriptive purposes and cannot be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the said features. In the description of the present invention, the meaning of "multiple" is two or more, unless otherwise clearly and specifically defined.

[0055] In this application, the word "exemplary" is used to mean "serving as an example, illustration, or illustration." Any embodiment described in this application as "exemplary" is not necessarily to be construed as preferred or advantageous over other embodiments. The following description is given to enable any person skilled in the art to make and use the invention. In the following description, details are listed for the purpose of explanation. It should be understood that one of ordinary skill in the art will recognize that the invention can be practiced without these specific details. In other instances, well-known structures and processes are not described in detail to avoid obscuring the description of the invention with unnecessary detail. Therefore, the present invention is not intended to be limited to the embodiments shown, but is to be accorded the widest scope consistent with the principles and features disclosed herein.

[0056] With the rapid development of internet and display rendering technologies, more and more applications on smart devices are able to customize their display interfaces, such as pop-up windows, based on actual scenario requirements. However, existing pop-up windows lack customization, lack dynamic adjustment capabilities, and are prone to errors in responding to interactive events within the pop-up window. This results in poor display quality and fails to meet existing pop-up display requirements.

[0057] Based on this, the present application proposes an interface control method, device, equipment and computer-readable storage medium to solve the technical problems in the prior art of low customization of pop-up display interfaces and poor display effects.

[0058] The interface control method in an embodiment of the present invention is applied to an interface control device, which is arranged in an interface control device. The interface control device is provided with one or more processors, memories, and one or more applications, wherein the one or more applications are stored in the memories and are configured to be executed by the processor to implement the interface control method; wherein the interface control device can be an intelligent terminal, such as a mobile phone, a tablet computer, a smart TV, and a smart computer; optionally, the interface control device can also be a server, or a service cluster consisting of multiple servers.

[0059] like Figure 1 As shown, Figure 1 This is a scene diagram of the interface control method of an embodiment of the present application. The interface control scene in the embodiment of the present invention includes an interface control device 100 (an interface control device is integrated in the interface control device 100), and a computer-readable storage medium corresponding to the interface control method is running in the interface control device 100 to execute the steps of the interface control method.

[0060] It is understandable that Figure 1The interface control device in the interface control method scenario shown, or the devices included in the interface control device, does not constitute a limitation on the embodiments of the present invention. That is, the number and type of interface control devices included in the interface control method scenario, or the number and type of devices included in each device, do not affect the overall implementation of the technical solution in the embodiments of the present invention, and can all be regarded as equivalent replacements or derivatives of the technical solution claimed to be protected in the embodiments of the present invention.

[0061] The interface control device 100 in the embodiment of the present invention is mainly used to: display an initial pop-up window interface according to the initial display height;

[0062] In response to the interface control request, determining a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0063] If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface;

[0064] If the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result.

[0065] The interface control device 100 in the embodiment of the present invention can be an independent interface control device, such as a smart terminal such as a mobile phone, tablet computer, network device, smart TV and smart computer, or it can be an interface control network or interface control cluster composed of multiple interface control devices.

[0066] The embodiments of the present application provide an interface control method, apparatus, device, and computer-readable storage medium, which are described in detail below.

[0067] It will be understood by those skilled in the art that Figure 1 The application environment shown in is only one of the application scenarios related to the present application solution and does not constitute a limitation on the application scenario of the present application solution. Other application environments may also include Figure 1 More or fewer interface control devices are shown, or the interface controls network connection relationships, such as Figure 1 Only one interface control device is shown. It can be understood that the scenario of the interface control method can also include one or more interface control devices, which are not specifically limited here; the interface control device 100 can also include a memory for storing interface data and other data.

[0068] It should be noted that Figure 1The scene diagram of the interface control method shown is only an example. The scene of the interface control method described in the embodiment of the present invention is to more clearly illustrate the technical solution of the embodiment of the present invention, and does not constitute a limitation on the technical solution provided by the embodiment of the present invention.

[0069] Based on the scenario of the above interface control method, various embodiments of the interface control method disclosed in the present invention are proposed.

[0070] like Figure 2 As shown, Figure 2 This is a flow chart of an embodiment of the interface control method in the embodiment of the present application. The interface control method includes the following steps 201 to 204:

[0071] 201. Display the initial pop-up window interface according to the initial display height;

[0072] The interface control method in this embodiment is applied to interface control devices, and the type and quantity of interface control devices are not specifically limited. That is, the interface control device can be one or more smart terminals with a display module, for example, the interface control device can be a mobile phone, tablet computer, smart TV and smart computer, etc.

[0073] The initial pop-up interface is a local pop-up animation interface displayed on the display module of the interface control device by a specific application or operating system in the interface control device due to business needs. For example, the interface control device is equipped with a shopping application, which can display the initial pop-up interface in the form of a pop-up animation at the bottom of the application or in any direction outside the application during a promotion. In a specific embodiment, the initial pop-up interface is a local bottom pop-up window that pops up from the bottom.

[0074] Optionally, in an initial embodiment, the initial pop-up interface can be a local pop-up interface generated by the Jetpack Compose UI framework. That is, the interface control device can use the UI framework to define a composable function, and use the combined function to configure the display of the initial pop-up interface. The combined function includes visibility control parameters (modifier, visible), cancelable parameters (cancelable, canceledOnTouchOutside), callback parameters (onDismissRequest), and pop-up content parameters.

[0075] The initial display height is the height of the display size of the initial pop-up window interface when it is displayed in the display module of the interface control device. Optionally, in a specific embodiment, the initial display height can be set by the interface height of the application interface corresponding to the initial pop-up window interface.

[0076] Optionally, the interface control device uses a preset layout component to obtain the pop-up window parent component corresponding to the interface control request. The pop-up window parent component may be the application program interface or operating system interface that generated the initial pop-up window interface. That is, the interface control device obtains the display height of the pop-up window parent component through the preset layout component and determines the display height as the display height of the parent component of the pop-up window parent component. The preset layout component is a BoxWithConstraints component.

[0077] Specifically, the interface control device also generates an initial display height based on the acquired parent component display height and the preset layout component. The interface control device uses the preset layout component to generate the initial display height of the initial pop-up interface to be displayed through the parent component display height and the preset display ratio. That is, the application in the interface control device is pre-configured with different preset display ratios for different pop-up interfaces. For example, the preset display ratio can be 75%, 50%, and 25%, etc. Optionally, in other embodiments, the preset display ratio can also be other parameters. The interface control device calculates the product of the parent component display height and the preset display ratio to obtain the initial display height.

[0078] Specifically, after obtaining the initial display height, the interface control device renders the preset interface subcomponents according to the initial display height and the preset display content to obtain an initial pop-up interface, and displays the initial pop-up interface corresponding to the interface control request according to the initial display height. The preset display content is the display content or controls to be displayed in the initial pop-up interface.

[0079] Specifically, when generating the initial pop-up window interface, the interface control device also uses the keyword function to create a draggable state of the initial pop-up window interface, so that the initial pop-up window interface can be dynamically dragged according to the interface control request later.

[0080] 202. Respond to an interface control request and determine a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request;

[0081] Specifically, due to the low degree of customization of the pop-up interface in the existing pop-up interaction process, the existing half-screen pop-up interface, such as the half-screen pop-up interface that pops up from any direction of the display screen of the interface control device, cannot customize the display content, and the pop-up display status such as the pop-up size of the half-screen pop-up interface that dynamically changes following the sliding event.

[0082] Based on this, the interface control device responds to the interface control request for the initial pop-up window interface during operation, wherein the interface control request is an operation request for driving the interface control device to render the initial pop-up window interface or perform the corresponding interactive operation according to the corresponding target control event. Optionally, the interface control request can be a control request generated by the user interacting with the initial pop-up window interface through touch (including interactive operations such as single-click, double-click and slide) or any controller (such as keyboard, mouse, handle controller and remote control). For example, the user can touch and slide the initial pop-up window interface to trigger the interface control request. In addition, the user can also trigger a pop-up control request for the initial pop-up window interface by touching or using a controller to click on the initial pop-up window interface or other interface.

[0083] Specifically, after receiving the interface control request, the interface control device also determines the target control event of the interface control request based on the pop-up window touch position and pop-up window modification area in the interface control request. The target control event is a control event that represents the target control event type of the interface control request for the initial pop-up window interface. Optionally, the target control event can be a pop-up window adjustment event that adjusts the display state of the initial pop-up window interface and a pop-up window interaction event that interacts with the target pop-up window content in the initial pop-up window interface.

[0084] Specifically, the interface control device obtains the pop-up window touch position of the interface control request, and after the interface control device pops up and displays the initial display interface, it also determines the pop-up window modification area corresponding to the initial pop-up window interface according to the initial display height of the initial display interface. That is, the interface control device dynamically sets the pop-up window modification area that can adjust the display state of the initial pop-up interface according to the initial display height of the initial pop-up interface, and then determines the target control event of the interface control request according to whether the pop-up window touch position is located in the pop-up window modification area. Optionally, the pop-up window modification area can be set in any area within the initial pop-up window interface. For example, the pop-up window modification area is set at any boundary of the initial pop-up window interface. Optionally, in other embodiments, the pop-up window modification area can also be set outside the initial pop-up window interface.

[0085] Optionally, if the interface control device determines that the pop-up window touch position is located in the pop-up window modification area, that is, the pop-up window touch position coincides with the pop-up window modification area, the interface control device determines the pop-up window adjustment event as the target control event of the interface control request.

[0086] Optionally, if the interface control device determines that the pop-up window touch position does not overlap with the pop-up window modification area, that is, the pop-up window touch position does not fall within the pop-up window modification area, the interface control device determines the pop-up window interaction event as the target control event of the interface control request.

[0087] 203. If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface;

[0088] Optionally, after the interface control device determines that the target control event is a pop-up window adjustment event, it further renders the initial pop-up window interface according to the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface.

[0089] Specifically, after receiving a pop-up window adjustment event, the interface control device obtains the touch slide offset of the pop-up window adjustment event, where the touch slide offset is a parameter representing the slide range corresponding to the pop-up window adjustment event. That is, the interface control device detects the drag operation of the pop-up window adjustment event using a preset modifier, and identifies the displacement change generated during the drag operation corresponding to the pop-up window adjustment event using a preset callback function to obtain the touch slide offset. Optionally, in a specific embodiment, the preset modifier is Modifier.draggable, and the preset callback function is the onDelta function.

[0090] Specifically, after obtaining the touch sliding offset, the interface control device also accesses the preset sliding mapping database, determines the pop-up correction parameters corresponding to the touch sliding offset, and renders the initial pop-up interface with size changes based on the pop-up correction parameters and the initial display height to obtain the target pop-up interface after the display height is changed.

[0091] 204. If the target control event is a pop-up window interaction event, interact with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result.

[0092] Specifically, after determining that the target control event is a pop-up window interaction event, the interface control device interacts with the target pop-up window content in the initial pop-up window interface and / or the target pop-up window interface according to the pop-up window interaction event to obtain an interface control result.

[0093] That is, after the interface control device determines that the target control event is a touch event for interacting with the pop-up content in the pop-up interface, it obtains the pop-up touch position of the pop-up interaction event, as well as the interface display content in the initial pop-up interface and / or the target pop-up interface.

[0094] Specifically, after acquiring the pop-up window touch position, the interface control device determines the target pop-up window content to be interacted with, to which the target control event points, according to the pop-up window touch position and the display content position of each interface display content.

[0095] Specifically, after acquiring the target pop-up window content, the interface control device interacts with the target pop-up window content according to the event interaction instruction of the pop-up window interaction event to obtain an interface control result.

[0096] In this embodiment, the interface control device displays an initial pop-up window interface according to the initial display height; responds to an interface control request, and determines a target control event of the interface control request according to the pop-up window touch position and the pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event; if the target control event is a pop-up window adjustment event, the initial pop-up window interface is rendered according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface; if the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result. When an interface control request is obtained, the initial pop-up interface is displayed according to the initial display height, and the control event type of the control event carried in the interface control request is identified. When it is determined that the control event is a pop-up adjustment event, the interface height of the initial pop-up interface is dynamically adjusted according to the touch sliding offset of the pop-up adjustment event, so that the pop-up interface can change dynamically. When the control event is determined to be a pop-up interaction event, the target pop-up content in the pop-up interface can be effectively interacted with, thereby improving the customization level of the pop-up interface and reducing the probability of accidental touches in the pop-up interaction, thereby improving the user experience of the pop-up interface.

[0097] like Figure 3 As shown, Figure 3 This is a flow chart of an embodiment of rendering an initial pop-up window interface in the interface control method provided in an embodiment of the present application. Specifically, in this embodiment, the interface control method further includes steps 301 to 303:

[0098] 301. Obtain a display status keyword corresponding to the initial display height;

[0099] 302. Update the display state keyword according to the pop-up window correction parameter to obtain a target state keyword;

[0100] 303. Reorganize the initial pop-up window interface using the target state keyword to obtain a target pop-up window interface.

[0101] Based on the above embodiments, in this embodiment, after obtaining the touch sliding offset, the interface control device also accesses the preset sliding mapping database, determines the pop-up correction parameters corresponding to the touch sliding offset, and renders the initial pop-up interface with a size change based on the pop-up correction parameters and the initial display height to obtain the target pop-up interface after the display height is changed.

[0102] Specifically, after obtaining the initial display height, the interface control device also uses a preset animation value class to store the initial display height, and uses a preset keyword function to store the initial display height as a display status keyword. After determining that the initial pop-up window interface needs to be adjusted in height, the interface control device obtains the display status keyword corresponding to the initial display height, and updates the display status keyword according to the pop-up window correction parameter to obtain a target status keyword, wherein the target status keyword is a display status keyword corresponding to the target display height to be adjusted for the initial pop-up window interface.

[0103] Specifically, after obtaining the target state keyword, the interface control device uses the target state keyword to reorganize the initial pop-up window interface to obtain the target pop-up window interface. That is, the interface control device uses a preset animation method to smoothly transition the display state keyword of the initial pop-up window interface to the target state keyword, thereby adjusting the display height of the initial pop-up window interface to obtain the target pop-up window interface. The preset animation method can be the Animatable.animateTo method, which can realize the animation reorganization of the initial pop-up window interface driven by the state change without redrawing, thereby improving the efficiency of animation generation.

[0104] In this embodiment, the interface control device obtains a display state keyword corresponding to the initial display height; updates the display state keyword according to the pop-up correction parameter to obtain a target state keyword; and reorganizes the initial pop-up interface using the target state keyword to obtain a target pop-up interface. This implements reorganization of the initial pop-up interface using the target state keyword representing the interactive sliding offset, thereby enabling the pop-up interface to dynamically adjust its display height in response to sliding, thereby improving the display quality of the local pop-up interface.

[0105] like Figure 4 As shown, Figure 4 This is a flow chart of another embodiment of rendering the initial pop-up window interface in the interface control method provided in the embodiment of the present application. Specifically, in this embodiment, the interface control method further includes steps 401 to 403:

[0106] 401. Obtaining a touch sliding offset and a touch sliding direction of the pop-up window adjustment event;

[0107] 402. If the touch sliding direction is the first touch direction, updating the initial display height of the initial pop-up window interface based on the touch sliding offset to obtain a target pop-up window interface;

[0108] 403. If the touch sliding direction is the second touch direction, an interface closing operation corresponding to the initial pop-up window interface and / or the target pop-up window interface is executed based on a preset animation strategy to obtain an interface closing result.

[0109] Based on the above embodiments, in this embodiment, optionally, after the interface control device determines that the target control event is a pop-up adjustment event, the initial pop-up interface is rendered according to the pop-up adjustment event and the initial display height to obtain the target pop-up interface.

[0110] Specifically, after determining the pop-up window adjustment event, the interface control device also reads the touch sliding offset and touch sliding direction of the pop-up window adjustment event, wherein the touch sliding direction is a parameter representing the sliding displacement direction of the pop-up window adjustment event.

[0111] Specifically, after obtaining the touch sliding direction, the interface control device determines the direction type of the touch sliding direction and performs a corresponding rendering operation according to the touch sliding direction. The touch sliding direction includes a first touch direction for adjusting the display height of the initial pop-up interface and a second touch direction for closing the initial pop-up interface. Optionally, in a specific embodiment, the first touch direction can be a vertical direction and the second touch direction can be a horizontal direction.

[0112] Optionally, if the interface control device determines that the touch sliding direction is the first touch direction, the initial display height of the initial pop-up window interface is updated based on the touch sliding offset to obtain the target pop-up window interface;

[0113] Optionally, if the interface control device determines that the touch sliding direction is the second touch direction, the interface closing operation corresponding to the initial pop-up interface and / or the target pop-up interface is executed based on the preset animation strategy, so that the initial pop-up interface and / or the target pop-up interface can execute the interface disappearance animation, and then close the initial pop-up interface and / or the target pop-up interface to obtain the interface closing result.

[0114] In this embodiment, the interface control device obtains the touch sliding offset and touch sliding direction of the pop-up window adjustment event; if the touch sliding direction is the first touch direction, the initial display height of the initial pop-up window interface is updated based on the touch sliding offset to obtain the target pop-up window interface; if the touch sliding direction is the second touch direction, the interface closing operation corresponding to the initial pop-up window interface and / or the target pop-up window interface is executed based on a preset animation strategy to obtain an interface closing result. This improves the interactive diversity of the local pop-up window interface and improves the display effect of the local pop-up window interface.

[0115] In order to better implement the interface control method in the embodiment of the present application, based on the interface control method, the embodiment of the present application also provides an interface control device, such as Figure 5 As shown, Figure 5This is a schematic structural diagram of an embodiment of an interface control device provided in an embodiment of the present application. Specifically, the interface control device 500 includes:

[0116] The pop-up window display module 501 is configured to display an initial pop-up window interface according to an initial display height;

[0117] An event determination module 502 is configured to respond to an interface control request and determine a target control event of the interface control request based on a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0118] The pop-up window rendering module 503 is configured to render the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface if the target control event is a pop-up window adjustment event;

[0119] The pop-up window interaction module 504 is configured to, if the target control event is a pop-up window interaction event, interact with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result.

[0120] In a possible implementation of this embodiment, the interface control device displays the initial pop-up window interface according to the initial display height, including:

[0121] Use the preset layout component to obtain the parent component display height of the pop-up window parent component;

[0122] Generate an initial display height according to the parent component display height and the preset layout component;

[0123] Rendering the preset interface subcomponent according to the initial display height and the preset display content to obtain an initial pop-up window interface;

[0124] The initial pop-up window interface is displayed according to the initial display height.

[0125] In a possible implementation of this embodiment, the interface control device responds to the interface control request and determines the target control event of the interface control request according to the pop-up window touch position and the pop-up window modification area in the interface control request, including:

[0126] Obtaining a touch position of a pop-up window of the interface control request;

[0127] Determining a pop-up window modification area corresponding to the initial pop-up window interface according to an initial display height of the initial pop-up window interface;

[0128] If the pop-up window touch position is located in the pop-up window modification area, determining the pop-up window adjustment event as the target control event of the interface control request;

[0129] If the pop-up window touch position does not overlap with the pop-up window modification area, the pop-up window interaction event is determined as the target control event of the interface control request.

[0130] In a possible implementation of this embodiment, the interface control device renders the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface, including:

[0131] Obtaining a pop-up window adjustment event corresponding to the interface control request;

[0132] Identify the touch sliding offset of the pop-up window adjustment event according to a preset modifier and a preset callback function;

[0133] Obtain a pop-up window correction parameter corresponding to the touch sliding offset, render the initial pop-up window interface based on the pop-up window correction parameter and the initial display height, and obtain a target pop-up window interface.

[0134] In a possible implementation of this embodiment, the interface control device renders the initial pop-up window interface based on the pop-up window correction parameter and the initial display height to obtain a target pop-up window interface, including:

[0135] Obtain the display state keyword corresponding to the initial display height;

[0136] The display state keyword is updated according to the pop-up window correction parameter to obtain a target state keyword;

[0137] The target state keyword is used to reorganize the initial pop-up window interface to obtain a target pop-up window interface.

[0138] In a possible implementation of this embodiment, the interface control device interacts with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result, including:

[0139] Obtaining a pop-up window touch position of the pop-up window interaction event, and interface display content in the initial pop-up window interface and / or the target pop-up window interface;

[0140] Determining the target pop-up window content to be interacted with according to the pop-up window touch position and the display content position of each interface display content;

[0141] The target pop-up window content is interacted with according to the event interaction instruction of the pop-up window interaction event to obtain an interface control result.

[0142] In a possible implementation of this embodiment, the interface control device renders the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface, including:

[0143] Obtaining the touch sliding offset and touch sliding direction of the pop-up window adjustment event;

[0144] If the touch sliding direction is the first touch direction, updating the initial display height of the initial pop-up window interface based on the touch sliding offset to obtain a target pop-up window interface;

[0145] If the touch sliding direction is the second touch direction, the interface closing operation corresponding to the initial pop-up window interface and / or the target pop-up window interface is executed based on a preset animation strategy to obtain an interface closing result.

[0146] In this embodiment, the interface control device displays an initial pop-up window interface according to the initial display height; responds to an interface control request, and determines a target control event of the interface control request according to the pop-up window touch position and the pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event; if the target control event is a pop-up window adjustment event, the initial pop-up window interface is rendered according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface; if the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result. When an interface control request is obtained, the initial pop-up interface is displayed according to the initial display height, and the control event type of the control event carried in the interface control request is identified. When it is determined that the control event is a pop-up adjustment event, the interface height of the initial pop-up interface is dynamically adjusted according to the touch sliding offset of the pop-up adjustment event, so that the pop-up interface can change dynamically. When the control event is determined to be a pop-up interaction event, the target pop-up content in the pop-up interface can be effectively interacted with, thereby improving the customization level of the pop-up interface and reducing the probability of accidental touches in the pop-up interaction, thereby improving the user experience of the pop-up interface.

[0147] The embodiment of the present invention also provides an interface control device, such as Figure 6 As shown, Figure 6 This is a schematic diagram of the structure of an embodiment of the interface control device provided in the embodiments of the present application.

[0148] The interface control device integrates any one of the interface control devices provided in the embodiments of the present invention, and includes:

[0149] one or more processors;

[0150] Memory; and

[0151] One or more applications, wherein the one or more applications are stored in the memory and configured so that the processor executes the steps of the interface control method described in any of the above-mentioned interface control method embodiments.

[0152] Specifically, the interface control device may include one or more processing core processors 601, one or more computer-readable storage media memories 602, a power supply 603, an input unit 604, and other components. Those skilled in the art will understand that Figure 6 The interface control device structure shown in the figure does not constitute a limitation on the interface control device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0153] Processor 601 is the control center of the interface control device. It utilizes various interfaces and circuits to connect the various components of the interface control device. By running or executing software programs and / or modules stored in memory 602 and accessing data stored in memory 602, it performs various functions of the interface control device and processes data, thereby providing overall monitoring of the interface control device. Optionally, processor 601 may include one or more processing cores; preferably, processor 601 may integrate an application processor and a modem processor, wherein the application processor primarily processes the operating system, user interface, and application programs, while the modem processor primarily handles wireless communications. It is understood that the modem processor may not be integrated into processor 601.

[0154] The memory 602 can be used to store software programs and modules. The processor 601 executes various functional applications and data processing by running the software programs and modules stored in the memory 602. The memory 602 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area may store data created according to the use of the interface control device, etc. In addition, the memory 602 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage device. Accordingly, the memory 602 may also include a memory controller to provide the processor 601 with access to the memory 602.

[0155] The interface control device also includes a power supply 603 for supplying power to various components. Preferably, the power supply 603 can be logically connected to the processor 601 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. The power supply 603 can also include one or more DC or AC power supplies, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and other arbitrary components.

[0156] The interface control device may further include an input unit 604, which may be used to receive input digital or character information and generate keyboard, mouse, joystick, optical or trackball signal input related to user settings and function control.

[0157] Although not shown, the interface control device may further include a display unit, etc., which will not be described in detail here. Specifically, in this embodiment, the processor 601 in the interface control device will load the executable files corresponding to one or more application processes into the memory 602 according to the following instructions, and the processor 601 will run the application stored in the memory 602 to implement various functions as follows:

[0158] Display the initial pop-up window interface according to the initial display height;

[0159] In response to the interface control request, determining a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0160] If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface;

[0161] If the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result.

[0162] To this end, an embodiment of the present invention provides a computer-readable storage medium, which may include a read-only memory (ROM), a random access memory (RAM), a disk, or an optical disk. A computer program is stored thereon, and the computer program is loaded by a processor to execute the steps of any of the interface control methods provided in the embodiments of the present invention. For example, the computer program loaded by the processor may execute the following steps:

[0163] Display the initial pop-up window interface according to the initial display height;

[0164] In response to the interface control request, determining a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event;

[0165] If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface;

[0166] If the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result.

[0167] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, please refer to the detailed description of other embodiments above and will not be repeated here.

[0168] In specific implementation, the above units or structures can be implemented as independent entities, or can be arbitrarily combined to implement as the same or several entities. The specific implementation of the above units or structures can refer to the previous method embodiments and will not be repeated here.

[0169] The specific implementation of the above operations can be found in the previous embodiments and will not be repeated here.

[0170] The above is a detailed introduction to an interface control method provided in an embodiment of the present application. Specific embodiments are used herein to illustrate the principles and implementation methods of the present invention. The description of the above embodiments is only used to help understand the method of the present invention and its core ideas. At the same time, for those skilled in the art, based on the ideas of the present invention, there may be changes in the specific implementation methods and application scopes. In summary, the content of this specification should not be understood as a limitation on the present invention.

Claims

1. An interface control method, characterized in that: The interface control method includes: Display the initial pop-up window interface according to the initial display height; In response to the interface control request, determining a target control event of the interface control request according to a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event; If the target control event is a pop-up window adjustment event, rendering the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface; If the target control event is a pop-up window interaction event, the target pop-up window content is interacted with according to the pop-up window interaction event to obtain an interface control result.

2. The interface control method according to claim 1, characterized in that: Displaying the initial pop-up window interface according to the initial display height includes: Use the preset layout component to obtain the parent component display height of the pop-up window parent component; Generate an initial display height according to the parent component display height and the preset layout component; Rendering the preset interface subcomponent according to the initial display height and the preset display content to obtain an initial pop-up window interface; The initial pop-up window interface is displayed according to the initial display height.

3. The interface control method according to claim 1, characterized in that: The determining the target control event of the interface control request according to the pop-up window touch position and the pop-up window modification area in the interface control request includes: Obtaining a touch position of a pop-up window of the interface control request; Determining a pop-up window modification area corresponding to the initial pop-up window interface according to an initial display height of the initial pop-up window interface; If the pop-up window touch position is located in the pop-up window modification area, determining the pop-up window adjustment event as the target control event of the interface control request; If the pop-up window touch position does not overlap with the pop-up window modification area, the pop-up window interaction event is determined as the target control event of the interface control request.

4. The interface control method according to claim 1, wherein: The rendering of the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface includes: Obtaining a pop-up window adjustment event corresponding to the interface control request; Identify the touch sliding offset of the pop-up window adjustment event according to a preset modifier and a preset callback function; Obtain a pop-up window correction parameter corresponding to the touch sliding offset, render the initial pop-up window interface based on the pop-up window correction parameter and the initial display height, and obtain a target pop-up window interface.

5. The interface control method according to claim 4, characterized in that: The rendering of the initial pop-up window interface based on the pop-up window correction parameter and the initial display height to obtain a target pop-up window interface includes: Obtain the display state keyword corresponding to the initial display height; The display state keyword is updated according to the pop-up window correction parameter to obtain a target state keyword; The target state keyword is used to reorganize the initial pop-up window interface to obtain a target pop-up window interface.

6. The interface control method according to claim 1, characterized in that: The step of interacting with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result includes: Obtaining a pop-up window touch position of the pop-up window interaction event, and interface display content in the initial pop-up window interface and / or the target pop-up window interface; Determining the target pop-up window content to be interacted with according to the pop-up window touch position and the display content position of each interface display content; The target pop-up window content is interacted with according to the event interaction instruction of the pop-up window interaction event to obtain an interface control result.

7. The interface control method according to claim 1, characterized in that: The rendering of the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface includes: Obtaining the touch sliding offset and touch sliding direction of the pop-up window adjustment event; If the touch sliding direction is the first touch direction, updating the initial display height of the initial pop-up window interface based on the touch sliding offset to obtain a target pop-up window interface; If the touch sliding direction is the second touch direction, the interface closing operation corresponding to the initial pop-up window interface and / or the target pop-up window interface is executed based on the preset animation strategy to obtain an interface closing result.

8. An interface control device, characterized in that: The interface control device includes: A pop-up window display module is configured to display an initial pop-up window interface according to an initial display height; an event determination module configured to respond to an interface control request and determine a target control event of the interface control request based on a pop-up window touch position and a pop-up window modification area in the interface control request, wherein the target control event includes any one of a pop-up window adjustment event and a pop-up window interaction event; a pop-up window rendering module configured to render the initial pop-up window interface according to the touch sliding offset of the pop-up window adjustment event and the initial display height to obtain a target pop-up window interface if the target control event is a pop-up window adjustment event; The pop-up window interaction module is configured to, if the target control event is a pop-up window interaction event, interact with the target pop-up window content according to the pop-up window interaction event to obtain an interface control result.

9. An interface control device, characterized in that: The interface control device includes: one or more processors; Memory; and One or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the processor to implement the steps of the interface control method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that A computer program is stored thereon, and the computer program is loaded by a processor to execute the steps of the interface control method according to any one of claims 1 to 7.

Images