CN112241297B - 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
- CN112241297B CN112241297B CN201910649037.XA CN201910649037A CN112241297B CN 112241297 B CN112241297 B CN 112241297B CN 201910649037 A CN201910649037 A CN 201910649037A CN 112241297 B CN112241297 B CN 112241297B
- Authority
- CN
- China
- Prior art keywords
- layer
- pop
- target
- display
- popup
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 230000004044 response Effects 0.000 claims description 16
- 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
- 238000004891 communication Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 239000004984 smart glass Substances 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 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
- 230000007613 environmental effect Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
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; according to the display request, a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack is obtained, and the display priority of the first pop-up layer is lower than that of the target pop-up 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 pop-up layer stack, and 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 layer 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 system, computer equipment and a readable storage medium.
Background
As services supported by applications become more complex, a large number of popup layers are often involved through which content is presented. Taking a live broadcast APP as an example, in order to adapt to various services on a user side, pop-up logic of pop-up layers of a network living broadcast room is various, so that a developer needs to develop pop-up control codes matched with each pop-up layer according to the pop-up logic (e.g., pop-up and hidden logic based on priority) of the pop-up layers of each network living broadcast room on a service side so as to meet service requirements of each network living broadcast room.
Based on the development manner of the above-mentioned ejection layer, the present inventors consider that at least the following technical drawbacks exist: (1) pop-up layer management is inefficient; (2) Respectively developing popup control codes according to popup logic of popup layers of each network living broadcast room, and realizing code redundancy; (3) When the service side is upgraded or the system is maintained, in order to meet the upgrade or system maintenance requirements, developers are required to sequentially modify each popup control code, so that the system is upgraded and maintained slowly.
Disclosure of Invention
In view of the above, an object of the embodiments of the present application is to provide a data display method, system, computer device and computer readable storage medium for solving the technical problems of low management efficiency, code redundancy and slow system upgrade and maintenance of the pop-up layer.
An aspect of an embodiment of the present application provides a data display method, including: receiving a display request, wherein the display request is used for requesting to display a target pop-up layer; according to the display request, a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack is obtained, and the display priority of the first pop-up layer is lower than that of the target pop-up layer; hiding the first popup layer and displaying the target popup layer.
Optionally, the pop-up layer stack is configured to store the plurality of pop-up layers and presentation priority information of each pop-up layer in the plurality of pop-up layers.
Optionally, the method further comprises: acquiring a second pop-up layer in the pop-up layer stack, wherein the display priority of the second pop-up layer is equal to the display priority of the target pop-up layer; and hiding the second popup layer, wherein the second popup layer is defined as a temporary hiding popup layer, and the display priority of the temporary hiding popup layer is set to be equal to or smaller than the display priority of the target popup layer.
Optionally, when the presentation priority of the temporary hidden popup layer is set equal to the presentation priority of the target popup 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 closing the target pop-up layer in response to the closing request, and displaying the temporary hidden pop-up layer.
Optionally, when the presentation priority of the temporary hidden popup layer is set to be smaller than the presentation priority of the target popup 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 closing the target pop-up layer in response to the closing request, and performing a pop-up callback operation to confirm a closing event corresponding to the target pop-up layer.
Optionally, the method further comprises: detecting whether the target pop-up layer is associated with a parent view, whether the target pop-up layer is in a popped 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 state and is allowed to pop-up; if the target pop-up layer is not associated with a parent view, is in a popped state, or is not allowed to pop-up, then responding to the presentation request is denied.
Optionally, the target pop-up layer is pre-configured by a pop-up layer template, and the pop-up layer template is a universal template matched with the network live broadcasting room service scene; the universal template comprises a plurality of configuration interfaces, wherein the configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of the target popup layer; the universal templates comprise a first universal template and a second universal template, wherein the first universal template is configured into a rectangular shape and three sides of the first universal template respectively lean against the edge of a preset display area in a display state, and the second universal template is configured into a rectangular shape and provided with adjustable display position parameters.
Optionally, the 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.
An aspect of an embodiment of the present application further provides a data presentation system, the system including: the receiving module is used for receiving a display request, wherein the display request is used for requesting to display the target popup layer; the response module is used for responding to the display request: acquiring a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack, wherein the display priority of the first pop-up layer is lower than that of the target pop-up layer; concealing the first pop-up layer; and displaying the target pop-up layer.
An aspect of an embodiment 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, the processor implementing the steps of the data presentation method as described above when the computer program is executed.
An aspect of the embodiments of the present application further provides a computer readable storage medium comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the steps of the data presentation method as described above when the computer program is executed.
According to the data display method, the system, the computer equipment and the computer readable storage medium, the display priority information of each pop-up layer is uniformly stored in the pop-up layer stack, and can be used as a basis for controlling hiding or displaying of each pop-up layer, so that the management efficiency of the pop-up layer is improved, and the live broadcasting room structure and the UI level are clearer. In addition, the pop-up control codes do not need to be developed according to the pop-up logic (priority logic) of the pop-up layer of each network living broadcast room, so that the code redundancy is effectively reduced. It will be appreciated that when the service side is upgraded or the system is maintained, the popup logic of all popup layers can be changed without the need of a developer to undertake a great deal 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 schematically shows an application environment diagram of a data presentation method according to a first embodiment of the present application;
FIG. 2 schematically illustrates a flow chart of a data presentation method according to a first embodiment of the 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 in accordance with an embodiment of the present application;
FIG. 6 schematically illustrates another pop-up layer view in accordance with an embodiment of the present application;
FIG. 7 schematically illustrates another pop-up layer view in accordance with an embodiment of the present application;
FIG. 8 schematically illustrates another pop-up layer view in accordance with an embodiment of the present application;
FIG. 9 schematically illustrates another pop-up layer view in accordance with 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 application;
FIG. 11 schematically illustrates a block diagram of a data presentation system according to a third embodiment of the application; and
Fig. 12 schematically shows a hardware architecture diagram of a computer device adapted to implement a data presentation method according to a 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 apparent, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the detailed description and specific examples, while indicating the embodiment of the application, are intended for purposes of illustration only and are not intended to limit the scope of the application. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the embodiments of the present application.
It should be noted that the description of "first", "second", etc. in this disclosure is for descriptive purposes only and is not to be construed as indicating or implying a relative importance or implying an indication of the number of technical features being indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include at least one such feature. In addition, the technical solutions of the embodiments may be combined with each other, but it is necessary to base that the technical solutions can be realized by those skilled in the art, and when the technical solutions are contradictory or cannot be realized, the combination of the technical solutions should be considered to be absent and not within the scope of protection claimed in the present invention.
Fig. 1 schematically shows an environmental application diagram of a data presentation method according to a first embodiment of the present application. In the exemplary embodiment, computer device 2 acts as a user side, and service side 4 may be connected via network 6.
The computer device 2 may be configured to access the content and services of the service side 4. The computer device 2 may include any type of computing device, such as a mobile device, tablet device, laptop computer, computing station, smart device (e.g., smart apparel, smart watch, smart speaker, smart glasses), virtual reality device, gaming device, set top box, digital streaming device, robot, vehicle terminal, smart television, television box, electronic book reader, MP3 (moving picture experts group audio layer III) player, MP4 (moving picture experts group audio layer IV) player, and the like.
In an exemplary embodiment, the computer device 2 may include an application 8 (e.g., a live APP). The application 8 outputs (e.g., displays, presents) content to the user. The content may be presented in pages, which may include video, audio, comments, text data, and/or the like, as well as pop-up layers of presentation portion content, such as dialog boxes, etc.
The computer device 2 may include a user interface 10, which may be configured to receive user instructions. In some embodiments, the computer device 2 may operate in accordance with user instructions, configuration with the service side 4, etc., such as custom popup layer or a parent view of the popup layer, etc.
Example 1
Fig. 2 schematically shows a flow chart of a data presentation method according to a first embodiment of the application. It will be appreciated that the present method embodiment may be implemented in the computer device 2 and that the flow chart of the present method embodiment is not intended to limit the order in which the steps are implemented.
As shown in fig. 2, the data presentation method may include steps S200 to S206, wherein:
Step S200, a display request is received, where the display request is used to request to display a target pop-up layer.
In an exemplary embodiment, the computer device 2 is preconfigured with an eject layer manager for uniformly controlling operations such as ejecting, hiding, and stowing of the respective eject layers. For example, the pop-up layer manager receives a presentation request of a business party for a target pop-up layer, and performs a response operation based on the presentation request. Taking a live APP as an example, the service party may be each network live room. When a certain network living broadcast room initiates a popup layer requirement aiming at a target popup layer, the network living broadcast room is a business party corresponding to the target popup layer.
Step S202, according to the display request, a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack is obtained.
The first pop-up layer may be all pop-up layers in the pop-up layer stack that exhibit a lower priority than the target pop-up layer.
And 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 is high in priority, and the pop stack includes a pop E of high priority, a pop M of low priority, and a pop N of low priority. After receiving the display request, the pop-up layer manager queries to obtain a pop-up layer M and a pop-up layer N with lower priority than the target pop-up layer in the pop-up layer stack.
Step S204, hiding the first pop-up layer.
Concealing the first eject layer, such as eject layer M and eject layer N.
In an exemplary embodiment, the pop-up layer M and the pop-up layer N are hidden and deleted, not only ensuring that the target pop-up layer is not disturbed when being exposed (popped), but also reducing the management burden of the pop-up layer stack.
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 in preset titles, pictures, actions, and presentation animations. These title, picture, action, and presentation animation settings may be based on a pop-up layer template configuration. Specifically, the following is described.
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 a pop-up layer template, wherein the pop-up layer template is a universal template matched with a network live broadcasting room service scene. The universal template comprises a plurality of configuration interfaces which are used for inputting titles, pictures, action descriptions and display animations of the target popup layer. The universal templates comprise a first universal template and a second universal template, wherein the first universal template is configured into a rectangular shape and three sides of the first universal template respectively lean against the edge of a preset display area in a display state, and the second universal template is configured into a rectangular shape and provided with adjustable display position parameters.
Wherein: the first universal template is positioned below the father view in a display state, the bottom edge of the first universal template is coincident with the bottom edge of the father view, and the two side edges are correspondingly coincident with the two side edges of the father view. The second universal template comprises size information and a position control item, wherein the size information comprises a height and a width thereof, and the position control item comprises a template center height and a template center width; the center height of the template is used for expressing the distance between the center of the second universal template and the bottom edge of the father view, and the center width of the template is used for expressing the distance between the center of the second universal template and the left side edge of the father view.
For example:
As shown in fig. 3-6, a pop-up layer configured based on a first generic template: fig. 3 corresponds to a pop-up layer created using a list as the pop-up layer content, fig. 4 corresponds to a pop-up layer created using a face-beautifying function as the pop-up layer content, fig. 5 corresponds to a pop-up layer created using an input method and an expression as the pop-up layer content, and fig. 6 corresponds to a fight record as the pop-up layer content. The display animation of the pop-up layer may be a fly-in effect, a shutter effect, a move-down to interface, a move-left to interface, a move-right to page, or a pop-up from the center of interface.
As shown in fig. 7 to 9, the pop-up layer is configured based on the second universal template: in fig. 7, the pop-up layer created with the anchor information as the pop-up layer content, in fig. 8, the pop-up layer created with the anchor name, the contribution list click box, the large navigation click box, and the matching status as the pop-up layer content, and in fig. 9, the alert dialog box as the pop-up layer. It will be appreciated that the pop-up layer may also be a fly-in effect, a shutter effect, a move-down to interface, a move-left to interface, a move-right to page, or a pop-up from the center of interface.
Based on the popup layer template, redundant construction and animation codes can be reduced, and the popup 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, and the pop-up layer N in the pop-up layer stack, etc., each blank area thereof may be 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 user operation such as touch or mouse click is detected in a blank area in the target pop-up layer, the target pop-up layer needs to be closed to respond to the user operation.
The first embodiment of the application provides a data display method:
The method comprises the following steps: by uniformly storing presentation priority information of each pop-up layer in the pop-up layer stack, the presentation priority information can be used as a basis for controlling hiding or presentation of each pop-up layer, so that the live broadcasting room structure and the UI level are clearer. In the prior art, corresponding pop-up logic (e.g., pop-up and hidden logic based on priority) is configured for each pop-up layer of each live broadcast room, and when different pop-up logic is used in multiple live broadcast rooms, the upper layer system is required to judge the priority of the multiple pop-up logic, so that the management efficiency is low. Compared with the prior art, the embodiment of the application controls the display and hiding of each pop-up layer based on the display priority information of each pop-up layer in the pop-up layer stack, thereby effectively improving the management efficiency of the pop-up layer.
And two,: the pop-up control codes are not required to be developed according to the pop-up logic (priority logic) of the pop-up layer of each network living broadcast room, so that the code redundancy is effectively reduced.
And thirdly,: when the service side is upgraded or the system is maintained, the popup logic of all popup layers can be changed without the need of a developer to bear 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.
Example two
Fig. 10 schematically shows a flow chart of a data presentation method according to a second embodiment of the application. It will be appreciated that the present method embodiment may be implemented in the computer device 2 and that the flow chart of the present method embodiment is not intended to limit the order in which the steps are implemented.
As shown in fig. 10, the data presentation method may include steps S300 to S306, wherein:
Step S300, a display request is received, where the display request is used to request to display a target pop-up layer.
Step S302, judging that the target popup 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 parent view is associated with the target pop-up layer. 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 to be appreciated that by detecting whether the target pop-up layer is associated with a parent view, the problem of the target pop-up layer being popped up but not displayed without the associated parent view can be avoided.
Step S304, determining whether the target pop-up layer is in a popped state. If yes, refusing to respond to the display request; otherwise, step S306 is entered.
In an exemplary embodiment, it may be determined whether the target pop is included in the pop stack. If the target pop-up layer is included in the pop-up layer stack, the target pop-up layer is indicated as being in a popped-up state (presentation state), and thus a response to the presentation request may be denied to avoid the target pop-up layer being popped up repeatedly.
Step S306, determining whether the target pop-up layer is allowed to pop-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 pop-up layer has authority to pop-up 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 first pop-up layer has a lower presentation priority than the target pop-up layer.
And 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 is high in priority, and the pop stack includes a pop E of high priority, a pop M of low priority, and a pop N of low priority. After receiving the display request, the pop-up layer manager queries to obtain a pop-up layer M and a pop-up layer N with lower priority than the target pop-up layer in the pop-up layer stack.
Step S310, hiding the first pop-up layer.
Concealing the first eject layer, such as eject layer M and eject layer N.
Step S312, obtaining a second pop-up layer in the pop-up layer stack.
The second pop-up layer has a presentation priority equal to the presentation priority of the target pop-up layer, such as pop-up layer E.
Step S314, concealing the second pop-up layer, and defining the second pop-up layer as a temporary concealing pop-up layer.
The presentation priority of the temporary hidden popup layer is set to be equal to or less than the presentation priority of the target popup layer.
Step S316, the target pop-up layer is displayed.
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 invoking a Pop method, which is a Pop-up layer plug-in written based on jQuery.
Step S322, determining whether there is a temporary hidden popup layer. If yes, go to step S324; otherwise, step S328 is entered.
Step S324, determining whether the display priority of the temporary hidden popup layer is equal to the display priority of the target popup layer. If so, go to step S326; otherwise, step S328 is entered.
Step S326, the temporary hidden popup layer is displayed.
In step S328, an eject callback operation is performed to confirm a close event corresponding to the target eject layer.
The data display method in the second embodiment of the present 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 network living broadcast room on the pop-up layers with the same display priority are met, and the complexity of each network living broadcast room on the management of the pop-up layers is reduced.
Example III
Fig. 11 schematically shows a block diagram of a communication system according to a third embodiment of the application, which may be divided into one or more program modules, which are stored in a storage medium and executed by one or more processors to complete the embodiment of the application. Program modules in accordance with the embodiments of the present application may be implemented as a series of computer program instruction segments capable of performing particular functions, and are more suitable for describing the execution of the data display system in a storage medium than the program itself.
As shown in fig. 11, the data presentation system 1100 may include a receiving module 1110 and a responding module 1120, wherein:
A receiving module 1110, configured to receive a presentation request, where the presentation request is used to request to present a target pop-up layer.
A response module 1120, configured to, according to the presentation request: acquiring a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack, wherein the display priority of the first pop-up layer is lower than that of the target pop-up layer; concealing 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 presentation priority information for the plurality of pop-up layers and each of the plurality of pop-up layers.
In an exemplary embodiment the response module 1120 is further configured to: acquiring a second pop-up layer in the pop-up layer stack, wherein the display priority of the second pop-up layer is equal to the display priority of the target pop-up layer; and hiding the second popup layer, wherein the second popup layer is defined as a temporary hiding popup layer, and the display priority of the temporary hiding popup layer is set to be equal to or smaller than the display priority of the target popup layer.
In an exemplary embodiment, when the presentation priority of the temporary hidden popup layer is set equal to the presentation priority of the target popup 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 closing module is used for: and closing the target pop-up layer in response to the closing request. The response module 1120 is further configured to: the temporary hidden popup layer is shown.
In an exemplary embodiment, when the presentation priority of the temporary hidden popup layer is set equal to the presentation priority of the target popup 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 closing the target pop-up layer in response to the closing request, 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 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 state and is allowed to pop-up; and if the target pop-up layer is not associated with a parent view, is in a popped state or is not allowed to pop-up, refusing to respond to the presentation request.
In an exemplary embodiment, the target pop-up layer is pre-configured by a pop-up layer template, which is a generic template matching the network live-room business scenario. The universal template comprises a plurality of configuration interfaces, wherein the configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of the target popup layer; the universal templates comprise a first universal template and a second universal template, wherein the first universal template is configured into a rectangular shape and three sides of the first universal template respectively lean against the edge of a preset display area in a display state, and the second universal template is configured into a rectangular shape and provided with 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 for closing the target pop-up layer according to a user operation.
Example IV
Fig. 12 schematically shows a hardware architecture diagram of a computer device adapted to implement a data presentation method according to a 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 instructions set or stored in advance. 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, electronic 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: memory 1210, processor 1220, and network interface 1230 may be communicatively linked with each other by a system bus. Wherein:
The memory 1210 includes at least one type of computer-readable storage medium including flash memory, hard disk, multimedia card, card memory (e.g., SD or DX memory, etc.), random Access Memory (RAM), static Random Access Memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, memory 1210 may be an internal storage module of computer device 2, such as a hard disk or memory of 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 memory card (SMART MEDIA CARD, abbreviated as SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD) or the like, which are provided on the computer device 2. Of course, memory 1210 may also include both internal memory modules of computer device 2 and external memory devices. In this embodiment, the memory 1210 is typically used for storing an operating system and various types of application software installed on the computer device 2, such as program codes of a data presentation method, and the like. 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 be a central processing unit (Central Processing Unit, abbreviated as CPU), controller, microcontroller, microprocessor, or other data processing chip in some embodiments. The processor 1220 is generally used to control overall operation of the computer device 2, such as performing control and processing related to data interaction or communication with the computer device 2, and the like. In this embodiment, processor 1220 is used to execute program code or process data stored in memory 1210.
The network interface 1230 may include a wireless network interface or a wired network interface, the network interface 1230 typically being used to establish a communication link between the computer device 2 and other computer devices. For example, the network interface 1230 is used to connect the computer device 2 with an external terminal through a network, establish a data transmission path 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 for mobile communications (Global System of Mobile communication, abbreviated as GSM), wideband code division multiple access (Wideband Code Division Multiple Access, abbreviated as WCDMA), a 4G network, a 5G network, bluetooth (Bluetooth), wi-Fi, etc.
It should be noted that FIG. 12 only shows a computer device having components 1210-1230, but it should be understood that not all of the illustrated components are required to be implemented and that more or fewer components may be implemented instead.
In this embodiment, the data presentation method stored in the memory 1210 may also be divided into one or more program modules and executed by one or more processors (the processor 1220 in this embodiment) to implement the present invention.
Example five
The present embodiment also provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the data presentation method in the embodiment.
In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card 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 a computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may also be an external storage device of a computer device, such as a plug-in hard disk, a smart memory card (SMART MEDIA CARD, abbreviated as SMC), a Secure Digital (abbreviated as SD) card, a flash memory card (FLASH CARD), or the like, which are provided on the computer device. Of course, the computer-readable storage medium may also include both internal storage units of a computer device and external storage devices. In this embodiment, the computer readable storage medium is typically used to store an operating system and various types of application software installed on a computer device, such as program codes of the data presentation method in the embodiment, and the like. Furthermore, 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 in a general purpose computing device, they may be concentrated on a single computing device, or distributed across a network of computing devices, they may alternatively be implemented in program code executable by computing devices, so that they may be stored in a storage device for execution by computing devices, and in some cases, the steps shown or described may be performed in a different order than what is shown or described, or they may be separately fabricated into individual integrated circuit modules, or a plurality of modules or steps in 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 foregoing description is only of the preferred embodiments of the present invention, and is not intended to limit the scope of the invention, but rather is intended to cover any equivalents of the structures or equivalent processes disclosed herein or in the alternative, which may be employed directly or indirectly in other related arts.
Claims (10)
1. A method of data presentation, the method comprising:
receiving a display request, wherein the display request is used for requesting to display a target pop-up layer;
According to the display request, a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack is obtained, and the display priority of the first pop-up layer is lower than that of the target pop-up layer; and
Hiding the first popup layer and displaying the target popup layer;
The method comprises the steps of obtaining a second pop-up layer in the pop-up layer stack, wherein the display priority of the second pop-up layer is equal to the display priority of the target pop-up layer;
And hiding the second popup layer, wherein the second popup layer is defined as a temporary hiding popup layer, and the display priority of the temporary hiding popup layer is set to be equal to or smaller than the display priority of the target popup layer.
2. The data presentation method of claim 1, wherein the pop-up layer stack is configured to store presentation priority information for the plurality of pop-up layers and each of the plurality of pop-up layers.
3. The data presentation method of claim 1, wherein when the presentation priority of the temporary hidden popup layer is set equal to the presentation priority of the target popup 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 shutdown request: closing the target pop-up layer and displaying the temporary hidden pop-up layer.
4. The data presentation method of claim 1, wherein when the presentation priority of the temporary hidden popup layer is set to be less than the presentation priority of the target popup 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 shutdown request: closing the target pop-up layer, and performing a pop-up callback operation to confirm a closing event corresponding to the target pop-up layer.
5. The data presentation method of claim 1, wherein the method further comprises:
Detecting whether the target pop-up layer is associated with a parent view, whether the target pop-up layer is in a popped 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 state and is allowed to pop-up; and
If the target pop-up layer is not associated with a parent view, is in a popped state, or is not allowed to pop-up, then responding to the presentation request is denied.
6. The data display method according to any one of claims 1 to 5, wherein the target pop-up layer is pre-configured by a pop-up layer template, and the pop-up layer template is a universal template matched with a service scene of a network living broadcast room;
The universal template comprises a plurality of configuration interfaces, wherein the configuration interfaces are used for inputting titles, pictures, action descriptions and display animations of the target popup layer; the universal templates comprise a first universal template and a second universal template, wherein the first universal template is configured into a rectangular shape and three sides of the first universal template respectively lean against the edge of a preset display area in a display state, and the second universal template is configured into a rectangular shape and provided with adjustable display position parameters.
7. The method according to any one of claims 1 to 5, wherein the blank area of the target pop-up layer is configured as a closing event trigger area for closing the target pop-up layer according to a user operation.
8. A data presentation system, the system comprising:
The receiving module is used for receiving a display request, wherein the display request is used for requesting to display the target popup layer;
The response module is used for responding to the display request:
acquiring a first pop-up layer of a plurality of pop-up layers in a pop-up layer stack, wherein the display priority of the first pop-up layer is lower than that of the target pop-up layer;
concealing the first pop-up layer; and
Displaying the target popup layer;
The method comprises the steps of obtaining a second pop-up layer in the pop-up layer stack, wherein the display priority of the second pop-up layer is equal to the display priority of the target pop-up layer;
And hiding the second popup layer, wherein the second popup layer is defined as a temporary hiding popup layer, and the display priority of the temporary hiding popup layer is set to be equal to or smaller than the display priority of the target popup layer.
9. 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 processor implements the steps of the method according to any one of claims 1 to 7 when the computer program is executed by the processor.
10. A computer readable storage medium having stored thereon a computer program, wherein the computer program is executable by at least one processor to cause the at least one processor to perform the steps of the method according to any of claims 1 to 7.
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 CN112241297A (en) | 2021-01-19 |
| CN112241297B true 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) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112817636A (en) * | 2021-02-07 | 2021-05-18 | 上海哔哩哔哩科技有限公司 | Animation component configuration method and display method of pop-up layer |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
| 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 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105278937B (en) * | 2014-06-30 | 2019-07-05 | 腾讯科技（深圳）有限公司 | A kind of method and device showing pop-up box message |
-
2019
- 2019-07-18 CN CN201910649037.XA patent/CN112241297B/en active Active
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
|---|---|
| CN112241297A (en) | 2021-01-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109032722B (en) | Method, device, equipment and medium for updating display effect of UI component | |
| US20210160553A1 (en) | Method and system of displaying a video | |
| CN111045675B (en) | Page generation method, device, equipment and storage medium based on Flutter | |
| CN104704468A (en) | Cross system installation of WEB applications | |
| CN107577472B (en) | Software installation method and device and computer readable storage medium | |
| US20130036196A1 (en) | Method and system for publishing template-based content | |
| CN110019464B (en) | Page processing method and device | |
| CN113268212A (en) | Screen projection method and device, storage medium and electronic equipment | |
| US8875060B2 (en) | Contextual gestures manager | |
| CN110020371B (en) | Method and device for page layout linkage based on react-native | |
| CN111367518A (en) | Page layout method and device, computing equipment and computer storage medium | |
| CN112241297B (en) | Data display method, system, computer equipment and readable storage medium | |
| CN111857712A (en) | Form processing method, device, terminal and medium | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| CN114265525A (en) | Text selection method and device, electronic equipment and readable storage medium | |
| CN107562324B (en) | Data display control method and terminal | |
| CN113485708A (en) | Sketch-based cross-platform interface development method and system, computer device and medium | |
| CN114063958B (en) | Page split screen display method and device | |
| US9262304B2 (en) | Methods and systems for testing interactions between mobile applications | |
| US9146720B1 (en) | Binary file application processing | |
| CN110891120B (en) | Interface content display method and device and storage medium | |
| EP3848800B1 (en) | Method and apparatus for displaying message box, terminal and storage medium | |
| CN107977451B (en) | Method and device for adding dynamic content in display page and terminal equipment | |
| CN112988810A (en) | Information searching method, device and equipment | |
| CN110968706B (en) | Method, system and terminal for controlling slide show animation |
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 |