Display interface display method and device, computer equipment and storage medium

Abstract

The invention relates to a display method and device of a display interface, computer equipment and a storage medium. The method comprises the steps of obtaining first interface configuration data; from the first interface configuration data, obtaining size information of a preset screen, first style pixel data of each plug-in and a category identifier of each plug-in when the preset screen generates a preset interface; according to the size information and the category identifier of each plug-in, performing pixel conversion on the first pattern pixel data of each plug-in to obtain second pattern pixel data of each plug-in; and in the first interface configuration data, replacing the corresponding first pattern pixel data with the second pattern pixel data to obtain second interface configuration data, and performing interface generation on the to-be-matched display screen according to the second interface configuration data. According to the embodiment of the invention, the requirement of displaying multiple types of plug-ins can be met, the display effect of the interface generated on the to-be-matched display screen is consistent with that of the interface generated on the preset screen, and more accurate global replacement is realized.

Description

Technical Field

[0001] The present application relates to the field of interface display, and in particular to a display method, device, computer equipment and storage medium for a display interface. Background Art

[0002] In Web development, in order to make the plug-ins in the pre-designed display interface adapt to different screen sizes, the existing technical solutions usually introduce corresponding plug-in dependencies to help developers adapt the plug-ins, thereby achieving the technical effect of proportionally restoring the style of the display interface on devices with different screens.

[0003] However, the above solution can only handle display interfaces with a specific plug-in. When handling display interfaces with multiple types of plug-ins, it is difficult to adapt multiple types of plug-ins in the same proportion at the same time, and it is impossible to achieve global replacement of the display interface, resulting in inconsistent display interfaces on different terminals. Summary of the invention

[0004] Based on this, the present application provides a display method, device, computer equipment and storage medium for a display interface, which does not require the installation and configuration of plug-in related dependencies, reduces the complexity and build time of the project, improves project performance, and can meet the plug-in requirements of displaying multiple style types on the display screen. It is not limited to processing plug-ins of specific style types, and can handle different demand situations more flexibly. The interface generated on the display screen to be matched has a display effect consistent with the interface generated on the preset screen, thereby achieving more accurate global replacement.

[0005] As a first aspect of the present application, an embodiment of the present application provides a method for displaying a display interface, comprising the following steps:

[0006] Acquire first interface configuration data; the first interface configuration data is data configured by code when designing the interface;

[0007] Acquire, from the first interface configuration data, size information of a preset screen, first style pixel data of each plug-in when the preset screen generates a preset interface, and a category identifier of each plug-in;

[0008] According to the size information and the category identifier of each plug-in, pixel conversion is performed on the first style pixel data of each plug-in to obtain the second style pixel data of each plug-in; wherein the pixel units of the second style pixel data of each plug-in are the same;

[0009] In the first interface configuration data, the second style pixel data is used to replace the corresponding first style pixel data to obtain the second interface configuration data, so as to generate an interface on the display screen to be matched according to the second interface configuration data.

[0010] As a first aspect of the present application, an embodiment of the present application provides a display device for a display interface, including:

[0011] The interface configuration data acquisition module is used to obtain first interface configuration data; the first interface configuration data is data configured by code when designing the interface;

[0012] A pixel data extraction module, used to obtain, from the first interface configuration data, size information of a preset screen and first style pixel data of each plug-in when the preset screen generates a preset interface and a category identifier of each plug-in;

[0013] a pixel data conversion module, configured to perform pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in, so as to obtain the second style pixel data of each plug-in; wherein the pixel units of the second style pixel data of each plug-in are the same;

[0014] The interface generation module is used to replace the corresponding first style pixel data with the second style pixel data in the first interface configuration data to obtain the second interface configuration data, so as to generate an interface on the display screen to be matched according to the second interface configuration data.

[0015] As the third aspect of the present application, an embodiment of the present application provides a computer device, including a display, a processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the processor is connected to the display and the memory; when the computer program is executed by the processor, the steps of the method for displaying a display interface as described in the first aspect are implemented.

[0016] As a fourth aspect of the present application, an embodiment of the present application provides a storage medium, which stores a computer program. When the computer program is executed by a processor, the steps of the display method of the display interface as described in the first aspect are implemented.

[0017] In an embodiment of the present application, a display method, apparatus, computer equipment and storage medium for a display interface are provided, which do not require the installation and configuration of plug-in related dependencies, reduce the complexity and build time of the project, improve project performance, and at the same time meet the plug-in requirements of displaying multiple style types on the display screen. It is not limited to processing plug-ins of specific style types, and can handle different demand situations more flexibly. The interface generated on the display screen to be matched has a display effect consistent with the interface generated on the preset screen, thereby achieving more accurate global replacement.

[0018] For better understanding and implementation, the present application is described in detail below with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] Figure 1 A schematic diagram of a flow chart of a method for displaying a display interface provided in the first embodiment of the present application;

[0020] Figure 2 A schematic diagram of the process of S2 in the display interface display method provided in the first embodiment of the present application;

[0021] Figure 3 A schematic diagram of the process of S3 in the display method of the display interface provided in the first embodiment of the present application;

[0022] Figure 4 A schematic diagram of the process of S31 in the display method of the display interface provided in the first embodiment of the present application;

[0023] Figure 5 A schematic diagram of a flow chart of a method for displaying a display interface provided in the second embodiment of the present application;

[0024] Figure 6 A schematic diagram of a flow chart of a method for displaying a display interface provided in the third embodiment of the present application;

[0025] Figure 7 A schematic diagram of the structure of a display device of a display interface provided in a fourth embodiment of the present application;

[0026] Figure 8 A schematic diagram of the structure of the display device provided in the forty-fifth embodiment of the present application. DETAILED DESCRIPTION

[0027] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application. Instead, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0028] The terms used in this application are for the purpose of describing specific embodiments only and are not intended to limit this application. The singular forms of "a", "said" and "the" used in this application and the appended claims are also intended to include plural forms unless the context clearly indicates other meanings. It should also be understood that the term "and / or" used herein refers to and includes any or all possible combinations of one or more associated listed items.

[0029] It should be understood that, although the terms first, second, third, etc. may be used in the present application to describe various information, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of the present application, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the words "if" / "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determination".

[0030] See also Figure 1 , Figure 1 The present invention is a flowchart of a method for displaying a display interface according to a first embodiment of the present invention. The method comprises the following steps:

[0031] S1: Obtain first interface configuration data.

[0032] The execution subject of the display method of the display interface is the display device of the display method of the display interface (hereinafter referred to as the display device). The display device can be implemented by software and / or hardware, and the display method of the display interface can be implemented by software and / or hardware. The display device can be composed of two or more physical entities, or it can be composed of one physical entity. The hardware pointed to by the display device essentially refers to computer equipment. For example, the display device can be a computer, a mobile phone, a tablet or an interactive tablet.

[0033] In this embodiment, the display device obtains first interface configuration data, wherein the first interface configuration data is data configured using code when designing an interface.

[0034] S2: Acquire, from the first interface configuration data, size information of a preset screen, first style pixel data of each plug-in when the preset screen generates a preset interface, and a category identifier of each plug-in.

[0035] In this embodiment, the display device obtains the size information of the preset screen, the first style pixel data of each plug-in when the preset screen generates the preset interface, and the category identifier of each plug-in from the first interface configuration data, wherein the category identifier can be a single number, letter, or an ID string of a combination of numbers and letters, which is used to indicate the style category of each plug-in. Specifically, the style category includes CSS, ESS, SASS, Javascript, etc.

[0036] See also Figure 2 , Figure 2 The flowchart of S2 in the display method of the display interface provided in the first embodiment of the present application includes step S21, which is as follows:

[0037] S21: using a regularized matching method, searching and matching the first interface configuration data to obtain first style pixel data of each plug-in and a category identifier of each plug-in.

[0038] A regular expression is a tool used to match string patterns. It can search, match, and operate text by defining patterns with certain rules.

[0039] In this embodiment, the display device adopts a regularized matching method to search and match the first interface configuration data according to preset regular expression rules to obtain the first style pixel data of each plug-in and the category identification of each plug-in, wherein the regular expression rules may include digital matching, specific symbol matching, etc., to identify the feature information of plug-ins of various style categories.

[0040] S3: performing pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in to obtain the second style pixel data of each plug-in.

[0041] In this embodiment, the display device performs pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in to obtain the second style pixel data of each plug-in, wherein the pixel units of the second style pixel data of each plug-in are the same.

[0042] See also Figure 3 , Figure 3 The flowchart of S3 in the display method of the display interface provided in the first embodiment of the present application includes steps S31 to S32, which are as follows:

[0043] S31: If the category identifier of the plug-in is a preset category identifier, pixel conversion is performed on the first style pixel data of the plug-in according to the size information to obtain second style pixel data corresponding to the plug-in.

[0044] The plug-in with the preset category identification is a plug-in that only has a pixel unit (Pixel, px) style.

[0045] If the category identifier of the plug-in is a preset category identifier, in this embodiment, the display device performs pixel conversion on the first style pixel data of the plug-in according to the size information to obtain the second style pixel data of the corresponding plug-in.

[0046] The size information includes the width of the preset screen, see Figure 4 , Figure 4 The flowchart of S31 in the display method of the display interface provided in the first embodiment of the present application includes step S311, which is as follows:

[0047] S311: Divide the first style pixel data of the plug-in by the width of the preset screen to obtain second style pixel data corresponding to the plug-in.

[0048] In this embodiment, the display device divides the first-style pixel data of the plug-in by the width of the preset screen to obtain the second-style pixel data corresponding to the plug-in.

[0049] S32: If the category identifier of the plug-in is not a preset category identifier, convert the first style pixel data of the plug-in into third style pixel data of a preset category according to a preset conversion coefficient; and perform pixel conversion on the third style pixel data according to the size information to obtain second style pixel data of the corresponding plug-in.

[0050] If the category identifier of the plug-in is not a preset category identifier, the plug-in may have multiple length units, such as a viewport width unit (Viewport Width, vw), a viewport height unit (Viewport Height, vh), and the like.

[0051] In this embodiment, the display device converts the first style pixel data of the plug-in into third style pixel data of a preset category according to a preset conversion coefficient. Specifically, the display device divides the first style pixel data of the plug-in by the conversion coefficient to obtain third style pixel data of a preset category, wherein the third style pixel data has the same pixel unit as the second style pixel data of the plug-in identified by the preset category.

[0052] S4: In the first interface configuration data, the second style pixel data is used to replace the corresponding first style pixel data to obtain second interface configuration data, so as to generate an interface on the display screen to be matched according to the second interface configuration data.

[0053] In this embodiment, the display device uses the second style pixel data to replace the corresponding first style pixel data in the first interface configuration data to obtain the second interface configuration data, so as to generate the interface on the display screen to be matched according to the second interface configuration data. The display method of the above display interface does not need to install and configure plug-in related dependencies, which reduces the complexity and build time of the project, improves the project performance, and can meet the plug-in requirements of displaying multiple style types on the display screen. It is not limited to processing plug-ins of specific style types, and can handle different demand situations more flexibly. The interface generated on the display screen to be matched has a display effect consistent with the interface generated by the preset screen, realizing a more accurate global replacement.

[0054] See also Figure 5 , Figure 5A schematic flow chart of a method for displaying a display interface provided in the second embodiment of the present application includes steps S5 to S6:

[0055] S5: In response to the plug-in modification instruction, obtain the modified style pixel data of the plug-in to be modified.

[0056] The plug-in modification instruction is issued by the user and received by the display device.

[0057] In this implementation, the display device obtains the modified style pixel data of the plug-in to be modified in response to the data processing instruction.

[0058] S6: Perform pixel conversion on the modified style pixel data of the plug-in to be modified to obtain the fourth style pixel data of the plug-in to be modified; in the second interface configuration data, use the fourth style pixel data to replace the corresponding second style pixel data to obtain the updated second interface configuration data, so as to generate the interface on the display screen to be matched according to the updated second interface configuration data.

[0059] In this implementation, the display device performs pixel conversion on the modified style pixel data of the plug-in to be modified to obtain the fourth style pixel data of the plug-in to be modified. For the specific implementation, reference may be made to steps S2 to S3, which will not be described in detail herein.

[0060] The display device replaces the corresponding second style pixel data with the fourth style pixel data in the second interface configuration data to obtain the updated second interface configuration data, so as to generate the interface on the display screen to be matched according to the updated second interface configuration data. When constructing the interface configuration data for generating the interface on the display screen to be matched, the plug-in modification requirements can be met, and when generating the interface, the existing interface configuration data can be modified to realize the dynamic processing of the plug-in modification requirements, which has stronger flexibility and improves the efficiency of the development and configuration of the display interface.

[0061] See also Figure 6 , Figure 6 A schematic flow chart of a display method of a display interface provided in the third embodiment of the present application includes steps S7 to S9:

[0062] S7: In response to the plug-in adding instruction, initial plug-in configuration data of the plug-in to be added is obtained.

[0063] The plug-in adding instruction is sent by the user and received by the display device.

[0064] In this embodiment, the display device obtains initial plug-in configuration data of the plug-in to be added in response to the plug-in adding instruction, wherein the initial plug-in configuration data includes first style pixel data of the plug-in to be added and a category identifier of the plug-in to be added.

[0065] S8: According to the size information and the category identifier of the plug-in to be added, pixel conversion is performed on the first style pixel data of the plug-in to be added to obtain the second style pixel data of the plug-in to be added, and the first style pixel data of the plug-in to be added in the initial plug-in configuration data is replaced with the second style pixel data of the plug-in to be added to obtain the updated plug-in configuration data.

[0066] In this embodiment, the display device performs pixel conversion on the first style pixel data of the plug-in to be added according to the size information and the category identifier of the plug-in to be added, and obtains the second style pixel data of the plug-in to be added. The specific implementation example can refer to steps S2 to S3, which will not be repeated here.

[0067] The display device replaces the first style pixel data of the plug-in to be added in the initial plug-in configuration data with the second style pixel data of the plug-in to be added, and obtains updated plug-in configuration data. When constructing interface configuration data for generating an interface on a display screen to be matched, the demand for adding plug-ins can be met, and when generating an interface, the existing interface configuration data can be modified to realize dynamic processing of the demand for adding plug-ins, which has greater flexibility and improves the efficiency of display interface development and configuration.

[0068] S9: combining the update plug-in configuration data and the second interface configuration data to obtain third interface configuration data, and generating an interface on the display screen to be matched according to the third interface configuration data.

[0069] In this embodiment, the display device combines the update plug-in configuration data and the second interface configuration data to obtain third interface configuration data, so as to generate an interface on the display screen to be matched according to the third interface configuration data.

[0070] Please refer to Figure 7 , Figure 7 This is a schematic diagram of the structure of a Launcher application update device based on the Android system provided in the fourth embodiment of the present application. The device can implement all or part of the display method of the display interface through software, hardware, or a combination of both. The device 7 includes:

[0071] The interface configuration data acquisition module 71 is used to obtain first interface configuration data; the first interface configuration data is data configured by code when designing the interface;

[0072] A pixel data extraction module 72, configured to obtain, from the first interface configuration data, size information of a preset screen, first style pixel data of each plug-in when the preset screen generates a preset interface, and a category identifier of each plug-in;

[0073] The pixel data conversion module 73 is used to perform pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in to obtain the second style pixel data of each plug-in; wherein the pixel units of the second style pixel data of each plug-in are the same;

[0074] The interface generation module 74 is used to replace the corresponding first style pixel data with the second style pixel data in the first interface configuration data to obtain the second interface configuration data, so as to generate the interface on the display screen to be matched according to the second interface configuration data. It is not necessary to install and configure the dependencies related to the plug-in, which reduces the complexity and build time of the project, improves the project performance, and can meet the plug-in requirements of displaying multiple style types on the display screen. It is not limited to processing plug-ins of specific style types, and can handle different demand situations more flexibly. The interface generated on the display screen to be matched has the same display effect as the interface generated on the preset screen, so as to achieve more accurate global replacement.

[0075] Please refer to Figure 8 , Figure 8 The structural schematic diagram of the display device provided for the fifth embodiment of the present application, the display device 8 includes: a display 81, a processor 82, a memory 83, and a computer program 84 stored in the memory 83 and executable on the processor 82; the processor 82 is connected to the display 81 and the storage 83; the display device 8 can store a plurality of instructions, and the instructions are suitable for the processor 82 to load and execute the display method steps of the display interface of the above-mentioned embodiment. The specific execution process can refer to the specific description of the above-mentioned first to third embodiments, which will not be repeated here.

[0076] The display 81 is an I / O device, which is a display tool that displays certain electronic files on a screen through a specific transmission device and then reflects them to human eyes.

[0077] Among them, the processor 82 may include one or more processing cores. The processor 82 uses various interfaces and lines to connect various parts in the server, and executes various functions and processes data of the display device 7 by running or executing instructions, programs, code sets or instruction sets stored in the memory 83, and calling the data in the memory 83. Optionally, the processor 82 can be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programble Logic Array, PLA). The processor 82 can integrate one or more combinations of a central processing unit 82 (Central Processing Unit, CPU), an image processor 82 (Graphics Processing Unit, GPU) and a modem. Among them, the CPU mainly processes the operating system, user interface and application programs; the GPU is responsible for rendering and drawing the content to be displayed on the touch display screen; the modem is used to process wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 82, and it can be implemented by a single chip.

[0078] Among them, the memory 83 may include a random access memory 83 (Random Access Memory, RAM), and may also include a read-only memory 83 (Read-Only Memory). Optionally, the memory 83 includes a non-transitory computer-readable storage medium. The memory 83 can be used to store instructions, programs, codes, code sets or instruction sets. The memory 83 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function (such as touch instructions, etc.), instructions for implementing the above-mentioned various method embodiments, etc.; the data storage area may store data involved in the above-mentioned various method embodiments, etc. The memory 83 may also be optionally at least one storage device located away from the aforementioned processor 82.

[0079] An embodiment of the present application also provides a storage medium, which can store multiple instructions. The instructions are suitable for being loaded by a processor and executing the method steps of the above-mentioned first to third embodiments. The specific execution process can refer to the specific description of the embodiments shown in the first to third embodiments, and will not be repeated here.

[0080] The technicians in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example for illustration. In practical applications, the above-mentioned function allocation can be completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiment can be integrated in a processing unit, or each unit can exist physically separately, or two or more units can be integrated in one unit. The above-mentioned integrated unit can be implemented in the form of hardware or in the form of software functional units. In addition, the specific names of the functional units and modules are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application. The specific working process of the units and modules in the above-mentioned system can refer to the corresponding process in the aforementioned method embodiment, which will not be repeated here.

[0081] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0082] Those of ordinary skill in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0083] In the embodiments provided in the present application, it should be understood that the disclosed devices / terminal equipment and methods can be implemented in other ways. For example, the device / terminal equipment embodiments described above are only schematic. For example, the division of the modules or units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0084] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0085] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0086] If the integrated module / unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the present application implements all or part of the processes in the above-mentioned embodiment method, and can also be completed by instructing the relevant hardware through a computer program. The computer program can be stored in a computer-readable storage medium, and the computer program can implement the steps of the above-mentioned method embodiments when executed by the processor. Among them, the computer program includes computer program code, and the computer program code can be in source code form, object code form, executable file or some intermediate form, etc.

[0087] The present application is not limited to the above-mentioned implementation modes. If various changes or modifications to the present application do not depart from the spirit and scope of the present application, and if these changes and modifications fall within the claims and equivalent technical scope of the present application, the present application is also intended to include these changes and modifications.

Claims

1. A display method for a display interface, characterized in that: include: Obtaining first interface configuration data; The first interface configuration data is data configured using code when designing the interface; Acquire, from the first interface configuration data, size information of a preset screen, first style pixel data of each plug-in when the preset screen generates a preset interface, and a category identifier of each plug-in; According to the size information and the category identifier of each plug-in, pixel conversion is performed on the first style pixel data of each plug-in to obtain the second style pixel data of each plug-in; wherein the pixel units of the second style pixel data of each plug-in are the same; In the first interface configuration data, the second style pixel data is used to replace the corresponding first style pixel data to obtain the second interface configuration data, so as to generate an interface on the display screen to be matched according to the second interface configuration data.

2. The display method of the display interface according to claim 1, characterized in that: The step of acquiring the size information of the preset screen and the first style pixel data of each plug-in and the category identifier of each plug-in when the preset screen generates the preset interface from the first interface configuration data comprises the following steps: A regularized matching method is used to search and match the first interface configuration data to obtain the first style pixel data of each plug-in and the category identifier of each plug-in.

3. The display method of the display interface according to claim 1, characterized in that: The step of performing pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in to obtain the second style pixel data of each plug-in includes: If the category identifier of the plug-in is a preset category identifier, pixel conversion is performed on the first style pixel data of the plug-in according to the size information to obtain second style pixel data of the corresponding plug-in; If the category identifier of the plug-in is not a preset category identifier, the first style pixel data of the plug-in is converted into third style pixel data of a preset category according to a preset conversion coefficient; and the third style pixel data is pixel-converted according to the size information to obtain the second style pixel data of the corresponding plug-in.

4. The display method of the display interface according to claim 3, characterized in that: The size information includes the width of the preset screen; The step of performing pixel conversion on the first style pixel data of the plug-in according to the size information to obtain the second style pixel data of the corresponding plug-in includes: The first style pixel data of the plug-in is divided by the width of the preset screen to obtain the second style pixel data of the corresponding plug-in.

5. The display method of the display interface according to any one of claims 1 to 4, characterized in that: Also includes the steps: In response to the plug-in modification instruction, obtaining modified style pixel data of the plug-in to be modified; Perform pixel conversion on the modified style pixel data of the plug-in to be modified to obtain the fourth style pixel data of the plug-in to be modified; In the second interface configuration data, the fourth style pixel data is used to replace the corresponding second style pixel data to obtain updated second interface configuration data, so as to generate an interface on the display screen to be matched according to the updated second interface configuration data.

6. The display method of a display interface according to any one of claims 1 to 4, characterized in that: Also includes the steps: In response to the plug-in adding instruction, obtaining initial plug-in configuration data of the plug-in to be added, wherein the initial plug-in configuration data includes first style pixel data of the plug-in to be added and a category identifier of the plug-in to be added; According to the size information and the category identifier of the plug-in to be added, pixel conversion is performed on the first style pixel data of the plug-in to be added to obtain the second style pixel data of the plug-in to be added, and the first style pixel data of the plug-in to be added in the initial plug-in configuration data is replaced with the second style pixel data of the plug-in to be added to obtain the updated plug-in configuration data; The update plug-in configuration data and the second interface configuration data are combined to obtain third interface configuration data, so as to generate an interface on the display screen to be matched according to the third interface configuration data.

7. A display device for displaying an interface, characterized in that: include: An interface configuration data acquisition module, used to acquire first interface configuration data; The first interface configuration data is data configured using code when designing the interface; A pixel data extraction module, used to obtain, from the first interface configuration data, size information of a preset screen and first style pixel data of each plug-in when the preset screen generates a preset interface and a category identifier of each plug-in; a pixel data conversion module, configured to perform pixel conversion on the first style pixel data of each plug-in according to the size information and the category identifier of each plug-in, so as to obtain the second style pixel data of each plug-in; wherein the pixel units of the second style pixel data of each plug-in are the same; The interface generation module is used to replace the corresponding first style pixel data with the second style pixel data in the first interface configuration data to obtain the second interface configuration data, so as to generate an interface on the display screen to be matched according to the second interface configuration data.

8. A computer device, characterized in that: It includes a display, a processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the processor is connected to the display and the memory; when the processor executes the computer program, the steps of the display method of the display interface as described in any one of claims 1 to 6 are implemented.

9. A storage medium, characterized in that: The storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the method for displaying a display interface according to any one of claims 1 to 6 are implemented.

Images