Component-based interface display method and device, equipment and storage medium

Abstract

The invention relates to interface visualization, and provides an interface display method and device, equipment and a storage medium, and the method comprises the steps: determining one component from a plurality of components of a current display interface as a base point component; acquiring a first boundary coordinate of the base point component, and acquiring second boundary coordinates of other components except the base point component in the plurality of components; according to the first boundary coordinates of the base point assembly and the second boundary coordinates of the other assemblies, whether display overlapping exists between the base point assembly and the other assemblies is determined; if it is determined that display overlapping exists between the base point component and the other components, determining first display content which has display overlapping with the base point component from the other components; and hiding and displaying the first display content. The invention further relates to the block chain, and aims to solve the problem of display overlapping among the components in the display interface.

Description

Technical Field

[0001] The present application relates to the technical field of interface visualization, and in particular to a component-based interface display method, device, equipment and storage medium. Background Art

[0002] At present, the display interface of the display device in a specific scene is formed by editing components one by one. Multiple components in the display interface usually need to render the acquired data to be displayed. However, uncertain factors such as the different lengths of the data to be displayed and the different rendering effects increase the complexity of rendering. Therefore, when rendering data, each component is prone to display overlap, occlusion, incomplete display, etc., resulting in an inability to preview normally and affecting the user experience. Therefore, how to solve the display overlap between components in the display interface is a problem that needs to be solved urgently. Summary of the invention

[0003] The main purpose of the present application is to provide a component-based interface display method, device, equipment and storage medium, aiming to solve the display overlap problem between components in the display interface so that the display interface can be displayed normally.

[0004] In a first aspect, the present application provides a component-based interface display method, comprising:

[0005] Determine a component from multiple components of the current display interface as a base point component;

[0006] Acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component;

[0007] Determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0008] If it is determined that there is a display overlap between the base point component and the other components, determining a first display content that has a display overlap with the base point component from the other components;

[0009] The first display content is hidden and displayed.

[0010] In a second aspect, the present application further provides a display control device, the display control device comprising:

[0011] A base point determination module, used to determine a component from multiple components of the current display interface as a base point component;

[0012] A coordinate acquisition module, used to acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component;

[0013] An overlap determination module, used for determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0014] The overlap determination module is further configured to determine, from the other components, a first display content that has a display overlap with the base point component if it is determined that there is a display overlap between the base point component and the other components;

[0015] The content display module is used to hide and display the first display content.

[0016] In a third aspect, the present application also provides a display device, comprising a processor, a memory, and a computer program stored in the memory and executable by the processor, wherein when the computer program is executed by the processor, the steps of the interface display method as described above are implemented.

[0017] In a fourth aspect, the present application further provides a computer-readable storage medium, on which a computer program is stored, wherein when the computer program is executed by a processor, the steps of the interface display method as described above are implemented.

[0018] The present application provides a component-based interface display method, including: determining a component as a base point component from multiple components of the current display interface; obtaining the first boundary coordinates of the base point component, and obtaining the second boundary coordinates of other components except the base point component among the multiple components; determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components; if it is determined that there is display overlap between the base point component and the other components, determining the first display content that has display overlap with the base point component from the other components; hiding and displaying the first display content. The embodiment of the present application can accurately determine whether there is display overlap between components through the boundary coordinates of the components, thereby solving the display overlap problem between components in the display interface, so that the display interface can be displayed normally. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0020] Figure 1 A schematic diagram of the steps of a component-based interface display method provided in an embodiment of the present application;

[0021] Figure 2 A schematic diagram of the current display interface provided by an embodiment of the present application;

[0022] Figure 3 Another schematic diagram of the current display interface provided by an embodiment of the present application;

[0023] Figure 4 A schematic diagram of multiple components of a display interface provided in an embodiment of the present application;

[0024] Figure 5 Another schematic diagram of multiple components of a display interface provided by an embodiment of the present application;

[0025] Figure 6 A schematic block diagram of a display control device provided in an embodiment of the present application;

[0026] Figure 7 A schematic block diagram of a display device provided in an embodiment of the present application.

[0027] The realization of the purpose, functional features and advantages of this application will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0028] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0029] The flowcharts shown in the accompanying drawings are only examples and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps may also be decomposed, combined or partially merged, so the actual execution order may change according to actual conditions.

[0030] In the related art, the method of obtaining component overlap or occlusion is complex and inaccurate, different results will be obtained on different display devices, and freezes or frame drops may occur.

[0031] The embodiments of the present application provide a component-based interface display method, apparatus, device, and storage medium. The interface display method can be applied to a display device, which can include a display screen to display the current display interface. The display device is, for example, an electronic device such as a mobile phone, a tablet computer, a laptop computer, a desktop computer, a personal digital assistant, and a wearable device.

[0032] In conjunction with the accompanying drawings, some embodiments of the present application are described in detail below. In the absence of conflict, the following embodiments and features in the embodiments can be combined with each other.

[0033] Please refer to Figure 1 , Figure 1 A schematic diagram of the steps of a component-based interface display method provided in an embodiment of the present application.

[0034] like Figure 1 As shown, the interface display method includes steps S101 to S105.

[0035] Step S101: determine a component from multiple components of the current display interface as a base component.

[0036] Among them, the components in the display interface usually refer to various elements used to build the user interface. For example, the component can include basic components of the interface such as labels, buttons, text boxes, drop-down lists, etc. The component can also include container components such as forms, panels, tabs, etc. The component can also include advanced components such as tables, tree views, image boxes, etc. It can be seen that components can be used to display a variety of data sources such as text, symbols, images, etc., and multiple components can also be used to achieve different functions.

[0037] In one embodiment, when laying out multiple components on a display interface, the multiple components can be arranged from left to right in the order of addition, or the multiple components can be arranged in a two-dimensional grid, or the multiple components can be set in a one-dimensional space, where the components can be arranged horizontally or vertically.

[0038] In one embodiment, the current display interface displays multiple components, and one component can be determined from the multiple components of the current display interface as a base component. Among them, a component with set attributes can be used as the base component, and the set attribute is, for example, an image box or a text box. It is also possible to determine a component from multiple components as the base component based on the area occupied by the component in the current display interface, for example, selecting a component with the largest occupied area in the current display interface as the base component.

[0039] Among them, a component with the most adjacent components can be determined from multiple components as a base component. A component can also be determined from multiple components as a base component according to a user's selection operation. For example, the user can turn on the interface repair mode through the current display interface, and under the guidance of the interface repair mode, determine a component from multiple components as a base component.

[0040] For example, Figure 2As shown, the current display interface 10 includes multiple components A, B, C, D, and E. Among them, components A and B are text boxes, and the display content of components A and B is text data. Components C and E are labels, and the display content of components C and E is the corresponding label content. Component D is an image frame, which can be used to display image data. Therefore, one component can be determined from the multiple components A, B, C, D, and E of the current display interface 10 as the base component. For example, component D with a set attribute of an image frame can be selected as the base component. Alternatively, component C can be selected as the base component according to the user's selection operation.

[0041] In one embodiment, determining a component from multiple components of the current display interface as a base component includes: dividing the current display interface into multiple display modules, and determining a component from each display module as a base component.

[0042] It should be noted that when the current display interface has a lot of display content, or the current display interface displays content in a modular manner, the current display interface can be divided into multiple display modules, wherein each display module includes multiple components. Components in different display modules will not have display overlap problems, so a component can be determined from each display module as a base point component, so as to facilitate the subsequent determination of display overlap problems in each display module.

[0043] For example, Figure 3 As shown, the current display interface 10 includes a display module 11, a display module 12, a display module 13 and a display module 14. Among them, the display module 11, the display module 12, the display module 13 and the display module 14 each include multiple components. Figure 3 As shown, component 111 in display module 11 is taken as a base component, and component 131 in display module 13 is taken as a base component.

[0044] Step S102: Acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component.

[0045] The shape of the base point component can be fixed or dynamically changed. For example, when the components are laid out in a flow layout, the components are arranged from left to right in the order in which they are added, and they will automatically wrap when they cannot fit in one row. When the components are laid out in a stack layout, the components are stacked together in the order in which they are added, and can be arranged vertically or horizontally.

[0046] Therefore, it is necessary to determine the base point component and other components in the current display interface in real time, so as to obtain the first boundary coordinates of the base point component and the second boundary coordinates of the other components, and the first boundary coordinates and the second boundary coordinates both include multiple position coordinates. The first boundary coordinates are the coordinates of multiple boundary points of the base point component, and the second boundary coordinates are the coordinates of multiple boundary points of the other components. The embodiment of the present application does not specifically limit the boundary shape and size of the base point component and other components.

[0047] In one embodiment, obtaining the first boundary coordinates of the base point component includes: obtaining the size information of the current display interface; establishing a coordinate system according to the size information of the current display interface; determining multiple coordinates of the boundary points of the base point component in the coordinate system, and obtaining the first boundary coordinates of the base point component.

[0048] The coordinate system may be determined according to the type of the current display interface. When the current display interface is a two-dimensional display interface, the coordinate system may be a plane rectangular coordinate system. When the current display interface is a three-dimensional display interface, the coordinate system may be a space rectangular coordinate system. The coordinate system may be established with a corner point or a center point of the current display interface as the origin.

[0049] It should be noted that the boundary points of the base point component may include multiple vertices, and of course may also include one or more points on multiple edges. The outer contour of the base point component can be represented by the multiple boundary points of the base point component. When the base point component is a rendered component, the multiple boundary points of the base point component may be the outermost points after rendering or points on the outermost line segment. After determining the multiple boundary points of the base point component, the multiple coordinates of the boundary points of the base point component in the coordinate system are used as the first boundary coordinates of the base point component.

[0050] Furthermore, the size information of the current display interface may be determined according to the resolution of the display screen on which the current display interface is displayed. For example, the length information and width information of the current display interface may be determined according to the resolution of the display screen, and the length information and width information are used as the size information of the current display interface.

[0051] Furthermore, the size information of the current display interface can be determined based on the size data of the display screen and the difference between the blank margins. For example, the width of the display screen is determined to be w1 and the length is h1 by the resolution of the display screen. Moreover, the blank margins of the display screen in both width and length are m1, then the length of the current display interface is h1-m1, and the width of the current display interface is w1-m1.

[0052] In one embodiment, when obtaining the second boundary coordinates of other components except the base point component among the multiple components, the method for obtaining the first boundary coordinates of the base point component can be referred to. For example, after establishing the coordinate system, multiple boundary points of each other component are determined; and the second boundary coordinates of each other component are obtained according to the multiple coordinates corresponding to the multiple boundary points of each other component in the coordinate system.

[0053] In one embodiment, second boundary coordinates of other components among multiple components except the base point component are obtained, including: when the relative arrangement positions of the multiple components change, the other components whose positions have changed are determined as first components; and the current coordinates of multiple boundary points of the first component are determined in the coordinate system to obtain the second boundary coordinates of the first component.

[0054] It should be noted that the relative arrangement positions of components may change. For example, when the data displayed by a component does not exist (such as data transfer) or cannot be accessed, the position of the component may be replaced by another component, resulting in a change in the relative arrangement position. Among them, the coordinate position of the base point component usually does not change with the changes in these relative arrangement positions.

[0055] Therefore, when the relative arrangement positions of multiple components change, the focus is on the coordinate changes of other components, and the second boundary coordinates of other components with changed coordinates are updated. Based on this, the other components with changed positions can be determined as the first component, and then the current coordinates of multiple boundary points of the first component are determined according to the established coordinate system to obtain the second boundary coordinates of the first component, so that the update of the second boundary coordinates can be realized in a timely and effective manner.

[0056] Step S103: Determine whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components.

[0057] Among them, the other components can be one or more. When there are multiple other components, it is necessary to determine the display overlap information between the base point component and multiple other components according to the first boundary coordinates of the base point component and the second boundary coordinates of multiple other components. The display overlap information is used to characterize whether there is display overlap between the base point component and other components.

[0058] It should be noted that the embodiment of the present application obtains the display overlap information between components by means of boundary coordinates, and only needs to determine whether there is display overlap between the base point component and other components. The amount of data calculation is small, and the detection method is more flexible, so the detection efficiency and accuracy of the display overlap between each component can be improved.

[0059] In one embodiment, the intersection between the first boundary coordinates of the base point component and the second boundary coordinates of the other components is obtained; if the intersection is an empty set, it is determined that there is no display overlap between the base point component and the other components; if the intersection is not an empty set, it is determined that there is display overlap between the base point component and the other components.

[0060] It can be understood that if there is no display overlap between the base point component and other components, there will be no intersection between the boundary of the base point component and the boundary of other components, so the intersection between the first boundary coordinate of the base point component and the second boundary coordinate of other components is an empty set.

[0061] It can be understood that if there is display overlap between the base point component and other components, there will be an intersection between the boundary of the base point component and the boundary of the other components, so the intersection between the first boundary coordinate of the base point component and the second boundary coordinate of the other components is not an empty set.

[0062] Therefore, by calculating the intersection between the first boundary coordinates of the base point component and the second boundary coordinates of other components, it is possible to accurately determine whether there is display overlap between the base point component and other components. The amount of data calculation is small and the detection efficiency of display overlap is high.

[0063] In one embodiment, the first boundary coordinates of the base point component are connected to obtain the first boundary line of the base point component; and the second boundary coordinates of other components are connected to obtain the second boundary lines of other components; if the first boundary line intersects with the second boundary line, it is determined that there is a display overlap between the base point component and the other components; if the first boundary line does not intersect with the second boundary line, it is determined that there is no display overlap between the base point component and the other components.

[0064] The first boundary line and the second boundary line may be corrected by a point drawing method or the like. If there is a display overlap between the base point component and other components, the first boundary line of the base point component and the second boundary line of the other components will have an intersection, that is, the first boundary line and the second boundary line intersect. If there is no display overlap between the base point component and other components, the first boundary line of the base point component and the second boundary line of the other components will not have an intersection, that is, the first boundary line and the second boundary line do not intersect.

[0065] Therefore, by judging whether the first boundary line of the base point component intersects with the second boundary line of other components, it is possible to accurately determine whether there is display overlap between the base point component and other components. The judgment result is more reliable and the detection accuracy of display overlap between components is higher.

[0066] For example, Figure 4As shown, component D is the base component, and components A, C, and E are other components. The first boundary coordinates of the base component D are connected to obtain a first boundary line 24. The second boundary coordinates of the other components A, C, and E are connected to obtain second boundary lines 21, 22, and 23, respectively. Figure 4 It can be seen that the first boundary line 24 does not intersect with the second boundary line 21, so it is determined that there is no display overlap between the base point component D and other components A. The first boundary line 24 intersects with the second boundary lines 22 and 23, so it is determined that there is display overlap between the base point component D and other components C and E.

[0067] Step S104: If it is determined that there is display overlap between the base component and other components, determine the first display content that has display overlap with the base component from other components.

[0068] In the case where there is display overlap between the base point component and other components, first display content that has display overlap with the base point component is determined in the other components, and the first display content is part of the display content in the other components.

[0069] In one embodiment, if it is determined that there is display overlap between the base point component and other components, a target area with display overlap is determined from other components; display content related to the target area is obtained from other components to obtain first display content with display overlap with the base point component.

[0070] The display content related to the target area can be determined by the position coordinates of the display content. For example, if at least one position coordinate of the display content is within the coordinate set of the target area, the display content is related to the target area and is identified as the first display content. If the coordinate set of the target area does not include all the position coordinates of the display content, the display content is not related to the target area.

[0071] For example, Figure 5 As shown, component D is a base component, and component E is another component. There is a display overlap between base component D and another component E. Among them, another component E has multiple components, such as subcomponents e1, e2, e3, e9, etc. Therefore, it can be determined from other components E that the first display content that has a display overlap with base component D is e9. Alternatively, it can be determined from the target area of ​​other components E that the first display content that has a display overlap with base component D is e9.

[0072] It should be noted that in order to further ensure the privacy and security of the display content in the above-mentioned components, such as the first display content and other related information, the above-mentioned first display content and other related information can also be stored in a blockchain node. The technical solution of the present application can also be applied to adding other data files stored on the blockchain. The blockchain referred to in this application is a new application model of computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanism, and encryption algorithm.

[0073] Step S105: hide and display the first display content.

[0074] When there is display overlap between the base point component and other components, in order to meet the normal display requirements of the display interface, it is necessary to determine in other components the first display content that has display overlap with the base point component, and then hide the first display content, thereby solving the display overlap problem between components in the display interface and allowing the display interface to be displayed normally.

[0075] For example, Figure 5 As shown, the first display content e9 is determined to be overlapped with the base point component D from other components E. A hide display instruction of the first display content e9 is generated, and the hide display instruction is executed to hide and display the first display content e9.

[0076] In one embodiment, the other components include multiple sub-components; the method also includes: setting the display content of the multiple sub-components to a cache pool; when there is a display overlap between the base point component and the other components, determining from the cache pool a second display content that does not have a display overlap with the base point component; and displaying the second display content based on the cache pool.

[0077] It should be noted that the relevant technology determines that the display overlap process will lead to poor performance, freezes or dropped frames. Therefore, the embodiment of the present application is equipped with a cache pool, and the display content of multiple subcomponents is set to the cache pool. When there is a display overlap between the base point component and other components, the second display content is obtained through the cache pool and displayed. It can be seen that the embodiment of the present application obtains the second display content through the cache pool for interface display, which can improve the display smoothness and thus prevent freezes or dropped frames.

[0078] Exemplarily, a cache pool can be added, for example, 10 items are set, wherein the user can set the number of caches according to the size of the display screen. When the data is rendered for the first time, the layout positions of item1, item2...item10 related to the base component are loaded into the cache pool. When the list is scrolled, if item1 slides out, item11 will slide into the position of item10. Therefore, when determining the first display content that overlaps with the base component in step S104, the overlap judgment can be performed by obtaining the subcomponents in the cache pool.

[0079] In one embodiment, the method also includes: when there is no display overlap between the base point component and other components, determining the shortest distance between the base point component and other components; when the shortest distance is less than or equal to the set spacing, determining a third display content from other components; wherein the shortest distance between the third display content and the base point component is less than or equal to the set spacing; and hiding and displaying the third display content.

[0080] It should be noted that a spacing distance can be set between components, and the spacing distance is, for example, a set spacing. When displaying each component, the display interface needs to first determine whether the shortest distance between the components is greater than the set spacing. If the shortest distance is less than or equal to the set spacing, the display setting condition is not met, so it is necessary to determine from other components a third display content whose shortest distance from the base point component is less than or equal to the set spacing, and hide the third display content, thereby solving the display overlap problem between the components in the display interface, so that the display interface can be displayed normally.

[0081] The interface display method provided in the above embodiment determines a component as a base point component from multiple components of the current display interface; obtains the first boundary coordinates of the base point component, and obtains the second boundary coordinates of other components except the base point component from the multiple components; determines whether there is display overlap between the base point component and the other components based on the first boundary coordinates of the base point component and the second boundary coordinates of the other components; if it is determined that there is display overlap between the base point component and the other components, determines the first display content that has display overlap with the base point component from the other components; and hides and displays the first display content. The embodiment of the present application can accurately determine whether there is display overlap between components through the boundary coordinates of the components, thereby solving the display overlap problem between components in the display interface, so that the display interface can be displayed normally.

[0082] Please refer to Figure 6 , Figure 6 A schematic block diagram of a display control device provided in an embodiment of the present application.

[0083] like Figure 6As shown, the display control device 200 includes:

[0084] A base point determination module 201 is used to determine a component from multiple components of the current display interface as a base point component;

[0085] A coordinate acquisition module 202 is used to acquire the first boundary coordinates of the base point component and to acquire the second boundary coordinates of other components among the multiple components except the base point component;

[0086] An overlap determination module 203, configured to determine whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0087] The overlap determination module 203 is further configured to determine, from the other components, a first display content that has a display overlap with the base point component if it is determined that there is a display overlap between the base point component and the other components;

[0088] The content display module 204 is used to hide and display the first display content.

[0089] In one embodiment, the coordinate acquisition module 202 is further used for:

[0090] Obtaining size information of the current display interface;

[0091] Establishing a coordinate system according to the size information of the current display interface;

[0092] Determine a plurality of coordinates of the boundary points of the base point component in the coordinate system to obtain first boundary coordinates of the base point component.

[0093] In one embodiment, the coordinate acquisition module 202 is further used for:

[0094] When the relative arrangement positions of the plurality of components change, determining other components whose positions have changed as first components;

[0095] The current coordinates of a plurality of boundary points of the first component are determined in the coordinate system to obtain second boundary coordinates of the first component.

[0096] In one embodiment, the overlap determination module 203 is further configured to:

[0097] Obtaining the intersection between the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0098] If the intersection is an empty set, it is determined that there is no display overlap between the base point component and the other components;

[0099] If the intersection is not an empty set, it is determined that there is a display overlap between the base point component and the other components.

[0100] In one embodiment, the overlap determination module 203 is further configured to:

[0101] Connecting the first boundary coordinates of the base point components to obtain a first boundary line of the base point components; and

[0102] Connecting the second boundary coordinates of the other components to obtain second boundary lines of the other components;

[0103] If the first boundary line intersects with the second boundary line, it is determined that there is a display overlap between the base point component and the other components;

[0104] If the first boundary line does not intersect with the second boundary line, it is determined that there is no display overlap between the base point component and the other components.

[0105] In one embodiment, the other components include multiple sub-components; the content display module 204 is further used to:

[0106] Setting the display contents of the multiple subcomponents to a cache pool;

[0107] When there is a display overlap between the base point component and the other components, determining from the cache pool a second display content that does not have a display overlap with the base point component;

[0108] The second presentation content is displayed based on the cache pool.

[0109] In one embodiment, the content display module 204 is further configured to:

[0110] When there is no display overlap between the base point component and the other components, determining the shortest distance between the base point component and the other components;

[0111] When the shortest distance is less than or equal to the set distance, determining a third display content from the other components; wherein the shortest distance between the third display content and the base point component is less than or equal to the set distance;

[0112] The third display content is hidden and displayed.

[0113] It should be noted that technicians in the relevant field can clearly understand that for the convenience and simplicity of description, the specific working processes of the above-described devices and modules and units can refer to the corresponding processes in the aforementioned interface display method embodiment, and will not be repeated here.

[0114] The apparatus provided in the above embodiment may be implemented in the form of a computer program. The computer program may be Figure 7 Runs on the display device shown.

[0115] See also Figure 7 , Figure 7 A schematic block diagram of a display device provided in an embodiment of the present application.

[0116] like Figure 7 As shown, the display device includes a processor, a memory, and a network interface connected via a system bus, wherein the memory may include a storage medium and an internal memory, and the storage medium may be non-volatile or volatile.

[0117] The storage medium can store an operating system and a computer program. The computer program includes program instructions, and when the program instructions are executed, the processor can execute any interface display method.

[0118] The processor is used to provide computing and control capabilities to support the operation of the entire display device.

[0119] The internal memory provides an environment for the operation of the computer program in the storage medium. When the computer program is executed by the processor, the processor can execute any interface display method.

[0120] The network interface is used for network communication, such as sending assigned tasks, etc. Those skilled in the art will understand that Figure 7 The structure shown in the figure is merely a block diagram of a partial structure related to the scheme of the present application, and does not constitute a limitation on the display device to which the scheme of the present application is applied. The specific display device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0121] It should be understood that the processor may be a central processing unit (CPU), and the processor may also be other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. Among them, the general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.

[0122] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0123] Determine a component from multiple components of the current display interface as a base point component;

[0124] Acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component;

[0125] Determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0126] If it is determined that there is a display overlap between the base point component and the other components, determining a first display content that has a display overlap with the base point component from the other components;

[0127] The first display content is hidden and displayed.

[0128] In one embodiment, when the processor implements the acquiring of the first boundary coordinates of the base point component, the processor is used to implement:

[0129] Obtaining size information of the current display interface;

[0130] Establishing a coordinate system according to the size information of the current display interface;

[0131] Determine a plurality of coordinates of the boundary points of the base point component in the coordinate system to obtain first boundary coordinates of the base point component.

[0132] In one embodiment, when the processor implements the step of obtaining the second boundary coordinates of other components among the multiple components except the base point component, the processor is used to implement:

[0133] When the relative arrangement positions of the plurality of components change, determining other components whose positions have changed as first components;

[0134] The current coordinates of a plurality of boundary points of the first component are determined in the coordinate system to obtain second boundary coordinates of the first component.

[0135] In one embodiment, when the processor implements the step of determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components, the processor is configured to implement:

[0136] Obtaining the intersection between the first boundary coordinates of the base point component and the second boundary coordinates of the other components;

[0137] If the intersection is an empty set, it is determined that there is no display overlap between the base point component and the other components;

[0138] If the intersection is not an empty set, it is determined that there is a display overlap between the base point component and the other components.

[0139] In one embodiment, when the processor implements the step of determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components, the processor is configured to implement:

[0140] Connecting the first boundary coordinates of the base point components to obtain a first boundary line of the base point components; and

[0141] Connecting the second boundary coordinates of the other components to obtain second boundary lines of the other components;

[0142] If the first boundary line intersects with the second boundary line, it is determined that there is a display overlap between the base point component and the other components;

[0143] If the first boundary line does not intersect with the second boundary line, it is determined that there is no display overlap between the base point component and the other components.

[0144] In one embodiment, the other components include multiple subcomponents; the processor is further configured to implement:

[0145] Setting the display contents of the multiple subcomponents to a cache pool;

[0146] When there is a display overlap between the base point component and the other components, determining from the cache pool a second display content that does not have a display overlap with the base point component;

[0147] The second presentation content is displayed based on the cache pool.

[0148] In one embodiment, the processor is further configured to implement:

[0149] When there is no display overlap between the base point component and the other components, determining the shortest distance between the base point component and the other components;

[0150] When the shortest distance is less than or equal to the set distance, determining a third display content from the other components; wherein the shortest distance between the third display content and the base point component is less than or equal to the set distance;

[0151] The third display content is hidden and displayed.

[0152] It should be noted that those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the display device described above can refer to the corresponding process in the aforementioned interface display method embodiment, and will not be repeated here.

[0153] The present application can be used in many general or special computer system environments or configurations. For example: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments including any of the above systems or devices, etc. The present application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. The present application can also be practiced in distributed computing environments, in which tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media including storage devices.

[0154] An embodiment of the present application also provides a computer-readable storage medium, on which a computer program is stored. The computer program includes program instructions. The method implemented when the program instructions are executed can refer to the various embodiments of the interface display method of the present application.

[0155] The computer-readable storage medium may be an internal storage unit of the display device described in the above embodiment, such as a hard disk or memory of the display device. The computer-readable storage medium may also be an external storage device of the display device, such as a plug-in hard disk, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) card, a flash card (Flash Card), etc. equipped on the display device.

[0156] Furthermore, the computer-usable storage medium may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function, etc.; the data storage area may store data created according to the use of blockchain nodes, etc. The blockchain referred to in this application is a new application model of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanism, and encryption algorithm. Blockchain is essentially a decentralized database, a string of data blocks generated by cryptographic methods, each of which contains a batch of network transaction information, which is used to verify the validity of its information (anti-counterfeiting) and generate the next block. The blockchain may include the underlying blockchain platform, the platform product service layer, and the application service layer.

[0157] It should be understood that the terms used in this application specification are only for the purpose of describing specific embodiments and are not intended to limit the application. As used in this application specification and the appended claims, unless the context clearly indicates otherwise, the singular forms "a", "an" and "the" are intended to include plural forms.

[0158] It should also be understood that the term "and / or" used in the specification of this application and the appended claims refers to any combination of one or more of the associated listed items and all possible combinations, including these combinations. It should be noted that, in this article, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or system including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or system. In the absence of further restrictions, an element defined by the sentence "including a..." does not exclude the presence of other identical elements in the process, method, article or system including the element.

[0159] The serial numbers of the embodiments of the present application are for description only and do not represent the advantages and disadvantages of the embodiments. The above description is only a specific implementation mode of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of various equivalent modifications or replacements within the technical scope disclosed in the present application, and these modifications or replacements should be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be based on the protection scope of the claims.

Claims

1. A component-based interface display method, characterized in that: include: Determine a component from multiple components of the current display interface as a base point component; Acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component; Determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components; If it is determined that there is a display overlap between the base point component and the other components, determining a first display content that has a display overlap with the base point component from the other components; The first display content is hidden and displayed.

2. The interface display method according to claim 1, characterized in that: The obtaining of the first boundary coordinates of the base point component includes: Obtaining size information of the current display interface; Establishing a coordinate system according to the size information of the current display interface; Determine a plurality of coordinates of the boundary points of the base point component in the coordinate system to obtain first boundary coordinates of the base point component.

3. The interface display method according to claim 2, characterized in that: The obtaining of second boundary coordinates of other components among the multiple components except the base point component comprises: When the relative arrangement positions of the plurality of components change, determining other components whose positions have changed as first components; The current coordinates of a plurality of boundary points of the first component are determined in the coordinate system to obtain second boundary coordinates of the first component.

4. The interface display method according to claim 1, characterized in that: The determining, according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components, whether there is display overlap between the base point component and the other components comprises: Obtaining the intersection between the first boundary coordinates of the base point component and the second boundary coordinates of the other components; If the intersection is an empty set, it is determined that there is no display overlap between the base point component and the other components; If the intersection is not an empty set, it is determined that there is a display overlap between the base point component and the other components.

5. The interface display method according to claim 1, characterized in that: The determining, according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components, whether there is display overlap between the base point component and the other components comprises: Connecting the first boundary coordinates of the base point components to obtain a first boundary line of the base point components; and Connecting the second boundary coordinates of the other components to obtain second boundary lines of the other components; If the first boundary line intersects with the second boundary line, it is determined that there is a display overlap between the base point component and the other components; If the first boundary line does not intersect with the second boundary line, it is determined that there is no display overlap between the base point component and the other components.

6. The interface display method according to any one of claims 1 to 5, characterized in that: The other components include a plurality of subcomponents; the method further includes: Setting the display contents of the multiple subcomponents to a cache pool; When there is a display overlap between the base point component and the other components, determining from the cache pool a second display content that does not have a display overlap with the base point component; The second presentation content is displayed based on the cache pool.

7. The interface display method according to any one of claims 1 to 5, characterized in that: The method further comprises: When there is no display overlap between the base point component and the other components, determining the shortest distance between the base point component and the other components; When the shortest distance is less than or equal to the set distance, determining a third display content from the other components; wherein the shortest distance between the third display content and the base point component is less than or equal to the set distance; The third display content is hidden and displayed.

8. A display control device, characterized in that: The display control device comprises: A base point determination module, used to determine a component from multiple components of the current display interface as a base point component; A coordinate acquisition module, used to acquire the first boundary coordinates of the base point component, and acquire the second boundary coordinates of other components among the multiple components except the base point component; An overlap determination module, used for determining whether there is display overlap between the base point component and the other components according to the first boundary coordinates of the base point component and the second boundary coordinates of the other components; The overlap determination module is further configured to determine, from the other components, a first display content that has a display overlap with the base point component if it is determined that there is a display overlap between the base point component and the other components; The content display module is used to hide and display the first display content.

9. A display device, characterized in that: The display device includes a processor, a memory, and a computer program stored in the memory and executable by the processor, wherein when the computer program is executed by the processor, the interface display method according to any one of claims 1 to 7 is implemented.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, wherein when the computer program is executed by a processor, the interface display method according to any one of claims 1 to 7 is implemented.

Images