CN112241297A - Data display method, system, computer equipment and readable storage medium - Google Patents
Data display method, system, computer equipment and readable storage medium Download PDFInfo
- Publication number
- CN112241297A CN112241297A CN201910649037.XA CN201910649037A CN112241297A CN 112241297 A CN112241297 A CN 112241297A CN 201910649037 A CN201910649037 A CN 201910649037A CN 112241297 A CN112241297 A CN 112241297A
- Authority
- CN
- China
- Prior art keywords
- layer
- pop
- target
- popup
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 230000004044 response Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 10
- 230000009471 action Effects 0.000 claims description 6
- 238000012423 maintenance Methods 0.000 abstract description 5
- 230000033772 system development Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000004984 smart glass Substances 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000003796 beauty Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application discloses a data display method, which comprises the following steps: receiving a display request, wherein the display request is used for requesting to display a target pop-up layer; acquiring a first popup layer of a plurality of popup layers in a popup layer stack according to the display request, wherein the display priority of the first popup layer is lower than that of the target popup layer; hiding the first popup layer and displaying the target popup layer. The embodiment of the application also provides a data display system, computer equipment and a computer readable storage medium. According to the embodiment of the application, the display priority information of each pop-up layer is uniformly stored in the stack of the pop-up layers, and the display priority information can be used as a basis for controlling the hiding or displaying of each pop-up layer, so that the management efficiency of the pop-up layers is improved, the code redundancy is effectively reduced, and the system development and maintenance efficiency is improved.
Description
Technical Field
The embodiment of the application relates to the technical field of internet, in particular to a data display method, a data display system, computer equipment and a readable storage medium.
Background
As the services supported by applications become more complex, a large number of pop-up layers are often involved through which content is exposed. Taking live broadcast APP as an example, in order to adapt to various services at a user side, pop-up logics of pop-up layers in live webcasts are various, and therefore, developers are required to develop pop-up control codes matched with the pop-up layers at a service side according to the pop-up logics (for example, pop-up and hidden logics based on priority) of the pop-up layers in each live webcasts, so as to meet service requirements of each live webcasts.
Based on the above-mentioned development of the pop-up layer, the present inventors considered that at least the following technical drawbacks exist: (1) the management efficiency of the popup layer is low; (2) respectively developing pop-up control codes according to pop-up logics of pop-up layers of all live webcasts, wherein the codes are redundant; (3) when the service side is upgraded or the system is maintained, in order to meet the requirements of upgrading or system maintenance, developers are required to modify each pop-up control code in sequence, so that the system is slowly upgraded and maintained.
Disclosure of Invention
In view of the above, an object of the embodiments of the present application is to provide a data presentation method, a system, a computer device, and a computer readable storage medium, which are used to solve the technical problems of low management efficiency of a pop-up layer, code redundancy, and slow system upgrade and maintenance.
One aspect of an embodiment of the present application provides a data presentation method, including: receiving a display request, wherein the display request is used for requesting to display a target pop-up layer; acquiring a first popup layer of a plurality of popup layers in a popup layer stack according to the display request, wherein the display priority of the first popup layer is lower than that of the target popup layer; hiding the first popup layer and displaying the target popup layer.
Optionally, the pop-up layer stack is configured to store the multiple pop-up layers and the display priority information of each of the multiple pop-up layers.
Optionally, the method further includes: acquiring a second popup layer in the popup layer stack, wherein the display priority of the second popup layer is equal to that of the target popup layer; hiding the second popup layer, defining the second popup layer as a temporary hidden popup layer, wherein the display priority of the temporary hidden popup layer is set to be equal to or less than the display priority of the target popup layer.
Optionally, when the presentation priority of the temporary hidden pop-up layer is set to be equal to the presentation priority of the target pop-up layer, the method further includes: receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer; and responding to the closing request, closing the target pop-up layer, and displaying the temporary hidden pop-up layer.
Optionally, when the presentation priority of the temporary hidden pop-up layer is set to be smaller than the presentation priority of the target pop-up layer, the method further includes: receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer; and responding to the closing request, closing the target pop-up layer, and executing pop-up callback operation to confirm a closing event corresponding to the target pop-up layer.
Optionally, the method further includes: detecting whether the target pop-up layer is associated with a parent view, whether the target pop-up layer is in a popped-up state and whether the target pop-up layer is allowed to pop up; responding to the display request if the target pop-up layer is associated with a parent view, is not in a popped-up state and is allowed to pop up; refusing to respond to the presentation request if the target pop-up layer is not associated with a parent view, is in a popped-up state, or is not allowed to pop-up.
Optionally, the target pop-up layer is obtained by pre-configuring a pop-up layer template, where the pop-up layer template is a general template matched with a service scene of a live webcast room; the universal template comprises a plurality of configuration interfaces, and the plurality of configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of a target pop-up layer; the universal template comprises a first universal template and a second universal template, wherein the first universal template is configured to be rectangular and three sides of the first universal template respectively abut against the edge of a preset display area in a display state, and the second universal template is configured to be rectangular and has adjustable display position parameters.
Optionally, the blank area of the target pop-up layer is configured as a close event trigger area, and the close event trigger area is used for closing the target pop-up layer according to a user operation.
An aspect of an embodiment of the present application further provides a data presentation system, including: the receiving module is used for receiving a display request, and the display request is used for requesting to display a target pop-up layer; a response module, configured to, according to the display request: acquiring a first popup layer of a plurality of popup layers in a popup layer stack, wherein the display priority of the first popup layer is lower than that of the target popup layer; hiding the first pop-up layer; and displaying the target pop-up layer.
An aspect of the embodiments of the present application further provides a computer device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor executes the computer program to implement the steps of the data presentation method.
An aspect of the embodiments of the present application further provides a computer-readable storage medium, including a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor executes the computer program to implement the steps of the data presentation method.
According to the data display method, the data display system, the computer equipment and the computer readable storage medium, the display priority information of each pop-up layer is uniformly stored in the stack of the pop-up layers, and the display priority information can be used as a basis for controlling the hiding or displaying of each pop-up layer, so that the management efficiency of the pop-up layers is improved, and the structure and the UI (user interface) level of a live broadcast room are clearer. In addition, pop-up control codes do not need to be developed respectively according to pop-up logic (priority logic) of pop-up layers of all live webcasts, and code redundancy is effectively reduced. It can be easily understood that when the service side is upgraded or the system is maintained, the pop-up logics of all the pop-up layers can be changed without a developer undertaking a large amount of code writing and modifying work, so that the fatigue strength of the developer is reduced, and the system development and maintenance efficiency is improved.
Drawings
FIG. 1 is a diagram schematically illustrating an application environment of a data presentation method according to a first embodiment of the present application;
FIG. 2 is a flow chart schematically illustrating a data presentation method according to a first embodiment of the present application;
FIG. 3 schematically illustrates a pop-up layer view according to an embodiment of the present application;
FIG. 4 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 5 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 6 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 7 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 8 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 9 schematically illustrates another pop-up layer view according to an embodiment of the present application;
FIG. 10 schematically shows a flow chart of a data presentation method according to a second embodiment of the present application;
FIG. 11 schematically shows a block diagram of a data presentation system according to a third embodiment of the present application; and
fig. 12 schematically shows a hardware architecture diagram of a computer device suitable for implementing the data presentation method according to the fourth embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application more clearly understood, the embodiments of the present application are described in further detail below with reference to the accompanying drawings and the embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the embodiments of the application and are not intended to limit the embodiments of the application. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present application without any creative effort belong to the protection scope of the embodiments in the present application.
It should be noted that the description relating to "first", "second", etc. in the present invention is for descriptive purposes only and is not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In addition, technical solutions between various embodiments may be combined with each other, but must be realized by a person skilled in the art, and when the technical solutions are contradictory or cannot be realized, such a combination should not be considered to exist, and is not within the protection scope of the present invention.
Fig. 1 schematically shows an environment application diagram of a data presentation method according to a first embodiment of the present application. In an exemplary embodiment, the computer device 2, as the user side, may be connected to the service side 4 through the network 6 in an exemplary embodiment.
The computer device 2 may be configured to access content and services of the service side 4. The computer device 2 may include any type of computing device, such as a mobile device, a tablet device, a laptop computer, a computing station, a smart device (e.g., smart apparel, smart watch, smart speaker, smart glasses), a virtual reality device, a gaming device, a set-top box, a digital streaming device, a robot, a vehicle terminal, a smart television, a television box, an e-book reader, an MP3 (moving picture experts group audio layer III) player, an MP4 (moving picture experts group audio layer IV) player, and so forth.
In an exemplary embodiment, the computer device 2 may include an application 8 (e.g., a live-class APP). The application 8 outputs (e.g., displays, renders) the content to the user. The content may be presented in a page, which may include video, audio, comments, text data and/or the like, or may pop up a layer of content to present a portion of the content, such as a dialog box or the like.
The computer device 2 may include a user interface 10, which may be configured to receive user instructions. In some embodiments, computer device 2 may operate according to user instructions, such as a custom pop-up layer or a parent view of a pop-up layer, with service side 4 configuration, etc.
Example one
Fig. 2 schematically shows a flow chart of a data presentation method according to a first embodiment of the present application. It is understood that the present method embodiment may be implemented in the computer device 2 and the flow chart of the present method embodiment is not intended to limit the order in which the steps are performed.
As shown in fig. 2, the data presentation method may include steps S200 to S206, in which:
step S200, receiving a display request, wherein the display request is used for requesting to display a target pop-up layer.
In the exemplary embodiment, a pop-up layer manager for uniformly controlling operations of popping up, hiding, and collapsing of respective pop-up layers is pre-configured in the computer device 2. For example, the pop-up layer manager receives a display request of a business party for a target pop-up layer, and executes a response operation based on the display request. Taking the live APP as an example, the service party may be each live webcast room. When one of the webcast rooms initiates a pop-up layer requirement for a target pop-up layer, the webcast room is a service party corresponding to the target pop-up layer.
Step S202, according to the display request, a first pop-up layer of a plurality of pop-up layers in the pop-up layer stack is obtained.
The first pop-up layer may be all pop-up layers in the pop-up layer stack, where the presentation priority is lower than that of the target pop-up layer.
The pop-up layer stack is used for uniformly storing the plurality of pop-up layers and the display priority information of each pop-up layer in the plurality of pop-up layers.
For example, the target pop-up layer is a high-priority pop-up layer, and the pop-up layer stack includes a high-priority pop-up layer E, a medium-priority pop-up layer M, and a low-priority pop-up layer N. After receiving the display request, the pop-up layer manager queries and obtains a pop-up layer M and a pop-up layer N which are lower in priority than the target pop-up layer in the pop-up layer stack.
Step S204, hiding the first popup layer.
Hiding the first pop-up layer, such as pop-up layer M and pop-up layer N.
In an exemplary embodiment, hiding the pop-up layer M and the pop-up layer N, and deleting the pop-up layer M and the pop-up layer N not only ensures that the target pop-up layer does not receive interference when being displayed (popped up), but also reduces the management burden of the pop-up layer stack.
And step S206, displaying the target popup layer.
The target pop-up layer may be popped up to a preset display area of the computer device 2 with a preset title, picture, action, and presentation animation. The settings for these titles, pictures, actions, and presentation animations may be based on a pop-up layer template configuration. The details are as follows.
The target pop-up layer, the pop-up layer E, the pop-up layer M, the pop-up layer N and the like in the pop-up layer stack can be obtained by pre-configuring pop-up layer templates, and the pop-up layer templates are general templates matched with service scenes of the live webcast room. The general template comprises a plurality of configuration interfaces, and the plurality of configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of the target pop-up layer. The universal template comprises a first universal template and a second universal template, wherein the first universal template is configured to be rectangular and three sides of the first universal template respectively abut against the edge of a preset display area in a display state, and the second universal template is configured to be rectangular and has adjustable display position parameters.
Wherein: the first general template is positioned below the father view in a display state, the bottom edge of the first general template is superposed with the bottom edge of the father view, and the side edges at two sides are correspondingly superposed with the side edges at two sides of the father view. The second universal template comprises size information and a position control item, wherein the size information comprises height and width thereof, and the position control item comprises template center height and template center width; the template center height is used for expressing the distance between the center of the second universal template and the bottom edge of the parent view, and the template center width is used for expressing the distance between the center of the second universal template and the left side edge of the parent view.
For example:
as shown in FIGS. 3-6, the pop-up layer is configured based on a first generic template: fig. 3 corresponds to a pop-up layer created with a list as the content of the pop-up layer, fig. 4 corresponds to a pop-up layer created with a beauty as the content of the pop-up layer, fig. 5 corresponds to a pop-up layer created with an input method and an expression as the content of the pop-up layer, and fig. 6 corresponds to a pop-up layer created with a fighting record as the content of the pop-up layer. The display animation of the pop-up layer can be a fly-in effect, a shutter effect, a move from bottom to interface, a move from left to interface, a move from right to page, or pop-up from the center of the interface.
As shown in FIGS. 7-9, the pop-up layer is configured based on the second general template: fig. 7 corresponds to a popup layer created with anchor information as popup layer content, fig. 8 corresponds to a popup layer created with anchor name, contribution list click box, big navigation click box, and matching status as popup layer content, and fig. 9 corresponds to an alert dialog as popup layer. It will be understood that the display animation of the pop-up layer may also be a fly-in effect, a shutter effect, a move from down to the interface, a move from left to the interface, a move from right to the page, or pop-up from the center of the interface.
Based on the pop-up layer template, redundant construction and animation codes can be reduced, and the pop-up layer development efficiency is improved.
In an exemplary embodiment, the target pop-up layer and the pop-up layer E, the pop-up layer M, the pop-up layer N, and the like in the pop-up layer stack may have respective blank areas configured as a closing event trigger area for closing the target pop-up layer according to a user operation. Taking the target pop-up layer as an example, the target pop-up layer is displayed in a preset display area of the computer device 2, and when a blank area in the target pop-up layer monitors user operations such as touch control or mouse click, the target pop-up layer needs to be closed to respond to the user operations.
The data display method in the first embodiment of the application comprises the following steps:
one is as follows: by uniformly storing the display priority information of each pop-up layer in the pop-up layer stack, the display priority information can be used as a basis for controlling the hiding or display of each pop-up layer, so that the structure and the UI hierarchy of the live broadcast room are clearer. In the prior art, a corresponding pop-up logic (for example, pop-up and hidden logic based on priority) is configured for the pop-up layer of each live broadcast room, and when different pop-up logics are used in a plurality of live broadcast rooms, an upper-layer system is required to judge the priorities of the pop-up logics, so that the management efficiency is low. Therefore, compared with the prior art, the display and hiding of each pop-up layer are controlled based on the display priority information of each pop-up layer in the stack of the pop-up layers, and the management efficiency of the pop-up layers is effectively improved.
The second step is as follows: the pop-up control codes do not need to be developed respectively according to the pop-up logic (priority logic) of the pop-up layer of each live webcast room, and code redundancy is effectively reduced.
And thirdly: when the service side is upgraded or the system is maintained, developers do not need to undertake a large amount of code writing and modifying work, the popup logics of all popup layers can be changed, the fatigue strength of the developers is reduced, and the system development and maintenance efficiency is improved.
Example two
Fig. 10 schematically shows a flow chart of a data presentation method according to the second embodiment of the present application. It is understood that the present method embodiment may be implemented in the computer device 2 and the flow chart of the present method embodiment is not intended to limit the order in which the steps are performed.
As shown in fig. 10, the data presentation method may include steps S300 to S306, in which:
step S300, receiving a display request, wherein the display request is used for requesting to display a target pop-up layer.
Step S302, judging that the target pop-up layer is associated with a parent view. If yes, go to step S304; otherwise, refusing to respond to the display request.
In an exemplary embodiment, it may be detected by the view controller whether the target pop-up layer is associated with a parent view. For example, the code "if (view. superview) return may be utilized; "to determine if the target pop-up layer has a parent view. It is understood that by detecting whether the target pop-up layer is associated with the parent view, the problem that the target pop-up layer cannot be displayed after being popped up without the associated parent view can be avoided.
Step S304, judging whether the target popup layer is in a popped state. If yes, refusing to respond to the display request; otherwise, the process proceeds to step S306.
In an exemplary embodiment, it may be determined whether the target pop-up layer is included in the pop-up layer stack. If the pop-up layer stack comprises the target pop-up layer, the target pop-up layer is in a popped-up state (a display state), so that the response to the display request can be refused to avoid the target pop-up layer being popped up repeatedly.
Step S306, judging whether the target popup layer is allowed to be popped up. If yes, go to step S308; otherwise, refusing to respond to the display request.
For example, the system authority is read, and whether the target ejection layer has the authority to eject is judged.
Step S308, according to the display request, a first pop-up layer of a plurality of pop-up layers in the pop-up layer stack is obtained. The display priority of the first popup layer is lower than that of the target popup layer.
The pop-up layer stack is used for uniformly storing the plurality of pop-up layers and the display priority information of each pop-up layer in the plurality of pop-up layers.
For example, the target pop-up layer is a high-priority pop-up layer, and the pop-up layer stack includes a high-priority pop-up layer E, a medium-priority pop-up layer M, and a low-priority pop-up layer N. After receiving the display request, the pop-up layer manager queries and obtains a pop-up layer M and a pop-up layer N which are lower in priority than the target pop-up layer in the pop-up layer stack.
Step S310, hiding the first popup layer.
Hiding the first pop-up layer, such as pop-up layer M and pop-up layer N.
Step S312, obtain a second pop-up layer in the pop-up layer stack.
The display priority of the second popup layer is equal to the display priority of the target popup layer, such as popup layer E.
Step S314, hiding the second pop-up layer, and defining the second pop-up layer as a temporary hidden pop-up layer.
The presentation priority of the temporary hidden pop-up layer is set to be equal to or less than the presentation priority of the target pop-up layer.
And step S316, displaying the target popup layer.
Step S318, receiving a closing request, where the closing request is used to request to close the target pop-up layer.
Step S320, in response to the closing request, closing the target pop-up layer.
Illustratively, the target Pop-up layer may be closed by calling a Pop method, Pop being a Pop-up layer plug-in written based on jQuery.
In step S322, it is determined whether a temporary hidden pop-up layer exists. If yes, go to step S324; otherwise, the process proceeds to step S328.
In step S324, it is determined whether the display priority of the temporary hidden pop-up layer is equal to the display priority of the target pop-up layer. If yes, go to step S326; otherwise, the process proceeds to step S328.
Step S326, displaying the temporary hidden pop-up layer.
In step S328, a pop callback operation is performed to confirm the close event corresponding to the target pop-up layer.
The data display method in the second embodiment of the application:
the pop-up layers with the same display priority are processed by setting the temporary hidden pop-up layers, so that different pop-up logic requirements of each live webcast room on the pop-up layers with the same display priority are met, and the management complexity of each live webcast room on the pop-up layers is reduced.
EXAMPLE III
Fig. 11 schematically illustrates a block diagram of a communication system that may be partitioned into one or more program modules, which are stored in a storage medium and executed by one or more processors to implement an embodiment of the present application, according to a third embodiment of the present application. The program modules referred to in the embodiments of the present application refer to a series of computer program instruction segments capable of performing specific functions, and are more suitable for describing the execution process of the data presentation system in the storage medium than the program itself.
As shown in fig. 11, the data presentation system 1100 may include a receiving module 1110 and a response module 1120, wherein:
the receiving module 1110 is configured to receive a display request, where the display request is used to request to display a target pop-up layer.
A response module 1120, configured to, according to the display request: acquiring a first popup layer of a plurality of popup layers in a popup layer stack, wherein the display priority of the first popup layer is lower than that of the target popup layer; hiding the first pop-up layer; and displaying the target pop-up layer.
In an exemplary embodiment, the pop-up layer stack is configured to store the plurality of pop-up layers and presentation priority information of each of the plurality of pop-up layers.
In an exemplary embodiment, the response module 1120 is further configured to: acquiring a second popup layer in the popup layer stack, wherein the display priority of the second popup layer is equal to that of the target popup layer; hiding the second popup layer, defining the second popup layer as a temporary hidden popup layer, wherein the display priority of the temporary hidden popup layer is set to be equal to or less than the display priority of the target popup layer.
In an exemplary embodiment, when the presentation priority of the temporary hidden pop-up layer is set to be equal to the presentation priority of the target pop-up layer, the receiving module 1110 is further configured to: and receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer. The shutdown module is to: and closing the target pop-up layer in response to the closing request. The response module 1120 is further configured to: and displaying the temporary hiding pop-up layer.
In an exemplary embodiment, when the presentation priority of the temporary hidden pop-up layer is set to be equal to the presentation priority of the target pop-up layer, the receiving module 1110 is further configured to: and receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer. The response module 1120 is further configured to: and responding to the closing request, closing the target pop-up layer, and executing a pop-up callback operation to confirm a closing event corresponding to the target pop-up layer.
In an exemplary embodiment, the response module 1120 is further configured to: detecting whether the target pop-up layer is associated with a parent view, whether the target pop-up layer is in a popped-up state and whether the target pop-up layer is allowed to pop up; responding to the display request if the target pop-up layer is associated with a parent view, is not in a popped-up state and is allowed to pop up; and refusing to respond to the display request if the target pop-up layer is not associated with a parent view, is in a popped-up state or is not allowed to pop up.
In an exemplary embodiment, the target pop-up layer is obtained by pre-configuring a pop-up layer template, and the pop-up layer template is a general template matched with a service scene of a live webcast room. The universal template comprises a plurality of configuration interfaces, and the plurality of configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of a target pop-up layer; the universal template comprises a first universal template and a second universal template, wherein the first universal template is configured to be rectangular and three sides of the first universal template respectively abut against the edge of a preset display area in a display state, and the second universal template is configured to be rectangular and has adjustable display position parameters.
In an exemplary embodiment, the blank area of the target pop-up layer is configured as a close event trigger area, and the close event trigger area is used for closing the target pop-up layer according to a user operation.
Example four
Fig. 12 schematically shows a hardware architecture diagram of a computer device suitable for implementing the data presentation method according to the fourth embodiment of the present application. In the present embodiment, the computer device 2 is a device capable of automatically performing numerical calculation and/or information processing in accordance with a command set in advance or stored. For example, mobile devices, tablet devices, laptop computers, computing stations, smart devices (e.g., smart apparel, smart watches, smart speakers, smart glasses), gaming devices, set-top boxes, digital streaming devices, vehicle terminals, smart televisions, television boxes, e-book readers, MP3 (moving picture experts group audio layer III) players, MP4 (moving picture experts group audio layer IV) players, and server-based virtual terminal devices, among others. As shown in fig. 12, the computer device 2 includes at least, but is not limited to: the memory 1210, processor 1220, and network interface 1230 may be communicatively linked to each other via a system bus. Wherein:
the memory 1210 includes at least one type of computer-readable storage medium including a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the memory 1210 may be an internal storage module of the computer device 2, such as a hard disk or a memory of the computer device 2. In other embodiments, the memory 1210 may also be an external storage device of the computer device 2, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the computer device 2. Of course, memory 1210 may also include both internal and external memory modules of computer device 2. In this embodiment, the memory 1210 is generally used for storing an operating system installed on the computer device 2 and various application software, such as program codes of the data presentation method. In addition, the memory 1210 may also be used to temporarily store various types of data that have been output or are to be output.
Processor 1220 may, in some embodiments, be a Central Processing Unit (CPU), controller, microcontroller, microprocessor, or other data Processing chip. The processor 1220 is generally used for controlling the overall operation of the computer device 2, such as performing control and processing related to data interaction or communication with the computer device 2. In this embodiment, the processor 1220 is used to execute program codes stored in the memory 1210 or process data.
Network interface 1230, which may comprise a wireless network interface or a wired network interface, is typically used for establishing communication links between computer device 2 and other computer devices 1230. For example, the network interface 1230 is used to connect the computer device 2 to an external terminal via a network, establish a data transmission channel and a communication link between the computer device 2 and the external terminal, and the like. The network may be a wireless or wired network such as an Intranet (Intranet), the Internet (Internet), a Global System of Mobile communication (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth (Bluetooth), or Wi-Fi.
It is noted that fig. 12 only shows a computer device having components 1210 and 1230, but it is to be understood that not all of the shown components are required to be implemented, and that more or fewer components can be implemented instead.
In this embodiment, the data presentation method stored in the memory 1210 may be further divided into one or more program modules and executed by one or more processors (in this embodiment, the processor 1220) to complete the present invention.
EXAMPLE five
The present embodiment also provides a computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, implements the steps of the data presentation method in the embodiments.
In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the computer readable storage medium may be an internal storage unit of the computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the computer device. Of course, the computer-readable storage medium may also include both internal and external storage devices of the computer device. In this embodiment, the computer-readable storage medium is generally used for storing an operating system and various types of application software installed in the computer device, for example, the program codes of the data presentation method in the embodiment, and the like. Further, the computer-readable storage medium may also be used to temporarily store various types of data that have been output or are to be output.
It will be apparent to those skilled in the art that the modules or steps of the embodiments of the invention described above may be implemented by a general purpose computing device, they may be centralized on a single computing device or distributed across a network of multiple computing devices, and alternatively, they may be implemented by program code executable by a computing device, such that they may be stored in a storage device and executed by a computing device, and in some cases, the steps shown or described may be performed in an order different than that described herein, or they may be separately fabricated into individual integrated circuit modules, or multiple ones of them may be fabricated into a single integrated circuit module. Thus, embodiments of the invention are not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.
Claims (11)
1. A method for presenting data, the method comprising:
receiving a display request, wherein the display request is used for requesting to display a target pop-up layer;
acquiring a first popup layer of a plurality of popup layers in a popup layer stack according to the display request, wherein the display priority of the first popup layer is lower than that of the target popup layer; and
hiding the first popup layer and displaying the target popup layer.
2. The data presentation method of claim 1, wherein the pop-up layer stack is configured to store the plurality of pop-up layers and presentation priority information of each of the plurality of pop-up layers.
3. The method of claim 1, further comprising:
acquiring a second popup layer in the popup layer stack, wherein the display priority of the second popup layer is equal to that of the target popup layer;
hiding the second popup layer, defining the second popup layer as a temporary hidden popup layer, wherein the display priority of the temporary hidden popup layer is set to be equal to or less than the display priority of the target popup layer.
4. The data presentation method according to claim 3, wherein when the presentation priority of the temporary hidden pop-up layer is set to be equal to the presentation priority of the target pop-up layer, the method further comprises:
receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer; and
in response to the close request: and closing the target pop-up layer and displaying the temporary hidden pop-up layer.
5. The data presentation method according to claim 3, wherein when the presentation priority of the temporary hidden pop-up layer is set to be smaller than the presentation priority of the target pop-up layer, the method further comprises:
receiving a closing request, wherein the closing request is used for requesting to close the target pop-up layer; and
in response to the close request: and closing the target pop-up layer, and executing pop-up callback operation to confirm a closing event corresponding to the target pop-up layer.
6. The method of claim 1, further comprising:
detecting whether the target pop-up layer is associated with a parent view, whether the target pop-up layer is in a popped-up state and whether the target pop-up layer is allowed to pop up;
responding to the display request if the target pop-up layer is associated with a parent view, is not in a popped-up state and is allowed to pop up; and
refusing to respond to the presentation request if the target pop-up layer is not associated with a parent view, is in a popped-up state, or is not allowed to pop-up.
7. The data display method according to any one of claims 1 to 6, wherein the target popup layer is obtained by pre-configuring a popup layer template, and the popup layer template is a general template matched with a service scene of a live webcast room;
the universal template comprises a plurality of configuration interfaces, and the plurality of configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of a target pop-up layer; the universal template comprises a first universal template and a second universal template, wherein the first universal template is configured to be rectangular and three sides of the first universal template respectively abut against the edge of a preset display area in a display state, and the second universal template is configured to be rectangular and has adjustable display position parameters.
8. The data presentation method according to any one of claims 1 to 6, wherein a blank area of the target pop-up layer is configured as a closing event trigger area, and the closing event trigger area is used for closing the target pop-up layer according to a user operation.
9. A data presentation system, the system comprising:
the receiving module is used for receiving a display request, and the display request is used for requesting to display a target pop-up layer;
a response module, configured to, according to the display request:
acquiring a first popup layer of a plurality of popup layers in a popup layer stack, wherein the display priority of the first popup layer is lower than that of the target popup layer;
hiding the first pop-up layer; and
and displaying the target pop-up layer.
10. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the steps of the method of any of claims 1 to 8 are implemented by the processor when executing the computer program.
11. A computer-readable storage medium, having stored thereon a computer program, the computer program being executable by at least one processor to cause the at least one processor to perform the steps of the method according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910649037.XA CN112241297B (en) | 2019-07-18 | 2019-07-18 | Data display method, system, computer equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910649037.XA CN112241297B (en) | 2019-07-18 | 2019-07-18 | Data display method, system, computer equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112241297A true CN112241297A (en) | 2021-01-19 |
| CN112241297B CN112241297B (en) | 2024-05-14 |
Family
ID=74167968
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910649037.XA Active CN112241297B (en) | 2019-07-18 | 2019-07-18 | Data display method, system, computer equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112241297B (en) |
Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105930166A (en) * | 2016-05-09 | 2016-09-07 | 统通信（苏州）有限公司 | Method based on WEB interface pop-up layers |
| US20160342285A1 (en) * | 2014-06-30 | 2016-11-24 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for displaying popup window message |
| CN106484509A (en) * | 2016-09-27 | 2017-03-08 | 腾讯科技（深圳）有限公司 | A kind of output intent of pop-up, device and terminal |
| CN106502804A (en) * | 2016-10-31 | 2017-03-15 | 武汉斗鱼网络科技有限公司 | A kind of pop-up methods of exhibiting and system based on queue structure |
| CN106648641A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Automatic management method and system for multi-level pop-up boxes on iOS system device |
| CN107153545A (en) * | 2017-05-09 | 2017-09-12 | 北京酷我科技有限公司 | A kind of method that pop-up is managed collectively in iOS system |
| CN107463440A (en) * | 2017-09-14 | 2017-12-12 | 北京奇艺世纪科技有限公司 | A kind of pop-up methods of exhibiting and device |
| CN108021419A (en) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | A kind of ejection layer shows control method and device |
| CN108228841A (en) * | 2018-01-08 | 2018-06-29 | 有米科技股份有限公司 | Method, apparatus, storage medium and the computer equipment of intelligent aggregation information |
| CN108289157A (en) * | 2017-01-26 | 2018-07-17 | 京瓷办公信息系统株式会社 | Display input device and image forming apparatus |
| CN108664308A (en) * | 2018-05-15 | 2018-10-16 | 北京五八信息技术有限公司 | A kind of management method, device, storage medium and the terminal of pop-up task |
| CN108717371A (en) * | 2018-05-17 | 2018-10-30 | 成都六零加信息技术有限公司 | A kind of pop-up window management method and device |
| CN109358935A (en) * | 2018-09-29 | 2019-02-19 | 北京金山安全软件有限公司 | Control method and device for popup window display, terminal equipment and storage medium |
| CN109634609A (en) * | 2018-12-21 | 2019-04-16 | 江苏满运软件科技有限公司 | Display methods, system, equipment and the storage medium of dynamic pop-up |
| CN109885364A (en) * | 2019-01-18 | 2019-06-14 | 深圳壹账通智能科技有限公司 | For showing the method, apparatus, computer equipment and storage medium of information |
-
2019
- 2019-07-18 CN CN201910649037.XA patent/CN112241297B/en active Active
Patent Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160342285A1 (en) * | 2014-06-30 | 2016-11-24 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for displaying popup window message |
| CN105930166A (en) * | 2016-05-09 | 2016-09-07 | 统通信（苏州）有限公司 | Method based on WEB interface pop-up layers |
| CN106484509A (en) * | 2016-09-27 | 2017-03-08 | 腾讯科技（深圳）有限公司 | A kind of output intent of pop-up, device and terminal |
| CN106502804A (en) * | 2016-10-31 | 2017-03-15 | 武汉斗鱼网络科技有限公司 | A kind of pop-up methods of exhibiting and system based on queue structure |
| CN108021419A (en) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | A kind of ejection layer shows control method and device |
| CN106648641A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Automatic management method and system for multi-level pop-up boxes on iOS system device |
| CN108289157A (en) * | 2017-01-26 | 2018-07-17 | 京瓷办公信息系统株式会社 | Display input device and image forming apparatus |
| CN107153545A (en) * | 2017-05-09 | 2017-09-12 | 北京酷我科技有限公司 | A kind of method that pop-up is managed collectively in iOS system |
| CN107463440A (en) * | 2017-09-14 | 2017-12-12 | 北京奇艺世纪科技有限公司 | A kind of pop-up methods of exhibiting and device |
| CN108228841A (en) * | 2018-01-08 | 2018-06-29 | 有米科技股份有限公司 | Method, apparatus, storage medium and the computer equipment of intelligent aggregation information |
| CN108664308A (en) * | 2018-05-15 | 2018-10-16 | 北京五八信息技术有限公司 | A kind of management method, device, storage medium and the terminal of pop-up task |
| CN108717371A (en) * | 2018-05-17 | 2018-10-30 | 成都六零加信息技术有限公司 | A kind of pop-up window management method and device |
| CN109358935A (en) * | 2018-09-29 | 2019-02-19 | 北京金山安全软件有限公司 | Control method and device for popup window display, terminal equipment and storage medium |
| CN109634609A (en) * | 2018-12-21 | 2019-04-16 | 江苏满运软件科技有限公司 | Display methods, system, equipment and the storage medium of dynamic pop-up |
| CN109885364A (en) * | 2019-01-18 | 2019-06-14 | 深圳壹账通智能科技有限公司 | For showing the method, apparatus, computer equipment and storage medium of information |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112241297B (en) | 2024-05-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9959027B1 (en) | Displaying an image on an irregular screen | |
| US20210303108A1 (en) | System and method for on-screen graphical user interface encapsulation and reproduction | |
| CN102356375A (en) | Smooth layout animation of continuous and non-continuous properties | |
| CN111045675B (en) | Page generation method, device, equipment and storage medium based on Flutter | |
| WO2018130085A1 (en) | Method and apparatus for page presentation | |
| CN115097971B (en) | Display control method of popup frame and related device | |
| TW201617839A (en) | Light dismiss manager | |
| CN106843794B (en) | Split screen display method and system based on android | |
| CN113268212A (en) | Screen projection method and device, storage medium and electronic equipment | |
| CN111033465B (en) | Terminal device, UI extension method, and recording medium | |
| CN113055750A (en) | Live broadcast method, device, terminal and storage medium | |
| CN112130951A (en) | AI-based RPA flow generation end flow generation method, equipment and storage medium | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| CN107562324B (en) | Data display control method and terminal | |
| CN105593810A (en) | Application-to-application launch windowing | |
| CN110333859B (en) | Page creation method, page creation device, electronic device and computer readable storage medium | |
| CN112241297B (en) | Data display method, system, computer equipment and readable storage medium | |
| CN107391144B (en) | View display method and device | |
| CN109416638B (en) | Customizable compact overlay window | |
| CN111368234A (en) | Window adjusting method, device and storage medium | |
| EP3848800B1 (en) | Method and apparatus for displaying message box, terminal and storage medium | |
| CN109471410B (en) | Dynamic preview generation in a product lifecycle management environment | |
| CN112527422B (en) | View updating method, device, equipment and storage medium | |
| CN111399928A (en) | Application program starting method and device, electronic equipment and readable storage medium | |
| KR101586168B1 (en) | Framework System of web TV service platform and operating method thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |