Interface display method and device and storage medium

Abstract

The invention discloses an interface display method and device and a storage medium, and the method comprises the steps: defining more than two main layers in advance, and defining the sub-position relation of each sub-layer to which the same main layer belongs in the corresponding layer position, and enabling the main layers and the sub-layers to form a two-dimensional layer; determining the main layer needing to be displayed according to an interface display instruction, and determining the sub-layer needing to be called according to the content needing to be displayed by the main layer; according to the sub-position relationship, arranging the corresponding sub-layers on the main layer to obtain a display style of the main layer; and laminating the main image layers according to the image layer positions, and synthesizing the main image layers to obtain the interface. According to the method, multi-layer overlapping display of the interface can be realized, the display sequence of the layers is adjusted, and important information is ensured to be always at the front end.

Description

Technical Field

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

[0002] In the computer field, the display interface is an important channel for human-computer interaction. In order to enable a limited interface to display more content, multiple layers are set in the display interface, and each layer corresponds to different content. However, existing electronic device operating systems can only support a certain number of layer management. For example, the Android system usually only supports the definition of five or fewer layers. When the number of layers in the interface exceeds the number of layers that can be supported, the newly added layer can only be displayed at the top layer of the interface, which will overwrite the content of the previously created layer, causing some important content to be covered and unable to be displayed, affecting the user experience. Summary of the invention

[0003] In view of the above problems, the present application provides an interface display method for solving the technical problem of important content being covered due to the limited number of layers supported by the interface.

[0004] To achieve the above purpose, the present application provides an interface display method, comprising the following steps:

[0005] Predefine two or more main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position, the main layer and the sub-layer form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship;

[0006] Determine the main layer to be displayed according to the interface display instruction, and determine the sub-layer to be called according to the content to be displayed on the main layer; and layout the corresponding sub-layers on the main layer according to the sub-position relationship to obtain the display style of the main layer;

[0007] stacking the main layers according to the layer positions, and synthesizing the main layers to obtain the interface;

[0008] The interface is displayed on a display device.

[0009] Furthermore, the interface display method further comprises the steps of:

[0010] Detecting whether the interface to be displayed includes a newly added main layer or a main layer to be deleted;

[0011] If the main layer needs to be deleted, the corresponding main layer is deleted in the currently displayed interface to obtain a new interface;

[0012] If a newly added main layer is included, inserting the newly added main layer into the existing main layer of the currently displayed interface according to the layer position of the newly added main layer, and synthesizing the main layers to obtain a new interface;

[0013] Displaying the new interface;

[0014] Furthermore, the layer position is set according to the importance and / or interaction frequency of the displayed content of the main layer.

[0015] Furthermore, the two or more sub-layers in the overlapping relationship display corresponding display contents in different plane areas in the main layer, and non-content display areas are all in a transparent state.

[0016] Furthermore, the main layer includes, from the bottom layer to the top layer according to the layer position: a content layer, a background layer, a subtitle layer, a floating layer and a notification layer.

[0017] Further, the content layer includes at least one of the following: a video content layer and a picture content layer; when the content layer includes both the video content layer and the picture content layer as sub-layers, the two sub-layers are in a mutually exclusive relationship;

[0018] The background layer includes one or more of the following: a theme background layer and a special effect background layer; when the background layer includes both the theme background layer and the special effect background layer, the two sub-layers are in a mutually exclusive relationship;

[0019] The subtitle layer includes one or more of the following: a subtitle content layer and a real-time scoring content layer; when the subtitle layer includes both the subtitle content layer and the real-time scoring content layer, the two sublayers are in the superimposed relationship;

[0020] The floating layer includes one or more of the following: a logo layer, a revolving light layer, a QR code layer, and a reminder message layer, wherein the logo layer, the revolving light layer, the QR code layer, and the reminder message layer are in a superimposed relationship;

[0021] The notification layer includes one or more of the following: a special effect content layer, a terminal interactive message content layer, and a system notification message layer; the terminal interactive message content layer and the system notification message layer are in the mutually exclusive relationship, and the special effect content layer and any one of the terminal interactive message content layer and the system notification message layer are in the superposition relationship.

[0022] Furthermore, when the interface includes two main layers, namely the display content layer and the background layer,

[0023] The content layer is cropped to retain only the portion where the display content is located, and the background layer is set to a transparent state at a position corresponding to the display content.

[0024] Furthermore, the interface display method is applied to a terminal of an Android operating system.

[0025] In order to solve the above technical problems, this application also provides another technical solution:

[0026] An interface display device, comprising:

[0027] A preset module, used to predefine two or more main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position, the main layer and the sub-layer form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship;

[0028] A layout module is used to determine the main layer to be displayed according to the interface display instruction, and to determine the sub-layer to be called according to the content to be displayed on the main layer; and to layout the corresponding sub-layers on the main layer according to the sub-position relationship to obtain the display style of the main layer;

[0029] A synthesis module, used for stacking the main layers according to the layer positions, and synthesizing the main layers to obtain the interface;

[0030] A display module is used to display the interface on a display device.

[0031] In order to solve the above technical problems, this application also provides another technical solution:

[0032] A computer-readable storage medium stores a computer program, wherein the computer program, when executed by a processor, executes the interface display method described in any one of the above technical solutions.

[0033] Different from the prior art, the above technical solution defines multiple main layers at different layer positions in the interface, and defines sub-layers for the multiple main layers respectively, wherein the sub-layers are arranged at the layer positions of the corresponding main layers in a mutually exclusive relationship or a superimposed relationship, so that the corresponding main layer can display a richer display style, wherein the main layer and the sub-layer form a two-dimensional layer relationship, which can display more layers on the interface, and more flexibly control the position of the layers, so that important content can be displayed more clearly, thereby improving the user's interface interaction experience.

[0034] The above-mentioned records related to the invention content are only an overview of the technical solution of the present application. In order to enable ordinary technicians in the field to more clearly understand the technical solution of the present application, and then implement it according to the text of the specification and the contents recorded in the drawings, and to make the above-mentioned purpose and other purposes, features and advantages of the present application easier to understand, the following is an explanation in combination with the specific implementation mode and drawings of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0035] The drawings are only used to illustrate the principles, implementation methods, applications, characteristics and effects of the specific embodiments of the present invention and other related contents, and shall not be considered as limiting the present application.

[0036] In the drawings of the specification:

[0037] Figure 1 It is a flowchart of the interface display method described in the specific implementation method;

[0038] Figure 2 It is a structural schematic diagram of the two-dimensional layer described in the specific implementation method;

[0039] Figure 3a A schematic diagram of the layer changes of the interface of the control example;

[0040] Figure 3b It is a schematic diagram of layer changes of the interface described in the specific implementation method;

[0041] Figure 4 It is a module block diagram of the interface display device described in the specific implementation method;

[0042] Figure 5 A schematic diagram of a computer-readable storage medium according to a specific embodiment;

[0043] The reference numerals in the above drawings are described as follows:

[0044] 400, interface display device; 401, preset module; 402, layout module;

[0045] 403, synthesis module; 404, display module;

[0046] 500. Computer readable storage medium; DETAILED DESCRIPTION

[0047] In order to explain in detail the possible application scenarios, technical principles, specific schemes that can be implemented, and the purposes and effects that can be achieved, the following is a detailed description of the specific embodiments listed in conjunction with the accompanying drawings. The embodiments described herein are only used to more clearly illustrate the technical solutions of the present application, and are therefore only used as examples, and cannot be used to limit the scope of protection of the present application.

[0048] Reference to "embodiment" herein means that the specific features, structures or characteristics described in conjunction with the embodiment may be included in at least one embodiment of the present application. The term "embodiment" appearing in various places in the specification does not necessarily refer to the same embodiment, nor does it particularly limit its independence or association with other embodiments. In principle, in the present application, as long as there is no technical contradiction or conflict, the various technical features mentioned in the embodiments can be combined in any way to form a corresponding implementable technical solution.

[0049] Unless otherwise defined, the technical terms used in this document have the same meanings as those generally understood by those skilled in the art to which this application belongs; the use of relevant terms in this document is only for describing specific embodiments and is not intended to limit this application.

[0050] In the description of this application, the term "and / or" is an expression used to describe the logical relationship between objects, indicating that three relationships may exist, for example, A and / or B, which means: A exists, B exists, and A and B exist at the same time. In addition, the character " / " in this article generally indicates that the objects before and after are in an "or" logical relationship.

[0051] In the present application, terms such as “first” and “second” are merely used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship of quantity, priority or sequence between these entities or operations.

[0052] Without further limitations, in this application, the words "include", "comprises", "has" or other similar open-ended expressions used in sentences are intended to cover non-exclusive inclusion. These expressions do not exclude the presence of additional elements in the process, method or product including the elements, so that the process, method or product including a series of elements may include not only those limited elements, but also other elements not explicitly listed, or also include elements inherent to such process, method or product.

[0053] Similar to the understanding in the Examination Guidelines, in this application, expressions such as "greater than", "less than", "exceed" and the like are understood to exclude the number itself; expressions such as "above", "below", "within" and the like are understood to include the number itself. In addition, in the description of the embodiments of this application, "multiple" means more than two (including two), and similar expressions related to "multiple" are also understood in this way, such as "multiple groups", "multiple times", etc., unless otherwise clearly and specifically limited.

[0054] In the description of the embodiments of the present application, space-related expressions used, such as "center", "longitudinal", "lateral", "length", "width", "thickness", "up", "down", "front", "back", "left", "right", "vertical", "horizontal", "vertical", "top", "bottom", "inside", "outside", "clockwise", "counterclockwise", "axial", "radial", "circumferential", etc., indicate the orientation or position relationship based on the orientation or position relationship shown in the specific embodiments or drawings, and are only for the convenience of describing the specific embodiments of the present application or facilitating the reader's understanding, and do not indicate or imply that the referred device or component must have a specific position, a specific orientation, or be constructed or operated in a specific orientation, and therefore cannot be understood as a limitation on the embodiments of the present application.

[0055] Unless otherwise expressly specified or limited, in the description of the embodiments of the present application, the terms such as "install", "connect", "connect", "fix", "set", etc. used should be understood in a broad sense. For example, the "connection" can be a fixed connection, a detachable connection, or an integrated setting; it can be a mechanical connection, an electrical connection, or a communication connection; it can be a direct connection, or it can be indirectly connected through an intermediate medium; it can be the internal connection of two elements or the interaction relationship between two elements. For technicians in the technical field to which the present application belongs, the specific meanings of the above terms in the embodiments of the present application can be understood according to the specific circumstances.

[0056] See also Figures 1 to 5 , this embodiment provides an interface display method, device and storage medium. The interface display method can be applied to interface display management in various types of smart terminals. Smart terminals include smart phones, tablet computers, IPADs, PCs, smart TVs, multimedia set-top boxes, etc., and the smart terminals can be based on different types of operating systems such as Android operating systems and IOS operating systems. The interface display method establishes a two-dimensional layer structure including multiple main layers and sub-layers in the interface, breaking through the limitation of the number of layers on the existing one-dimensional layer, and realizes multi-dimensional layer overlay display, so that the display content of the layers in the interface is richer, and the display order of the layers is more flexible and hierarchical, so that important content can always be displayed on the top layer of the interface, which is convenient for browsing and improves the user interaction experience and practicality.

[0057] like Figure 1 As shown, in this embodiment, the interface display method includes the following steps:

[0058] S101. Predefine two or more main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position, the main layer and the sub-layers form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship.

[0059] S102, determining the main layer to be displayed according to the interface display instruction, and determining the sub-layer to be called according to the content to be displayed on the main layer; and laying out the corresponding sub-layers on the main layer according to the sub-position relationship to obtain the display style of the main layer.

[0060] S103, stacking the main layers according to the layer positions, and synthesizing the main layers to obtain the interface.

[0061] S104: Display the interface on a display device.

[0062] In this embodiment, the layer position in step S101 is set according to the importance and / or interaction frequency of the display content of the main layer. That is, the more important the display content or the higher the interaction frequency, the closer the layer position of the main layer is to the top layer of the interface, so that the important display content is displayed more clearly and is less likely to be blocked by other display content. Moreover, in step S101, each main layer may include more than one sub-layer, or only some of the main layers may include more than one sub-layer. Among them, each main layer and each sub-layer form a two-dimensional layer structure, each main layer is a layer of the first dimension, and the sub-layer to which each main layer belongs is a layer of the second dimension, that is, each main layer is the trunk in the two-dimensional layer structure, and each sub-layer is a branch of the corresponding main layer. Figure 2 As shown, an example of a two-dimensional layer structure formed by the main layer and the sub-layers. In this example, the two-dimensional layer structure includes five main layers: content layer, background layer, subtitle layer, floating layer, and notification layer, and each main layer includes 1, 2...N, N sub-layers, where N is a positive integer greater than 2.

[0063] And in step S101, the display content of the main layer is formed by superimposing the display content of each sublayer, and each sublayer is laid out according to a sub-position relationship. The sub-position relationship of the sublayer includes a mutually exclusive relationship or a superimposed relationship. The mutually exclusive relationship means that the multiple sublayers contained in the main layer are mutually exclusive, and at the same time, only one of the multiple sublayers in a mutually exclusive relationship can be displayed. For example, if the two sublayers a and b are in a mutually exclusive relationship, then only sublayer a can be displayed in the main layer (sublayer b is not displayed), or only sublayer b can be displayed (sublayer a is not displayed). The superimposed relationship means that the display content of more than two sublayers is superimposed on each other at the layer position where the main layer to which they belong is located. For example, the main layer B is located between the main layer A and the main layer C, and the main layer B contains two sublayers c and d in a superimposed relationship. At this time, the display content of sublayer c and sublayer d is superimposed on each other and displayed between the main layer A and the main layer C.

[0064] It should be noted that, for the operating system, sublayers do not belong to the layers in the interface, and the number of sublayers is not counted in the number of interface layers. For example, there are three main layers in the interface, each of which contains two sublayers. At this time, the operating system will think that there are only three layers in the interface, that is, the number of layers is 3, not 6 or 9.

[0065] Furthermore, when the main layer includes more than three sublayers, the sub-position relationship may include both mutually exclusive and superimposed relationships, that is, some of the sublayers are mutually exclusive, while other sublayers are superimposed. For example, the main layer E includes three sublayers, e, f, and g. Sublayer e and sublayer f are mutually exclusive, while sublayer g and sublayer f, and sublayer g and sublayer e are superimposed, that is, the main layer E may be a superimposed display content of sublayer e and sublayer g, or a superimposed display content of sublayer f and sublayer g, but the display contents of sublayer e and sublayer f will not appear at the same time.

[0066] In step S101, when setting the layer position of the main layer, it can be achieved by defining the default position of each main layer in the layer stack; and the extended API interface in the operating system can be called to set the position of the sub-layer corresponding to each main layer in the layer stack.

[0067] In step S102, the interface display instruction is generated by the operating system according to the actual situation, and which main layers need to be displayed and which sub-layers need to be displayed in each main layer are determined by the display instruction. The display style of the main layer refers to the display content on the main layer, as well as the display position, color, transparency of different display contents in the main layer and the hierarchical relationship between sub-layers (i.e. which sub-layer is in front and which sub-layer is in the back).

[0068] Forming the display style of the main layer in step S102 and obtaining the interface in step S103 may be performed in steps, i.e. first obtaining the display style of each main layer and then merging them to obtain the interface; or the interface may be formed in one step, i.e. first determining the sub-layers involved in each main layer in step S102, and laying out each sub-layer according to the sub-position relationship, and then merging all the main layers and each sub-layer in step S103, so as to obtain the interface by merging them at one time.

[0069] In step S104, the interface obtained in step S103 is displayed on a display device, wherein the display device may be an electronic device having an image display function, such as a display screen and a projector.

[0070] In one embodiment, the main layer includes, from the bottom layer to the top layer, the content layer, the background layer, the subtitle layer, the floating layer and the notification layer. The content layer is placed at the bottom layer, the background layer is placed above the content layer; the subtitle layer is above the background layer, the floating layer is above the subtitle layer, and the notification layer is above the floating layer.

[0071] The content layer includes one or more of the following: a video content layer and a picture content layer; when the content layer includes both the video content layer and the picture content layer as sub-layers, the two sub-layers are in a mutually exclusive relationship.

[0072] The background layer includes one or more of the following: a theme background layer and a special effects background layer; when the background layer includes both the theme background layer and the special effects background layer, the two sub-layers are in a mutually exclusive relationship; wherein the theme background layer and the special effects background layer will be switched and displayed according to the interface display instructions generated by the user's selection.

[0073] The subtitle layer includes one or more of the following: a subtitle content layer and a real-time rating content layer; when the subtitle layer includes both the subtitle content layer and the real-time rating content layer, the two sublayers are in the superimposed relationship. When the two sublayers are displayed at the same time, any one of the subtitle content layer and the real-time rating content layer can be on the upper layer, and the subtitle content layer and the real-time rating content layer only display the subtitle and rating areas, and the other areas are transparent. The subtitle content layer and the real-time rating content layer are displayed in different areas, so the displayed contents do not interfere with each other.

[0074] The floating layers include one or more of the following: logo layer, revolving lantern layer, QR code layer, and reminder message layer, and the logo layer, revolving lantern layer, QR code layer, and reminder message layer are in a superimposed relationship. The logo layer, revolving lantern layer, QR code layer, and reminder message layer can be set up and down at will, and the content area is displayed, and the other areas are transparent; the logo layer, revolving lantern layer, QR code layer, and reminder message layer are displayed in different areas, and the displayed contents do not interfere with each other.

[0075] The notification layer includes one or more of the following: three sub-layers, namely, a special effect content layer, a terminal interactive message content layer, and a system notification message layer. The terminal interactive message content layer and the system notification message layer are in a mutually exclusive relationship, and the special effect content layer and any one of the terminal interactive message content layer and the system notification message layer are in a superimposed relationship.

[0076] In the above embodiment, the two or more sub-layers in the overlapping relationship display corresponding display contents in different plane areas in the main layer, and non-content display areas are all in a transparent state.

[0077] In this embodiment, when different sub-layers are superimposed, the display contents are staggered, and non-content display areas are all transparently processed, so that the display contents on each sub-layer can be displayed simultaneously in the obtained main layer.

[0078] In addition, the display content in different main layers can also be displayed in a staggered manner and transparently processed in the above manner. In principle, the display content of the two main layers, the notification layer and the floating layer, needs to be displayed in a separate area from the subtitle content layer, and the notification layer and the floating layer, except for the area where the content is displayed, are transparent to avoid blocking the underlying layers.

[0079] In one embodiment, when the content layer and the background layer are displayed simultaneously, the content layer is reduced, and the background layer is transparently processed in the content display area of ​​the content layer.

[0080] In this embodiment, the operating system of the intelligent terminal will generate a new interface display instruction and a corresponding new interface according to the interactive input information and the running status of each program on the terminal. When a new interface display instruction is obtained, this embodiment will determine whether the number of layers in the interface corresponding to the new interface display instruction has changed, that is, whether a new main layer is included or a main layer needs to be deleted. Therefore, in one embodiment, it is detected whether the interface to be displayed includes a new main layer or a main layer needs to be deleted.

[0081] If the main layer needs to be deleted, the corresponding main layer is deleted in the currently displayed interface to obtain a new interface; if a new main layer is included, the new main layer is inserted into the existing main layer of the currently displayed interface according to the layer position of the new main layer, and the main layers are synthesized to obtain a new interface.

[0082] Taking the current interface including five main layers, namely, the content layer, the background layer, the subtitle layer, the floating layer and the notification layer, as an example, if it is detected that the background image does not need to be displayed in the new display instruction (i.e., the background layer has no display content), this embodiment will automatically delete (i.e., filter out) the background layer, merge the display content of the other four main layers, and then output the final new interface screen. Or taking the current interface including four main layers, namely, the background layer, the subtitle layer, the floating layer and the notification layer, as an example, if it is detected that the background image needs to be displayed in the new display instruction, this embodiment will automatically insert the background layer between the content layer and the subtitle layer, and add the background layer content to the synthesized display screen for display, so as to ensure that the most important information is always visible.

[0083] In the existing related technologies, when the number of layers in the interface of the existing operating system reaches a certain number (for example, 3 layers), the newly added layers will only cover the top layer of the interface, which may block important display content. Figure 3a As shown in the figure, when a new notification layer 2 is created, the content of notification layer 2 easily blocks the content of the original more important notification layer 1, so that the important notification layer 1 cannot be seen on the interface. In this embodiment, a two-dimensional layer structure including a main layer and sub-layers is adopted. When displaying the same display content, the number of main layers and the position of each sub-layer can be more flexibly controlled, so that the important display content can always be clearly displayed on the interface. Figure 3b As shown, even if notification layer 2 is newly created, notification layer 2 can still be placed below notification layer 1 instead of directly covering the top layer of the interface, so notification layer 2 will not block notification layer 1 with important display content.

[0084] This embodiment can enable the operating system to display a richer and more dynamic interface layout, improve the user interaction experience and the versatility of the application. For example, when the interface display method of this embodiment is applied in multi-tasking, game interface design, multimedia playback control, etc., information panels, control buttons, special effect layers, etc. can be freely superimposed on the interface without causing visual confusion in the interface.

[0085] like Figure 4 As shown, in one embodiment, an interface display device 400 is provided. The interface display device 400 includes a preset module 401, a layout module 402, a synthesis module 403 and a display module 404.

[0086] The preset module 401 is used to predefine more than two main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position. The main layer and the sub-layer form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship.

[0087] The layout module 402 is used to determine the main layer that needs to be displayed according to the interface display instruction, and determine the sub-layer that needs to be called according to the content that needs to be displayed on the main layer; and layout the corresponding sub-layers on the main layer according to the sub-position relationship to obtain the display style of the main layer.

[0088] The synthesis module 403 is used to stack the main layers according to the layer positions and synthesize the main layers to obtain the interface.

[0089] The display module 404 is used to display the interface on a display device.

[0090] The definitions and descriptions of various features in the interface display device of this embodiment are the same as those of the interface display method of the above-mentioned embodiment. Therefore, the interface display device of this embodiment follows the descriptions of various features in the interface display method of the above-mentioned embodiment, and also has the technical effects of the interface display method of the above-mentioned embodiment, which will not be repeated here.

[0091] like Figure 5 As shown, in one embodiment, a computer-readable storage medium 500 is provided, in which a computer program is stored. When the computer program is executed by a processor, the interface display method described in any one of the embodiments is executed.

[0092] The computer-readable storage medium may be a volatile memory or a non-volatile memory, or may include both volatile and non-volatile memories. The non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), a ferromagnetic random access memory (FRAM), a flash memory, a magnetic surface memory, an optical disk, or a compact disc read-only memory (CD-ROM); the magnetic surface memory may be a disk memory or a tape memory.

[0093] The volatile memory may be a random access memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as static random access memory (SR AM), synchronous static random access memory (SSR AM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), direct memory bus random access memory (DRRAM). The computer-readable storage medium described in the embodiments of the present invention is intended to include these and any other suitable types of memory.

[0094] In some embodiments, the processor can be implemented by software, hardware, firmware or a combination thereof, and can use circuits, single or multiple application specific integrated circuits (Application Specific Integrated Circuit, ASIC), digital signal processors (Digital Signal Processor, DSP), digital signal processing devices (Digital Signal Processing Device, DSPD), programmable logic devices (Programmable Logic Device, PLD), field programmable gate arrays (Field Programmable Gate Array, FPGA), central processing units (Central Processing Unit, CPU), controllers, microcontrollers, at least one of microprocessors, so that the processor can execute some or all of the steps in the interface display method in each embodiment of the present application or any combination of the steps therein.

[0095] Finally, it should be noted that although the above embodiments have been described in the specification and drawings of this application, this does not limit the scope of patent protection of this application. All technical solutions generated by replacing or modifying equivalent structures or equivalent processes based on the essential concept of this application using the contents recorded in the specification and drawings of this application, as well as directly or indirectly implementing the technical solutions of the above embodiments in other related technical fields, are included in the scope of patent protection of this application.

Claims

1. An interface display method, characterized in that: The following steps are involved: Predefine two or more main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position, the main layer and the sub-layer form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship; Determine the main layer to be displayed according to the interface display instruction, and determine the sub-layer to be called according to the content to be displayed on the main layer; and laying out the corresponding sub-layers on the main layer according to the sub-position relationship to obtain a display style of the main layer; stacking the main layers according to the layer positions, and synthesizing the main layers to obtain the interface; The interface is displayed on a display device.

2. The interface display method according to claim 1, characterized in that: Also includes the steps: Detecting whether the interface to be displayed includes a newly added main layer or a main layer to be deleted; If the main layer needs to be deleted, the corresponding main layer is deleted in the currently displayed interface to obtain a new interface; If a newly added main layer is included, inserting the newly added main layer into the existing main layer according to the layer position of the newly added main layer, and synthesizing the main layers to obtain a new interface; The new interface is displayed.

3. The interface display method according to claim 1 or 2, characterized in that: The layer position is set according to the importance and / or interaction frequency of the displayed content of the main layer.

4. The interface display method according to claim 1, characterized in that: The two or more sub-layers in the overlapping relationship display corresponding display contents in different plane areas in the main layer, and non-content display areas are all in a transparent state.

5. The interface display method according to claim 1 or 4, characterized in that: The main layer includes, from the bottom layer to the top layer according to the layer position: a content layer, a background layer, a subtitle layer, a floating layer and a notification layer.

6. The interface display method according to claim 5, characterized in that: The content layer includes one or more of the following: a video content layer and a picture content layer; when the content layer includes both the video content layer and the picture content layer as sub-layers, the two sub-layers are in a mutually exclusive relationship; The background layer includes one or more of the following: a theme background layer and a special effect background layer; when the background layer includes both the theme background layer and the special effect background layer, the two sub-layers are in a mutually exclusive relationship; The subtitle layer includes one or more of the following: a subtitle content layer and a real-time scoring content layer; when the subtitle layer includes both the subtitle content layer and the real-time scoring content layer, the two sublayers are in the superimposed relationship; The floating layer includes one or more of the following: a logo layer, a revolving light layer, a QR code layer, and a reminder message layer, wherein the logo layer, the revolving light layer, the QR code layer, and the reminder message layer are in a superimposed relationship; The notification layer includes one or more of the following: a special effect content layer, a terminal interactive message content layer, and a system notification message layer; the terminal interactive message content layer and the system notification message layer are in the mutually exclusive relationship, and the special effect content layer and any one of the terminal interactive message content layer and the system notification message layer are in the superposition relationship.

7. The interface display method according to claim 5, characterized in that: When the interface includes two main layers, the display content layer and the background layer, the content layer is cropped to retain only the portion where the display content is located, and the background layer is set to a transparent state at a position corresponding to the display content.

8. The interface display method according to claim 1, characterized in that: The interface display method is applied to a terminal of an Android operating system.

9. An interface display device, characterized in that: include: A preset module, used to predefine two or more main layers, including defining the display content of the main layer, the layer position in the interface stacking direction and the sub-layers contained therein, and defining the sub-position relationship of each sub-layer belonging to the same main layer in the corresponding layer position, the main layer and the sub-layer form a two-dimensional layer, and the sub-position relationship includes a mutually exclusive relationship or a superposition relationship; A layout module, used to determine the main layer to be displayed according to the interface display instruction, and to determine the sub-layer to be called according to the content to be displayed on the main layer; and laying out the corresponding sub-layers on the main layer according to the sub-position relationship to obtain a display style of the main layer; A synthesis module, used for stacking the main layers according to the layer positions, and synthesizing the main layers to obtain the interface; A display module is used to display the interface on a display device.

10. A computer-readable storage medium having a computer program stored therein, characterized in that: When the computer program is executed by a processor, the interface display method according to any one of claims 1 to 8 is executed.

Images