Stacked window popup method and device of application program and electronic equipment

Abstract

The invention provides a stacked popup method and device for an application program and electronic equipment, and the method comprises the steps: obtaining the interface description information of each target display window interface to be displayed in response to a preset popup display instruction, loading the display content of each target display window interface based on the picture content address of the display interface, and displaying the display content of each target display window interface. And according to the picture sequence identifier of the display interface, filling the display content obtained by loading into each display interface frame in a preset stacking display template, and displaying all content contained in the preset stacking display template on the application program interface. By selecting the embodiment of the invention, each display interface can be simultaneously popped up in batches, and each display interface frame is parallel to each other and has a certain distance, so that a user can clearly see each display interface at a glance, and when the user wants to close the multiple popup windows, the user can directly click the target button to realize one-key closing of the multiple popup windows, and the user experience is improved. The operation process that the user operates the multiple popup windows is effectively simplified, and the use experience of the user is guaranteed.

Description

Technical Field

[0001] The present application relates to the field of data processing, and in particular to a stacked pop-up window method, device and electronic device for an application. Background Art

[0002] An application pop-up window is a window used to interact with users in an application. It usually appears at the top level of the entire application page and is used to deliver messages, obtain user feedback, or guide user operations. Existing applications use multiple pop-ups to display more information to users. Existing solutions for displaying multiple pop-ups on the application interface usually include the following two methods:

[0003] Solution 1: Multiple pop-ups pop up at the same time. In this case, multiple pop-ups will overlap, causing the entire page view to be messed up. Users can easily mistake the information on the bottom pop-up window for the information on the top pop-up window. In addition, users cannot jump over the top pop-up window to operate the bottom pop-up window, which can easily cause misunderstandings for users.

[0004] Solution 2: Pop-up windows pop up one by one, and the page window view will jump multiple times. The user needs to close one before the next one pops up. At this time, the user has to close the pop-up window multiple times, which is cumbersome and affects the user experience. Summary of the invention

[0005] In view of this, the embodiments of the present application provide a stacked pop-up window method, device and electronic device for an application program, which simplifies the operation process of users operating multiple pop-up windows and ensures the user experience.

[0006] In a first aspect, an embodiment of the present application provides a stacked pop-up window method for an application, wherein the method comprises:

[0007] In response to the preset pop-up window display instruction, the interface description information of each target display window interface to be displayed is obtained, wherein the interface description information includes: the screen content address of the display interface and the screen sequence identifier of the display interface;

[0008] Loading the display content of each target display window interface from the screen content address of the displayed interface;

[0009] According to the display order corresponding to the screen sequence identifier of the display interface, the display content of each target display window interface is filled into each display interface frame in the preset stack display template, and all the contents contained in the preset stack display template are displayed on the application display interface; wherein each display interface frame in the preset stack display template is a display window of the same size and displayed in parallel and staggered at a preset distance; the preset stack display template also includes: a target close button, which does not overlap with each display interface frame;

[0010] In response to a target close instruction, all display contents of the preset stack display template on the application display interface are closed, wherein the target close instruction is an operation instruction triggered based on a user clicking the target close button on the application display interface.

[0011] In some possible embodiments, the preset stack display template further includes: a target switching button, and the method further includes:

[0012] In response to a first target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

[0013] In some possible embodiments, the method further includes:

[0014] In response to a second target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to the target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on the area where the target display interface frame is located on the application display interface.

[0015] In some possible embodiments, the method further includes:

[0016] Divide the display area occupied by the preset stacked display template into a main display area and a secondary display area, wherein the main display area is the display area occupied by the current display interface frame, and the secondary display area is the display area occupied by the interface frame to be displayed;

[0017] The step of filling the display contents of each target display window interface into each display interface frame in a preset stacked display template according to the display order corresponding to the screen order of the display interface comprises:

[0018] Determine the current display window interface according to the display order corresponding to the screen sequence identifier of the display interface, and fill the display content of the current display window interface into the main display area;

[0019] And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area.

[0020] In some possible embodiments, the preset stack display template further includes: a target switching button, and the method further includes:

[0021] In response to the first target switching instruction, determining the next display window interface of the current display window interface as a new current display window interface, and filling the content of the new current display window interface into the main display area;

[0022] Sequentially mark the display contents of each subsequent target display window interface with the new current display window interface, and fill them into the secondary display area in sequence;

[0023] The first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

[0024] In some possible embodiments, the method further includes:

[0025] A monitoring event is added to each button in the preset stack display template, and each monitoring event is executed to obtain the user's operation on the button on the application interface, and an operation instruction is generated based on the user's operation on the button on the application interface.

[0026] In a second aspect, an embodiment of the present application provides a stacked pop-up window device for an application, wherein the device includes:

[0027] An acquisition module, configured to acquire, in response to a preset pop-up window display instruction, interface description information of each target display window interface to be displayed, wherein the interface description information includes: a screen content address of the display interface and a screen sequence identifier of the display interface;

[0028] A loading module, used to load the display content of each target display window interface from the screen content address of the displayed interface;

[0029] A filling module, used to fill the display contents of each target display window interface into each display interface frame in a preset stacked display template according to the display order corresponding to the screen order of the display interface;

[0030] A display module, used to display all contents contained in the preset stacked display template on the application display interface; wherein each display interface frame in the preset stacked display template is a display window of the same size and displayed in parallel and staggered at a preset distance; the preset stacked display template also includes: a target close button, which does not overlap with each of the display interface frames;

[0031] An execution module is used to close all display contents of the preset stacking display template on the application display interface in response to a target close instruction, wherein the target close instruction is an operation instruction triggered based on a user clicking the target close button on the application display interface.

[0032] In some possible embodiments, the preset stack display template further includes: a target switching button, and the device further includes: a control module, wherein the control module is used to:

[0033] In response to a first target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

[0034] In some possible embodiments, the device also includes: a control module, which is used to: in response to a second target switching instruction, control the current display interface frame of the preset stacked display template to switch to a target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on the area where the target display interface frame is located on the application display interface.

[0035] In some possible embodiments, the device further includes: a region division module, configured to divide the display region occupied by the preset stacked display template into a primary display region and a secondary display region, wherein the primary display region is the display region occupied by the current display interface frame, and the secondary display region is the display region occupied by the interface frame to be displayed;

[0036] The filling module is specifically used to identify the display order corresponding to the screen order of the display interface, determine the current display window interface, and fill the display content of the current display window interface into the main display area;

[0037] And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area.

[0038] In some possible embodiments, the filling module is further used to determine the next display window interface of the current display window interface as a new current display window interface in response to the first target switching instruction, and fill the content of the new current display window interface into the main display area;

[0039] The new current display window interface sequentially identifies the display contents of each subsequent target display window interface, and fills them into the secondary display area in sequence.

[0040] In some possible embodiments, the execution module is also used to add a listening event for each button in the preset stack display template, and execute each of the listening events to obtain the user's operation on the button on the application interface, and generate an operation instruction based on the user's operation on the button on the application interface.

[0041] In a third aspect, an embodiment of the present application provides an electronic device, wherein the electronic device includes:

[0042] Processor; and

[0043] Memory for storing programs,

[0044] The program includes instructions, which, when executed by the processor, enable the processor to execute the stacked pop-up window method of the application program described in the first aspect.

[0045] In a fourth aspect, an embodiment of the present application provides a non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to enable a computer to execute the stacked pop-up window method of the application described in the first aspect.

[0046] Beneficial effects of this application:

[0047] The present application provides a stacked pop-up window method, device and electronic device for an application, wherein the method responds to a preset pop-up window display instruction, obtains interface description information of each target display window interface to be displayed, loads the display content of each target display window interface based on the screen content address of the display interface in the interface description information, and fills the loaded display content into each display interface frame in a preset stacked display template according to the screen sequence identifier of the display interface in the interface description information, and displays all the content contained in the preset stacked display template on the application interface.

[0048] Since the display interface frames in the preset stacked display template are display windows of the same size and are displayed in parallel at a preset distance, and the preset stacked display template also includes a target close button, which does not overlap with the various display interface frames. When the user wants to close each target display window interface, the user can directly click the target close button on the application display interface, and then the application will automatically respond to the target close instruction triggered by the click operation and close all display content of the preset stacked display template on the application interface.

[0049] In this way, by selecting the embodiment of the present application, various display interfaces can be popped up in batches at the same time, and the display interface frames are parallel to each other and there is a certain distance between them. The user can see each display interface at a glance, and then when the user wants to close the multiple pop-up windows, the user can directly close the multiple pop-up windows with one click by clicking the target button, which effectively simplifies the user's operating process for operating multiple pop-up windows and ensures the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0050] Further details, features and advantages of the present application are disclosed in the following description of exemplary embodiments in conjunction with the accompanying drawings, in which:

[0051] Figure 1 A schematic diagram of a process of a stacked pop-up window method for an application provided in an embodiment of the present application is shown;

[0052] Figure 2 A schematic diagram showing an effect of a stacked pop-up window of an application provided in an embodiment of the present application is shown;

[0053] Figure 3 Another schematic diagram showing the effect of a stacked pop-up window of an application provided in an embodiment of the present application is shown;

[0054] Figure 4 Another schematic diagram showing the effect of a stacked pop-up window of an application provided in an embodiment of the present application is shown;

[0055] Figure 5 A schematic diagram showing a logical structure of a stacked pop-up window device for an application provided in an embodiment of the present application is shown;

[0056] Figure 6 A structural block diagram of an exemplary electronic device that can be used to implement an embodiment of the present invention is shown. DETAILED DESCRIPTION

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

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

[0059] The term "including" and its variations used in this document are open inclusions, that is, "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one other embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions of other terms will be given in the description below. It should be noted that the concepts of "first", "second", etc. mentioned in this application are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

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

[0061] In a first aspect, the present application provides a stacked pop-up window method for an application program, which is applicable to any electronic device with a pop-up window function, including but not limited to a personal mobile terminal, a computer, or a large server. In some embodiments, Figure 1 As shown, the method includes the following steps S11 to S14:

[0062] S11, in response to a preset pop-up window display instruction, obtaining interface description information of each target display window interface to be displayed, wherein the interface description information includes: a screen content address of the display interface and a screen sequence identifier of the display interface.

[0063] S12: Load the display content of each target display window interface from the screen content address of the displayed interface.

[0064] S13, according to the display order corresponding to the screen sequence identifier of the display interface, fill the display content of each target display window interface into each display interface frame in the preset stack display template and display all the content contained in the preset stack display template on the application display interface. Wherein, each display interface frame in the preset stack display template is a display window of the same size and displayed in parallel and staggered according to a preset distance; the preset stack display template also includes: a target close button, and the target close button does not overlap with each display interface frame.

[0065] S14, in response to a target closing instruction, closing all display contents of the preset stack display template on the application display interface, wherein the target closing instruction is an operation instruction triggered by a user clicking the target closing button on the application display interface.

[0066] By selecting the embodiment of the present application, various display interfaces can be popped up in batches at the same time, and the display interface frames are parallel to each other and there is a certain distance between them. The user can see each display interface at a glance, and then when the user wants to close the multiple pop-up windows, the user can directly close the multiple pop-up windows with one click by clicking the target button, which effectively simplifies the user's operating process for operating multiple pop-up windows and ensures the user experience.

[0067] The above steps S11 to S14 will be described in detail below with reference to specific examples:

[0068] In the embodiment of the present application, stacking, as the name implies, means that the display areas corresponding to the pop-up windows partially overlap, which is equivalent to stacking them in one display area. Therefore, stacked pop-up windows refer to displaying multiple pop-up interface windows in a way that they partially overlap each other. In order to facilitate intuitive understanding of the stacked pop-up window, it can be combined with the following: Figure 2 As shown in the stacked pop-up window effect diagram, if the existing pop-up window solution is used, the first target display window interface, the second target display window interface, and the Nth target display window interface will be popped up one by one to the display interface of the application program to show the user the content displayed in each target display window interface. The stacked pop-up window is to partially overlap multiple target display window interfaces, and then display the content of the target display window interface to be displayed in the display window interface of the surface.

[0069] In the embodiment of the present application, a target display window interface is a pop-up window, wherein the content carried in the target display window interface is the content of the desired pop-up window. The position of the pop-up window on the display interface of the application depends on the position parameters set by the application developer. By reading the position parameters reserved by the application developer for the pop-up window, each target display window interface can be controlled to display at the corresponding position parameters. In the embodiment of the present application, each pop-up window can be of equal size or of unequal size. As a preferred embodiment, the size of each pop-up window on the display interface of the application is the same, but if Figure 2 As shown, there is overlap between their positions.

[0070] In an embodiment of the present application, the preset pop-up window display instruction is a control instruction generated when a user operation triggers a preset pop-up window display condition. As an implementation, the preset pop-up window display instruction is a control instruction generated when a user clicks to use the application and triggers the startup of the application. The preset pop-up window display instruction is used to control the application to execute the execution logic of each module related to the pop-up window. Exemplarily, the developer of the application presets various logic codes related to the pop-up window in the execution code of the application. When the user clicks to use the application and triggers the startup of the application, the application obtains the preset pop-up window display instruction and performs the following on the startup interface of the application. Figure 2 The stacked pop-up window shown on the right is used to show users new activities, new products or new information launched by the current application.

[0071] As another implementation, the preset pop-up window display instruction is a control instruction generated after the user clicks on a specified display interface during the use of the application. For example, when the user clicks on the detail page of a certain product during the use of a shopping application, the application can generate a control instruction based on the user's action of clicking on the product detail page to activate various logic codes related to the pop-up window preset in the application, and then display the pop-up window in the product detail page as follows: Figure 2 The stacked pop-up interface on the right shows users the different advantages of the product.

[0072] As an implementation method, the execution logic of the stacked pop-up window method of the application is preset in the execution code of the application. During the operation of the application, the preset pop-up window display instruction is automatically generated based on whether the user operation meets the conditions for triggering the pop-up window. Then, in the execution code of the application, the execution code related to the execution logic of the stacked pop-up window method is triggered in response to the preset pop-up window display instruction to execute the above steps S11 to S14.

[0073] In the embodiment of the present application, each target display window interface is a screen content that needs to be displayed through a pop-up window provided by an application developer or an operation and maintenance personnel. The target display window interface can be a picture, an animation, or even a short video. As an implementation method, the application developer or the operation and maintenance personnel pre-designs the pictures, animations, or even short videos that need to be displayed according to the business display requirements, and then names or differentiates the designed pictures, animations, or even short videos according to the display order of the display interface, and stores them in a specified path. Among them, the display array index[] can be generated based on the order and screen address of the designed screen elements such as pictures, animations, or even short videos. Each element in the display array corresponds to the screen content address of each target display window interface, and the order identifier of the element corresponds to the display order of each target display window interface. For example, index[0] represents the screen content address of the first target display window interface that needs to be displayed, 0 represents that the target display window interface is the first interface that needs to be displayed, index[1] represents the screen content address of the second target display window interface that needs to be displayed, 1 represents that the target display window interface is the second interface that needs to be displayed, and so on.

[0074] Based on this, when executing step S11, the interface description information of each target display window interface can be obtained by reading the display array, specifically by obtaining the array identifier corresponding to each target display window interface, obtaining the display order corresponding to each target display window interface, and then determining the screen content address of the target display window interface according to the array element corresponding to the interface identifier. As an implementation method, a resource access address is generated based on the path specified by the developer or operation and maintenance personnel, such as generating a URL (Uniform Resource Locator), and the URL address is the content address of the screen. Based on this, when executing step S12, the display content of each target display window interface can be obtained by obtaining the URL address represented by different array elements, and then accessing the URL address. Exemplarily, it can be as follows Figure 3 As shown, you can access http: / / www.****.com / res / dialog1.png to obtain the display content corresponding to the target display window interface with index=0: dialog1.png, a png picture in the format of png. The same applies to other target display window interfaces.

[0075] After obtaining the display content corresponding to each target display window interface, how to arrange and display the obtained display content becomes the key to realizing stacked pop-up windows. In the embodiment of the present application, the preset stacked display template becomes the key to realizing stacked pop-up windows. The preset stacked display template is an interface display module designed by application developers or operation and maintenance personnel for pop-up windows, which can be understood as an independent display module suspended above the application interface. Among them, the preset stacked display template can be as follows Figure 2 As shown on the right, it is composed of multiple stacked rectangular frames. The display area occupied by the entire preset stacked display template can be as follows Figure 2 As shown on the right, it is divided into a main display area and other secondary display areas besides the main display area. The main display area refers to the area occupied by the rectangular frame at the top, that is, the display area occupied by the current display interface frame that can be seen by the naked eye. The secondary display area refers to the display area below the area occupied by the rectangular frame at the top, that is, the display area occupied by the interface frame to be displayed.

[0076] In this way, in executing step S13, the display content of the acquired target display window interface is filled into each display interface frame in the preset stack display template, which can be specifically implemented in the following manner:

[0077] Determine the current display window interface according to the display order corresponding to the screen sequence identifier of the display interface, and fill the display content of the current display window interface into the main display area;

[0078] And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area.

[0079] For example, Figure 3 Taking the four target display window interfaces shown as an example, if item1 is determined to be the current display window interface, the dialog1.png image corresponding to item1 is filled into the main display area, and then the remaining dialog2.png, dialog3.png, and dialog4.png are respectively filled into each secondary display area under the main display area.

[0080] In the embodiment of the present application, the display content is filled mainly according to the size of the display area, and the display content is cropped or directly tiled and displayed in the corresponding display area.

[0081] In order to allow the user to clearly see that there are multiple pop-up windows, that is, there are multiple target display window interfaces, it is necessary to control the distance between the main display area and each secondary display area to meet the preset distance. The preset distance can be flexibly set according to actual experience and is not strictly limited in this application. In this way, the user can know at a glance that there are multiple pop-up windows in the current interface.

[0082] In the embodiment of the present application, the preset stack display template can also be as follows Figure 4 As shown on the left, it includes a target close button and a target switch button. As an example, Figure 4 As shown on the right, the target close button icon can be a circular icon, and the target switch button is the next one. Figure 4 Each button in the device is just a simple icon without execution logic, unable to trigger execution actions, and unable to capture the user's operations on each button. Therefore, in some embodiments, the action generated by the user clicking a button on the device can be obtained in the following way:

[0083] A monitoring event is added to each button in the preset stack display template, and each monitoring event is executed to obtain the user's operation on the button on the application interface, and an operation instruction is generated based on the user's operation on the button on the application interface.

[0084] Specifically, the listening event added to each button is a click listening event. When the user clicks in the area where each button is located, the click listening event will receive notification information. The click listening event is also connected to the state of each target display window interface. The output result of the click listening event will change the display state of the target display window interface.

[0085] For example, when the click monitoring event set in the target close button monitors that the user clicks the target close button, the target close instruction will be generated, and the execution code of the application will know that the user needs to close the target display window interface based on the target close instruction. At this time, all target display window interfaces will be directly closed to achieve the effect of executing step S14 to close all display contents of the preset stacked display template on the application display interface.

[0086] On this basis, in some embodiments, the stacked pop-up window method of the application provided in the embodiments of the present application may also include the following steps:

[0087] In response to a first target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

[0088] Specifically, when the click listening event corresponding to the target switching button listens to the user clicking the target switching button, a corresponding first target switching instruction will be generated, and then the current display interface frame will be switched to the target display interface frame that the user needs to view. In this process, as an implementation method, in response to the first target switching instruction, the next display window interface of the current display window interface is determined as the new current display window interface, and the content of the new current display window interface is filled into the main display area; the display content of each subsequent target display window interface is sequentially identified by the new current display window interface, and is filled into the secondary display area in sequence.

[0089] For example, Figure 4 Take the next item as an example when the target switch button on the right is clicked. When the user clicks the button of the next item, the click monitoring event corresponding to the target switch button monitors that the user clicks the button of the next item, and then generates the first target switching instruction to control the current display interface frame to switch to the display interface frame of the next layer of the current layer. At this time, the topmost interface can be adjusted to display according to the new current display window interface. The remaining display window interface content is filled into the secondary display area below the new current display window interface to achieve the effect of switching the pop-up window to the next item.

[0090] In some embodiments, the stacked pop-up window method of the application provided in the embodiments of the present application may further include the following steps:

[0091] In response to a second target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to the target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on the area where the target display interface frame is located on the application display interface.

[0092] like Figure 4 As shown on the right, the preset stacked display template includes four target display window interfaces, among which the first target display window interface is located at the top layer, and the remaining target display window interfaces are located below the first target display window interface in sequence, but there is a preset distance between them. In the embodiment of the present application, a listening event can also be added to the display interface frame occupied by each target display window interface to obtain the user's click operation in the display interface frame coverage area. If the area clicked by the user is within the display interface frame, a second target switching instruction will be automatically generated according to the target display window interface clicked by the user. For example, if the user Figure 4Among the display interface boxes shown on the right, if the display interface box at the bottom layer is clicked, it is automatically determined based on the monitoring event that the user has clicked the fourth display interface box at the bottom layer, and then the content displayed in the display interface box is adjusted to the top layer for display, and the remaining target display window interfaces (first target display window interface, second target display window interface, third target display window interface) are filled in sequence to the bottom of the fourth target display window interface that currently occupies the main display area.

[0093] The above two embodiments are selected to add a toggle button and a close button to the preset stack display template, and add a listening event to the button to respond to the user's click operation to close or switch the pop-up display interface. In addition, as an implementation method, each target display window interface can be a hierarchically nested display window View. When filling the display content, only the visible part of the content can be filled. Exemplarily, the application can first fill the display screen content corresponding to the current display window interface item1 into the main display area, and then, according to the visible area of ​​the next level, the corresponding Figure 4 The inverted L-shaped area on the right side of the screen determines the screen content that needs to be filled into the visible area. The screen content of the visible area is the corresponding inverted L-shaped partial screen content in the display window interface item2 of the next level, and then the inverted L-shaped partial screen content is filled into the visible area of ​​the next level. Similarly, the inverted L-shaped partial contents corresponding to other item3 and item4 are filled into the corresponding inverted L-shaped partial areas of the next level in sequence. When the user switches to the next item, the complete content of item2 can be filled into the main display area, and then the inverted L-shaped partial content of item3 can be moved forward one level and filled into the inverted L-shaped area of ​​the next level of the main display area.

[0094] In this way, the area that needs to be drawn can be reduced, the workload of display window drawing is improved, excessive drawing is avoided, and the performance overhead of the device is reduced.

[0095] Based on the description of the first aspect, in a second aspect, the present application provides a stacked pop-up window device for an application program, wherein: Figure 5 As shown, the device 500 includes the following parts:

[0096] The acquisition module 501 is used to obtain the interface description information of each target display window interface to be displayed in response to the preset pop-up window display instruction, wherein the interface description information includes: the screen content address of the display interface and the screen sequence identifier of the display interface;

[0097] A loading module 502, used to load the display content of each target display window interface from the screen content address of the displayed interface;

[0098] A filling module 503 is used to fill the display contents of each target display window interface into each display interface frame in a preset stacked display template according to the display order corresponding to the screen order of the display interface;

[0099] Display module 504, used to display all contents contained in the preset stack display template on the application display interface; wherein each display interface frame in the preset stack display template is a display window of the same size and displayed in parallel and staggered at a preset distance; the preset stack display template also includes: a target close button, which does not overlap with each display interface frame;

[0100] An execution module is used to close all display contents of the preset stacking display template on the application display interface in response to a target close instruction, wherein the target close instruction is an operation instruction triggered based on a user clicking the target close button on the application display interface.

[0101] In some possible embodiments, the preset stack display template further includes: a target switching button, and the device further includes: a control module, wherein the control module is used to:

[0102] In response to a first target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

[0103] In some possible embodiments, the device also includes: a control module, which is used to: in response to a second target switching instruction, control the current display interface frame of the preset stacked display template to switch to a target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on the area where the target display interface frame is located on the application display interface.

[0104] In some possible embodiments, the device further includes: a region division module, configured to divide the display region occupied by the preset stacked display template into a primary display region and a secondary display region, wherein the primary display region is the display region occupied by the current display interface frame, and the secondary display region is the display region occupied by the interface frame to be displayed;

[0105] The filling module is specifically used to identify the display order corresponding to the screen order of the display interface, determine the current display window interface, and fill the display content of the current display window interface into the main display area;

[0106] And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area.

[0107] In some possible embodiments, the filling module is further used to determine the next display window interface of the current display window interface as a new current display window interface in response to the first target switching instruction, and fill the content of the new current display window interface into the main display area;

[0108] The new current display window interface sequentially identifies the display contents of each subsequent target display window interface, and fills them into the secondary display area in sequence.

[0109] In some possible embodiments, the execution module is also used to add a listening event for each button in the preset stack display template, and execute each of the listening events to obtain the user's operation on the button on the application interface, and generate an operation instruction based on the user's operation on the button on the application interface.

[0110] Among them, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved in this application are in compliance with the relevant laws and regulations and do not violate public order and good morals.

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

[0112] In a third aspect, the exemplary embodiments of the present application further provide an electronic device, comprising: at least one processor; and a memory connected to the at least one processor in communication. The memory stores a computer program that can be executed by the at least one processor, and the computer program is used to enable the electronic device to perform a method according to an embodiment of the present application when executed by the at least one processor.

[0113] In a fourth aspect, an exemplary embodiment of the present application further provides a non-transitory computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor of a computer, is used to cause the computer to perform a method according to an embodiment of the present application.

[0114] In a fifth aspect, an exemplary embodiment of the present application further provides a computer program product, including a computer program, wherein the computer program, when executed by a processor of a computer, is used to cause the computer to perform a method according to an embodiment of the present application.

[0115] refer to Figure 6, the structural block diagram of the electronic device 600 that can be used as the server or client of the present application will now be described, which is an example of a hardware device that can be applied to various aspects of the present application. The electronic device is intended to represent various forms of digital electronic computer equipment, such as laptop computers, desktop computers, workbenches, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices and other similar computing devices. The components shown herein, their connections and relationships, and their functions are only examples, and are not intended to limit the implementation of the present application described and / or required herein.

[0116] like Figure 6 As shown, the electronic device 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a read-only memory (ROM) 602 or a computer program loaded from a storage unit 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic device 600 can also be stored. The computing unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0117] A plurality of components in the electronic device 600 are connected to the I / O interface 605, including: an input unit 606, an output unit 607, a storage unit 608, and a communication unit 609. The input unit 606 may be any type of device capable of inputting information to the electronic device 600, and the input unit 606 may receive input digital or character information, and generate key signal inputs related to user settings and / or function control of the electronic device. The output unit 607 may be any type of device capable of presenting information, and may include, but is not limited to, a display, a speaker, a video / audio output terminal, a vibrator, and / or a printer. The storage unit 608 may include, but is not limited to, a disk, an optical disk. The communication unit 609 allows the electronic device 600 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks, and may include, but is not limited to, a modem, a network card, an infrared communication device, a wireless communication transceiver, and / or a chipset, such as a Bluetooth™ device, a WiFi device, a WiMax device, a cellular communication device, and / or the like.

[0118] The computing unit 601 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, digital signal processors (DSPs), and any appropriate processors, controllers, microcontrollers, etc. The computing unit 601 performs the various methods and processes described above. For example, in some embodiments, the stacked pop-up window method of the aforementioned application may be implemented as a computer software program, which is tangibly included in a machine-readable medium, such as a storage unit 608. In some embodiments, part or all of the computer program may be loaded and / or installed on the electronic device 600 via ROM 602 and / or communication unit 609. In some embodiments, the computing unit 601 may be configured to execute the stacked pop-up window method of the aforementioned application by any other appropriate means (e.g., by means of firmware).

[0119] The program code for implementing the method of the present application can be written in any combination of one or more programming languages. These program codes can be provided to a processor or controller of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that the program code, when executed by the processor or controller, implements the functions / operations specified in the flow chart and / or block diagram. The program code can be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0120] In the context of the present application, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0121] As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and / or device (e.g., disk, optical disk, memory, programmable logic device (PLD)) for providing machine instructions and / or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal for providing machine instructions and / or data to a programmable processor.

[0122] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the computer. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

[0123] The systems and techniques described herein may be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such back-end components, middleware components, or front-end components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), and the Internet.

[0124] A computer system may include clients and servers. Clients and servers are generally remote from each other and usually interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship to each other.

Claims

1. A stacked pop-up window method for an application, characterized in that: The method comprises: In response to the preset pop-up window display instruction, the interface description information of each target display window interface to be displayed is obtained, wherein the interface description information includes: the screen content address of the display interface and the screen sequence identifier of the display interface; Loading the display content of each target display window interface from the screen content address of the displayed interface; According to the display order corresponding to the screen sequence identifier of the display interface, the display content of each target display window interface is filled into each display interface frame in the preset stack display template, and all the contents contained in the preset stack display template are displayed on the application display interface; wherein each display interface frame in the preset stack display template is a display window of the same size and displayed in parallel and staggered at a preset distance; the preset stack display template also includes: a target close button, which does not overlap with each display interface frame; In response to a target close instruction, all display contents of the preset stack display template on the application display interface are closed, wherein the target close instruction is an operation instruction triggered based on a user clicking the target close button on the application display interface.

2. The method according to claim 1, characterized in that The preset stack display template also includes: a target switching button, and the method further includes: In response to a first target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

3. The method according to claim 1, characterized in that The method further comprises: In response to a second target switching instruction, the current display interface frame of the preset stacked display template is controlled to switch to the target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on the area where the target display interface frame is located on the application display interface.

4. The method according to claim 1, characterized in that: The method further comprises: Divide the display area occupied by the preset stacked display template into a main display area and a secondary display area, wherein the main display area is the display area occupied by the current display interface frame, and the secondary display area is the display area occupied by the interface frame to be displayed; The step of filling the display contents of each target display window interface into each display interface frame in a preset stacked display template according to the display order corresponding to the screen order of the display interface comprises: Determine the current display window interface according to the display order corresponding to the screen sequence identifier of the display interface, and fill the display content of the current display window interface into the main display area; And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area.

5. The method according to claim 4, characterized in that The preset stack display template also includes: a target switching button, and the method further includes: In response to the first target switching instruction, determining the next display window interface of the current display window interface as a new current display window interface, and filling the content of the new current display window interface into the main display area; Sequentially mark the display contents of each subsequent target display window interface with the new current display window interface, and fill them into the secondary display area in sequence; The first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface.

6. The method according to claim 1, characterized in that The method further comprises: A monitoring event is added to each button in the preset stack display template, and each monitoring event is executed to obtain the user's operation on the button on the application interface, and an operation instruction is generated based on the user's operation on the button on the application interface.

7. A stacked pop-up window device for an application, characterized in that: The device comprises: An acquisition module, configured to acquire, in response to a preset pop-up window display instruction, interface description information of each target display window interface to be displayed, wherein the interface description information includes: a screen content address of the display interface and a screen sequence identifier of the display interface; A loading module, used to load the display content of each target display window interface from the screen content address of the displayed interface; A filling module, used to fill the display contents of each target display window interface into each display interface frame in a preset stacked display template according to the display order corresponding to the screen order of the display interface; A display module, used to display all contents contained in the preset stacked display template on the application display interface; wherein each display interface frame in the preset stacked display template is a display window of the same size and displayed in parallel and staggered at a preset distance; the preset stacked display template also includes: a target close button, which does not overlap with each of the display interface frames; An execution module is used to close all display contents of the preset stacking display template on the application display interface in response to a target close instruction, wherein the target close instruction is an operation instruction triggered based on a user clicking the target close button on the application display interface.

8. The device according to claim 7, characterized in that The preset stack display template also includes: a target switching button, and the device also includes: a control module and a region division module, wherein the control module is used to: In response to a first target switching instruction, controlling the current display interface frame of the preset stack display template to switch to a target display interface frame, wherein the first target switching instruction is an operation instruction triggered based on a user clicking the target switching button on the application display interface; In response to a second target switching instruction, controlling the current display interface frame of the preset stacked display template to switch to the target display interface frame, wherein the second target switching instruction is an operation instruction triggered based on a user clicking on an area where the target display interface frame is located on the application display interface; The area division module is used to divide the display area occupied by the preset stacked display template into a main display area and a secondary display area, wherein the main display area is the display area occupied by the current display interface frame, and the secondary display area is the display area occupied by the interface frame to be displayed; The filling module is specifically used to identify the display order corresponding to the screen order of the display interface, determine the current display window interface, and fill the display content of the current display window interface into the main display area; And according to the display order corresponding to the screen sequence identifier of the display interface and the preset distance, the display contents of each target display window interface subsequent to the current display window interface sequence identifier are sequentially filled into the secondary display area; The filling module is further used to determine the next display window interface of the current display window interface as a new current display window interface in response to the first target switching instruction, and fill the content of the new current display window interface into the main display area; Sequentially mark the display contents of each subsequent target display window interface with the new current display window interface, and fill them into the secondary display area in sequence; The execution module is also used to add monitoring events for each button in the preset stack display template, and execute each monitoring event to obtain the user's operation on the button on the application interface, and generate operation instructions based on the user's operation on the button on the application interface.

9. An electronic device, characterized in that: The electronic device comprises: Processor; and Memory for storing programs, The program includes instructions, which, when executed by the processor, cause the processor to perform the method according to any one of claims 1 to 6.

10. A non-transitory computer-readable storage medium storing computer instructions, characterized in that: The computer instructions are used to make a computer execute the method according to any one of claims 1-6.

Images