Interface display method and device, electronic equipment and computer readable storage medium

Abstract

The invention discloses an interface display method and device, electronic equipment and a computer readable storage medium, and is applied to the technical field of visualization. The interface display method comprises the steps that the content of a first page and / or a second page is displayed in a display area of a display interface; when the content of the first page is displayed in the display area, whether a blank area exists in the display area or not is determined; when it is determined that the blank area exists, obtaining a height parameter value of the blank area; determining whether to display the content of the second page according to the height parameter value; wherein when the height parameter value is larger than or equal to a preset value, the content of the second page is displayed. By applying the technical scheme provided by the invention, a user can conveniently browse more page contents in a limited display screen, and the user experience is effectively improved.

Description

Technical Field

[0001] The present application relates to the field of visualization technology, and in particular to an interface display method, and also to an interface display device, an electronic device, and a computer-readable storage medium. Background Art

[0002] At present, some terminal applications often involve a large number of function settings for associated devices, and map the function setting results to the display interface in real time, so that users can more intuitively understand the impact of the current function options on the associated devices. However, when there are too many function options, due to the limited display screen size, all function options cannot be fully displayed, and they need to be scrolled and displayed. At the same time, a layer of function setting effect display page needs to be covered. Obviously, this will cause the function options to be covered, and then the window that cannot display all function options will become even smaller, which seriously affects the user experience.

[0003] Therefore, how to facilitate users to browse more page contents within a limited display screen to effectively improve user experience is an urgent problem to be solved by those skilled in the art. Summary of the invention

[0004] The purpose of this application is to provide an interface display method, which can facilitate users to browse more page content within a limited display screen, so as to effectively improve the user experience; another purpose of this application is to provide an interface display device, an electronic device and a computer-readable storage medium, all of which have the above-mentioned beneficial effects.

[0005] In a first aspect, the present application discloses an interface display method, comprising:

[0006] Displaying the content of the first page and / or the second page in the display area of ​​the display interface;

[0007] When displaying the content of the first page in the display area, determining whether there is a blank area in the display area;

[0008] When it is determined that the blank area exists, obtaining a height parameter value of the blank area;

[0009] Determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

[0010] Optionally, when the content of the first page is displayed in the display area, determining whether there is a blank area in the display area includes:

[0011] When the content of the first page is displayed in the display area, if an upward scrolling event of the first page is monitored, the display area is monitored in real time to determine whether there is a blank area in the display area.

[0012] Optionally, the interface display method further includes:

[0013] When the content of the first page is displayed in the display area, if a touch event of a preset icon is detected, the content of the second page is displayed in the display area; wherein the preset icon and the first page are displayed side by side in the display area and are located at the boundary of the display area.

[0014] Optionally, the interface display method further includes:

[0015] When the content of the second page is displayed in the display area, if a downward scrolling event of the display interface is monitored, the content of the second page is hidden.

[0016] Optionally, the first page is a function setting page, and the interface display method further includes:

[0017] For any function setting item in the function setting page, setting parameters of the function setting item are set according to the touch event of the function setting item.

[0018] Optionally, the second page is a map details page, and the interface display method further includes:

[0019] For any work area selection item in the map details page, when a touch event of the work area selection item is monitored, the setting results of each function setting item in the function setting page are displayed in the work area corresponding to the work area selection item.

[0020] Optionally, when the height parameter value is greater than or equal to a preset value, displaying the content of the second page includes:

[0021] When the height parameter value is greater than or equal to the preset value, the content of the second page is scrolled and displayed in the display area.

[0022] In a second aspect, the present application further discloses an interface display device, comprising:

[0023] A display module, used to display the content of the first page and / or the second page in a display area of ​​the display interface;

[0024] A first determination module, configured to determine whether there is a blank area in the display area when the content of the first page is displayed in the display area;

[0025] An acquisition module, configured to acquire a height parameter value of the blank area when it is determined that the blank area exists;

[0026] The second determination module is used to determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

[0027] In a third aspect, the present application further discloses an electronic device, comprising:

[0028] Memory for storing computer programs;

[0029] A processor is used to implement the steps of any one of the interface display methods described above when executing the computer program.

[0030] In a fourth aspect, the present application further discloses a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of any one of the interface display methods described above are implemented.

[0031] The present application provides an interface display method, including: displaying the content of a first page and / or a second page in a display area of ​​a display interface; when displaying the content of the first page in the display area, determining whether there is a blank area in the display area; when it is determined that the blank area exists, obtaining a height parameter value of the blank area; determining whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, displaying the content of the second page.

[0032] By applying the technical solution provided by the present application, the content of the first page and / or the second page can be displayed in the display area of ​​the display interface, wherein when the content of the first page is displayed, it is possible to monitor in real time whether there is a blank area in the display area and obtain the height parameter value of the blank area, thereby automatically displaying the content of the second page in the display area when the height parameter value of the blank area is not less than a preset value. It can be seen that when the user views the first page, the technical solution can automatically hide the second page, and switch the second page through the monitoring event of the blank area in the display interface, so as to facilitate the user to browse more page content within the limited display screen, and effectively improve the user experience.

[0033] An interface display device, electronic device and computer-readable storage medium provided in this application also have the above-mentioned technical effects, which will not be described in detail in this application. BRIEF DESCRIPTION OF THE DRAWINGS

[0034] In order to more clearly illustrate the technical solutions in the prior art and the embodiments of the present application, the drawings required for use in the description of the prior art and the embodiments of the present application are briefly introduced below. Of course, the drawings described below in relation to the embodiments of the present application are only part of the embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on the provided drawings without creative work, and the obtained other drawings also belong to the protection scope of the present application.

[0035] FIG1 is a schematic diagram of a flow chart of an interface display method provided by the present application;

[0036] FIG2 is an application interface of a lawn mowing application provided by the present application;

[0037] Figure 3 A function setting page provided by this application;

[0038] Figure 4 A schematic diagram of a blank area layout provided for this application;

[0039] Figure 5 A schematic diagram of switching from a function setting page to a map details page provided by this application;

[0040] FIG6 is a schematic structural diagram of an interface display device provided by the present application;

[0041] FIG. 7 is a schematic diagram of the structure of an electronic device provided in the present application. DETAILED DESCRIPTION

[0042] The core of this application is to provide an interface display method, which can facilitate users to browse more page content within a limited display screen, so as to effectively improve the user experience; another core of this application is to provide an interface display device, an electronic device and a computer-readable storage medium, all of which have the above-mentioned beneficial effects.

[0043] In order to describe the technical solutions in the embodiments of the present application more clearly and completely, the technical solutions in the embodiments of the present application will be introduced below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only 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 making creative work are within the scope of protection of this application.

[0044] An embodiment of the present application provides an interface display method.

[0045] Please refer to FIG. 1 , which is a flow chart of an interface display method provided in the present application. The interface display method may include the following S101 to S104 .

[0046] S101: Displaying the content of a first page and / or a second page in a display area of ​​a display interface.

[0047] This step is intended to realize the display of page content in the display interface, that is, the content of the first page and / or the second page can be displayed in the display area of ​​the display interface. Here, the first page and the second page are associated but have different page contents. For example, the first page is a function setting page, and the second page is an effect display page, that is, the first page is used to display one or more function setting options to realize one or more function settings, and the second page is used to display the effects after each function setting is completed.

[0048] S102: When displaying the content of the first page in the display area, determine whether there is a blank area in the display area.

[0049] This step is intended to determine whether there is a blank area in the display area. Specifically, when the content of the first page is displayed in the display area, the display area can be monitored in real time / periodically to see whether there is a blank area. It can be understood that when the display area contains a blank area, it means that the content of the first page is about to be displayed, and when the display area does not contain a blank area, it means that the content of the first page is still being displayed.

[0050] Among them, when the content of the first page is displayed in the display area, determining whether there is a blank area in the display area may include: when the content of the first page is displayed in the display area, if an upward scrolling event of the first page is monitored, the display area is monitored in real time to determine whether there is a blank area in the display area.

[0051] The embodiment of the present application provides a method for determining whether there is a blank area in the display area. Generally, when the first page is displayed in the display area, due to the large amount of page content, the display area cannot fully display all the page content of the first page. Therefore, the first page can be scrolled up and down to facilitate the user to browse the complete page content in the first page. It can be understood that when the first page is scrolled up, the display area will gradually display the tail content of the first page, and when the first page is scrolled down, the display area will gradually display the head content of the first page. Therefore, when the content of the first page is displayed in the display area, if the up scrolling event of the first page is monitored (i.e., the first page is scrolled up), the display area can be monitored in real time to determine whether there is a blank area in the display area. It can be imagined that when the up scrolling event of the first page is monitored, the display area starts to monitor whether there is a blank area; when the down scrolling event of the first page is monitored or static display is displayed, there is no need to monitor whether there is a blank area in the display area, thereby effectively avoiding unnecessary resource waste caused by real-time monitoring operations.

[0052] S103: When it is determined that there is a blank area, a height parameter value of the blank area is obtained.

[0053] S104: Determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

[0054] The above steps are intended to achieve the switching display from the first page to the second page. As mentioned above, when there is a blank area in the display area, it means that the content of the first page is about to be displayed. Based on this, it is possible to determine whether the content of the first page has been displayed by monitoring the height parameter value of the blank area. Obviously, when the height parameter value of the blank area is not lower than the preset value, it can be determined that the content of the first page has been fully displayed. At this time, the content of the second page can be displayed to achieve the switching from the first page to the second page. On the contrary, if the height parameter value of the blank area is lower than the preset value, it means that the content of the first page has not been fully displayed. At this time, the content of the second page cannot be displayed, and the switching from the first page to the second page cannot be performed.

[0055] It can be understood that the specific value of the preset value does not affect the implementation of the present technical solution, and can be set by technical personnel according to actual conditions. For example, the preset value can be set to two-thirds of the height of the display area, or the preset value can be directly set to the page height of the second page to facilitate the subsequent display of the second page. This application does not limit this.

[0056] Among them, when the height parameter value is greater than or equal to the preset value, displaying the content of the second page may include: when the height parameter value is greater than or equal to the preset value, scrolling and displaying the content of the second page in the display area. In other words, when the display area switches from the first page to display the second page, the page content of the second page is scrolled and displayed.

[0057] It can be seen that the interface display method provided by the embodiment of the present application can display the content of the first page and / or the second page in the display area of ​​the display interface, wherein, when the content of the first page is displayed, it is possible to monitor in real time whether there is a blank area in the display area and obtain the height parameter value of the blank area, thereby, when the height parameter value of the blank area is not less than the preset value, the content of the second page can be automatically displayed in the display area. It can be seen that when the user views the first page, the technical solution can automatically hide the second page, and switch the second page through the monitoring event of the blank area in the display interface, so as to facilitate the user to browse more page content within the limited display screen, and effectively improve the user experience.

[0058] Based on the above embodiments:

[0059] In one embodiment of the present application, the interface display method may further include: when the content of the first page is displayed in the display area, if a touch event of a preset icon is detected, the content of the second page is displayed in the display area; wherein the preset icon and the first page are displayed side by side in the display area and are located at the boundary position of the display area.

[0060] It is understandable that, although the first page may contain a lot of page content, the user needs to scroll up and down to browse the complete page content, but there may be a situation where the user does not need to browse all the content in the first page. In this situation, if the first page is scrolled up to switch to the second page, it will inevitably cause a long waste of time. Based on this, a preset icon can be added when the content of the first page is displayed in the display area. The preset icon and the first page can be displayed side by side in the display area and located at the boundary of the display area. It should be noted that the area of ​​the preset icon is much smaller than the area of ​​the display area. Generally, it only needs to occupy one-sixth of the area of ​​the display area, and does not affect the visual display of the page content in the display area. Furthermore, when the user does not need to browse all the page content in the first page, he can directly click (corresponding to the touch event of the preset icon) the preset icon to switch the display area from the first page to the second page for display.

[0061] In one embodiment of the present application, the interface display method may further include: when the content of the second page is displayed in the display area, if a downward scrolling event of the display interface is monitored, hiding the content of the second page.

[0062] The aforementioned embodiments are intended to illustrate the switching display from the first page to the second page, and this embodiment involves the switching display from the second page to the first page. As described above, when the first page is displayed through the display area, the second page can be automatically displayed when the first page is scrolled up to display a blank area of ​​a certain height. On this basis, the content of the second page can also be hidden when the downward scrolling event of the second page is monitored. Furthermore, after hiding the content of the first page, the content of the first page can also be switched to display, that is, the switching display from the second page to the first page is realized.

[0063] In one embodiment of the present application, the first page may be a function setting page, and the interface display method may further include: for any function setting item in the function setting page, setting a setting parameter of the function setting item according to a touch event of the function setting item.

[0064] The embodiment of the present application proposes a specific type of the first page, namely, a function setting page, which includes multiple function setting items, which can be used to implement multiple function task settings of the associated device, for example, the working position, working parameters, working category, working time, etc. of the associated device can be set. Further, for each function setting item in the function setting page, parameter settings can be implemented through corresponding touch events, for example, the working time can be set to 1 hour, 2 hours, etc., the working speed can be set to 0.3m / s, 0.5m / s, etc., and the positions of various working components in the device can be set, such as the blade height of a lawn mower is 60mm, etc.

[0065] In one embodiment of the present application, the second page may be a map details page, and the interface display method may further include: for any work area selection item in the map details page, when a touch event of the work area selection item is monitored, the setting results of each function setting item in the function setting page are displayed in the work area corresponding to the work area selection item.

[0066] The embodiment of the present application provides a specific type of second page, namely, a map details page, which is used to display the operating effect of the associated device under the corresponding function setting parameters in real time. It is understandable that in the overall area of ​​the map, different operations may be required for different local areas. For example, when mowing, the lawn heights of different lawn areas are different, so different function parameter settings are required for different map areas. Based on this, in addition to being used to visually display map details, the map details page can also include one or more operation area selection items for users to select the target operation area and set corresponding function parameters for it, such as area 1, area 2, etc., thereby, the target operation area can be determined through the touch events corresponding to each operation area, so as to display the operation effect of the target operation area under the corresponding function setting parameters through the display interface.

[0067] Based on the above embodiments, an embodiment of the present application provides another interface display method.

[0068] This embodiment of the application takes a lawn mowing application on a mobile phone as an example to introduce the interface display method, and its implementation process is as follows:

[0069] 1. Open the lawn mowing application and enter the application interface of the lawn mowing application, as shown in Figure 2. Figure 2 is an application interface of a lawn mowing application provided by the present application. The application interface contains one or more area selection items for the user to select, that is, the user can select the target operation area for task setting.

[0070] 2. After the user selects the target operation area, two pages will be displayed in the application interface, namely the function setting page and the map details page. The map details page is hidden at the bottom of the function setting page, and only the header layout (preset icon) is superimposed on the function setting page and located at the bottom of the display screen. The function setting page includes multiple function setting items, and a series of function parameters can be set, including frequency, cutter height, operation speed, route mode, obstacle avoidance strategy, number of mowing circles for patrolling the edge, number of mowing circles for patrolling the restricted area, etc. Figure 3 As shown, Figure 3 This is a function setting page provided by the present application. The function setting page can be scrolled to display the area to which the "Task Area" at the bottom of the display screen belongs, that is, the header layout of the map details page.

[0071] 3. When the function setting page is displayed, by scrolling up the function setting page, the application interface will gradually display blank areas.

[0072] 4. Monitor the display height of the blank area in real time, such as Figure 4 As shown, Figure 4A schematic diagram of the layout of a blank area provided by this application. During the upward scrolling of the function setting page, the setting parameters of each function setting item in the function setting page can be transferred to the map details page in real time, and the map details page can be visually displayed when the display height of the blank area reaches the page height of the map details page, such as Figure 5 As shown, Figure 5 A schematic diagram of switching from a function setting page to a map details page provided in this application.

[0073] 5. Users can click on the header layout of the map details page to directly switch to the map details page for visual display.

[0074] 6. During the visual display of the map details page, if a downward scrolling event of the map details page is monitored, the map details page can be hidden and the function setting page can be switched back to the visual display.

[0075] It can be seen that the interface display method provided by the embodiment of the present application can display the content of the first page and / or the second page in the display area of ​​the display interface, wherein, when the content of the first page is displayed, it is possible to monitor in real time whether there is a blank area in the display area and obtain the height parameter value of the blank area, thereby, when the height parameter value of the blank area is not less than the preset value, the content of the second page can be automatically displayed in the display area. It can be seen that when the user views the first page, the technical solution can automatically hide the second page, and switch the second page through the monitoring event of the blank area in the display interface, so as to facilitate the user to browse more page content within the limited display screen, and effectively improve the user experience.

[0076] An embodiment of the present application provides an interface display device.

[0077] Please refer to FIG. 6 , which is a schematic diagram of the structure of an interface display device provided by the present application. The interface display device may include:

[0078] Display module 1, used to display the content of the first page and / or the second page in the display area of ​​the display interface;

[0079] A first determination module 2, used to determine whether there is a blank area in the display area when the content of the first page is displayed in the display area;

[0080] An acquisition module 3 is used to acquire a height parameter value of the blank area when it is determined that there is a blank area;

[0081] The second determination module 4 is used to determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

[0082] It can be seen that the interface display device provided in the embodiment of the present application can display the content of the first page and / or the second page in the display area of ​​the display interface, wherein when the content of the first page is displayed, it can monitor in real time whether there is a blank area in the display area and obtain the height parameter value of the blank area, thereby, when the height parameter value of the blank area is not less than the preset value, the content of the second page can be automatically displayed in the display area. It can be seen that when the user views the first page, the technical solution can automatically hide the second page, and switch the second page through the monitoring event of the blank area in the display interface, so as to facilitate the user to browse more page content within the limited display screen, and effectively improve the user experience.

[0083] In one embodiment of the present application, the first determination module 2 can be specifically used to monitor the display area in real time to determine whether there is a blank area in the display area when the content of the first page is displayed in the display area if an upward scrolling event of the first page is monitored.

[0084] In one embodiment of the present application, the interface display device may further include a switching module, which is used to display the content of the second page in the display area when the content of the first page is displayed in the display area, if a touch event of a preset icon is detected; wherein the preset icon and the first page are displayed side by side in the display area and are located at the boundary of the display area.

[0085] In one embodiment of the present application, the interface display device may further include a hiding module, which is used to hide the content of the second page if a downward scrolling event of the display interface is monitored when the content of the second page is displayed in the display area.

[0086] In one embodiment of the present application, the first page is a function setting page, and the interface display device may further include a setting module for setting setting parameters of any function setting item in the function setting page according to a touch event of the function setting item.

[0087] In one embodiment of the present application, the second page is a map details page, and the interface display device may further include a display module for displaying the setting results of each function setting item in the function setting page in the work area corresponding to the work area selection item for any work area selection item in the map details page when a touch event of the work area selection item is monitored.

[0088] In one embodiment of the present application, the second determination module 4 may be specifically configured to scroll and display the content of the second page in the display area when the height parameter value is greater than or equal to a preset value.

[0089] For an introduction to the device provided in the embodiments of the present application, please refer to the above method embodiments, and the present application will not elaborate on them here.

[0090] An embodiment of the present application provides an electronic device.

[0091] Please refer to FIG. 7 , which is a schematic diagram of the structure of an electronic device provided by the present application. The electronic device may include:

[0092] A memory 11, used for storing computer programs;

[0093] The processor 10 can implement the steps of any one of the above-mentioned interface display methods when executing a computer program.

[0094] As shown in Fig. 7, it is a schematic diagram of the composition structure of an electronic device, which may include: a processor 10, a memory 11, a communication interface 12 and a communication bus 13. The processor 10, the memory 11 and the communication interface 12 all communicate with each other through the communication bus 13.

[0095] In the embodiment of the present application, the processor 10 may be a central processing unit (CPU), an application specific integrated circuit, a digital signal processor, a field programmable gate array or other programmable logic devices, etc.

[0096] The processor 10 may call a program stored in the memory 11. Specifically, the processor 10 may execute operations in the embodiment of the interface display method.

[0097] The memory 11 is used to store one or more programs, which may include program codes, and the program codes include computer operation instructions. In the embodiment of the present application, the memory 11 at least stores programs for implementing the following functions:

[0098] Displaying the content of the first page and / or the second page in the display area of ​​the display interface;

[0099] When displaying the content of the first page in the display area, determining whether there is a blank area in the display area;

[0100] When it is determined that there is a blank area, obtaining a height parameter value of the blank area;

[0101] Determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

[0102] In a possible implementation, the memory 11 may include a program storage area and a data storage area, wherein the program storage area may store an operating system and an application required for at least one function, etc.; the data storage area may store data created during use.

[0103] In addition, the memory 11 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device or other volatile solid-state storage device.

[0104] The communication interface 12 may be an interface of a communication module, and is used to connect to other devices or systems.

[0105] Of course, it should be noted that the structure shown in FIG. 7 does not constitute a limitation on the electronic device in the embodiment of the present application. In actual applications, the electronic device may include more or fewer components than those shown in FIG. 7 , or combine certain components.

[0106] An embodiment of the present application provides a computer-readable storage medium.

[0107] The computer-readable storage medium provided in the embodiment of the present application stores a computer program, and when the computer program is executed by a processor, the steps of any one of the above-mentioned interface display methods can be implemented.

[0108] The computer-readable storage medium may include: a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and other media that can store program codes.

[0109] For an introduction to the computer-readable storage medium provided in the embodiments of the present application, please refer to the above method embodiments, and the present application will not elaborate on them here.

[0110] The various embodiments in the specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments. The same or similar parts between the various embodiments can be referred to each other. For the device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part.

[0111] Professionals may further appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of the two. In order to clearly illustrate the interchangeability of hardware and software, the composition and steps of each example have been generally described in the above description according to function. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians may 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.

[0112] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0113] The technical solution provided by the present application is described in detail above. The principle and implementation method of the present application are described in detail using specific examples herein, and the description of the above embodiments is only used to help understand the method and core idea of ​​the present application. It should be pointed out that for ordinary technicians in this technical field, without departing from the principle of the present application, several improvements and modifications can be made to the present application, and these improvements and modifications also fall within the scope of protection of the present application.

Claims

1. An interface display method, characterized in that: include: Displaying the content of the first page and / or the second page in the display area of ​​the display interface; When displaying the content of the first page in the display area, determining whether there is a blank area in the display area; When it is determined that the blank area exists, obtaining a height parameter value of the blank area; Determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

2. The interface display method according to claim 1, characterized in that: When the content of the first page is displayed in the display area, determining whether there is a blank area in the display area includes: When the content of the first page is displayed in the display area, if an upward scrolling event of the first page is monitored, the display area is monitored in real time to determine whether there is a blank area in the display area.

3. The interface display method according to claim 1, characterized in that: Also includes: When the content of the first page is displayed in the display area, if a touch event of a preset icon is detected, the content of the second page is displayed in the display area; wherein the preset icon and the first page are displayed side by side in the display area and are located at the boundary of the display area.

4. The interface display method according to claim 1, characterized in that: Also includes: When the content of the second page is displayed in the display area, if a downward scrolling event of the display interface is monitored, the content of the second page is hidden.

5. The interface display method according to claim 1, characterized in that: The first page is a function setting page, and the method further includes: For any function setting item in the function setting page, setting parameters of the function setting item are set according to the touch event of the function setting item.

6. The interface display method according to claim 5, characterized in that: The second page is a map details page, and the method further includes: For any work area selection item in the map details page, when a touch event of the work area selection item is monitored, the setting results of each function setting item in the function setting page are displayed in the work area corresponding to the work area selection item.

7. The interface display method according to claim 1, characterized in that: When the height parameter value is greater than or equal to a preset value, displaying the content of the second page includes: When the height parameter value is greater than or equal to the preset value, the content of the second page is scrolled and displayed in the display area.

8. An interface display device, characterized in that: include: A display module, used to display the content of the first page and / or the second page in a display area of ​​the display interface; A first determination module, configured to determine whether there is a blank area in the display area when the content of the first page is displayed in the display area; An acquisition module, configured to acquire a height parameter value of the blank area when it is determined that the blank area exists; The second determination module is used to determine whether to display the content of the second page according to the height parameter value; wherein, when the height parameter value is greater than or equal to a preset value, the content of the second page is displayed.

9. An electronic device, characterized in that: include: Memory for storing computer programs; A processor, configured to implement the steps of the interface display method as described in any one of claims 1 to 7 when executing the computer program.

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

Images