CN115145441A

CN115145441A - Display method, display device, electronic equipment and storage medium

Info

Publication number: CN115145441A
Application number: CN202210571002.0A
Authority: CN
Inventors: 侯俊宇; 叶伟鹏
Original assignee: Shenzhen Chenbei Technology Co Ltd
Current assignee: Shenzhen Chenbei Technology Co Ltd
Priority date: 2022-05-24
Filing date: 2022-05-24
Publication date: 2022-10-04

Abstract

The embodiment of the application discloses a display method, a display device, electronic equipment and a storage medium, and relates to the technical field of interface interaction. Wherein, the method comprises the following steps: determining a target mode according to selection operation aiming at a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-regions are used for displaying the icon corresponding to the mode; determining a target movable subarea corresponding to a target mode or a first interactive interface containing a target icon corresponding to the target mode from the icon interactive interfaces; and displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode. According to the technical scheme, the user can conveniently and accurately position the mode to be selected, and the interaction experience of the user using the control application software of the smart home can be improved.

Description

Display method, display device, electronic equipment and storage medium

Technical Field

The embodiment of the application relates to the technical field of interface interaction, in particular to a display method, a display device, electronic equipment and a storage medium.

Background

At present, in the actual application of mode selection, different bubbles are used for representing different modes, the bubbles randomly flutter irregularly, and the bubbles possibly disappear in the current display area, so that a user cannot accurately position a mode to be selected, and the interaction experience of the user is influenced. Therefore, it is necessary to optimize and improve the interactive interface of the control application software of the smart home product.

Disclosure of Invention

The embodiment of the application provides a display method, a display device, electronic equipment and a storage medium, so that a user can conveniently and accurately position a mode to be selected, and the interactive experience of the user using control application software of an intelligent home can be improved.

In a first aspect, an embodiment of the present application provides a display method, where the method includes:

determining a target mode according to selection operations aiming at a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-regions are used for displaying the icons corresponding to the modes;

determining a target movable subarea corresponding to the target mode or a first interactive interface containing a target icon corresponding to the target mode from the icon interactive interfaces;

and displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode.

In a second aspect, an embodiment of the present application provides a display device, including:

the icon interactive interface comprises a mode determining module, a mode displaying module and a mode selecting module, wherein the mode determining module is used for determining a target mode according to selection operation aiming at a plurality of modes, the icon interactive interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-regions are used for displaying the icon corresponding to the mode;

the interface determining module is used for determining a first interactive interface which comprises a target movable subarea corresponding to the target mode or a target icon corresponding to the target mode from the icon interactive interfaces;

and the interface display module is used for displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode.

In a third aspect, an embodiment of the present application provides an electronic device, including:

one or more processors;

storage means for storing one or more programs;

when the one or more programs are executed by the one or more processors, the one or more processors implement the display method according to any embodiment of the present application.

In a fourth aspect, the present application provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement the display method according to any embodiment of the present application.

The embodiment of the application provides a display method, a display device, electronic equipment and a storage medium, wherein the method comprises the following steps: determining a target mode according to selection operation aiming at a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-regions are used for displaying the icon corresponding to the mode; determining a target movable subarea corresponding to a target mode or a first interactive interface containing a target icon corresponding to the target mode from the icon interactive interfaces; and displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode. The method and the device have the advantages that the corresponding movable subareas are divided for each target mode, so that the target icons can flutter in the corresponding movable subareas, and when the target mode is determined, the first interactive interface containing the target movable subarea corresponding to the target mode or the target icon corresponding to the target mode is displayed on the display screen, so that a user can conveniently and accurately position a mode to be selected; in addition, the target icon is highlighted in the display screen, so that the interactive experience of the user using the control application software of the smart home can be improved.

It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present application, nor do they limit the scope of the present application. Other features of the present application will become apparent from the following description.

Drawings

The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:

fig. 1 is a first flowchart of a display method according to an embodiment of the present disclosure;

FIGS. 2A-2D are schematic diagrams of display scenarios provided by embodiments of the present application;

3A-3B are schematic diagrams of virtual operation keys provided in embodiments of the present application;

FIGS. 4A-4G are schematic diagrams of interface interactions provided by embodiments of the present application;

fig. 5 is a second flowchart of a display method according to an embodiment of the present disclosure;

FIGS. 6A-6C are schematic diagrams of another display scenario provided by embodiments of the present application;

fig. 7 is a third flowchart of a display method according to an embodiment of the present disclosure;

8A-8B are schematic diagrams of another interface interaction provided by embodiments of the present application;

fig. 9 is a schematic structural diagram of a display device according to an embodiment of the present disclosure;

fig. 10 is a block diagram of an electronic device for implementing a display method according to an embodiment of the present application.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

It should be noted that the terms "first," "second," and the like in the description and claims of the present invention and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the invention described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

Before the embodiments of the present application are described, a brief description is given to an application scenario of the present application. The application can be applied to the control equipment of smart home, such as the control equipment for controlling the lamp with a plurality of lamp effect modes. The lamp effect mode to be displayed can be selected in the interactive interface of the control equipment, and the icon of the lamp effect mode is displayed in the interactive interface in a preset mode so as to inform the user which mode is currently selected. This is only one application scenario of the present application, but may also be applied in other types of scenarios.

Fig. 1 is a first flowchart of a display method according to an embodiment of the present disclosure, which is applicable to a case where a target icon of a target mode is displayed on a display screen. The display method provided by the embodiment of the present application may be executed by the display apparatus provided by the embodiment of the present application, and the apparatus may be implemented by software and/or hardware and integrated in an electronic device executing the method. The display method is applied to the electronic equipment, the electronic equipment comprises a display screen, and the display screen can be used for displaying part of or all icon interactive interfaces.

Referring to fig. 1, the method of the present embodiment includes, but is not limited to, the following steps:

and S110, determining a target mode according to the selection operation aiming at the plurality of modes.

The icon interactive interface is used for displaying icons of a plurality of modes, the icon interactive interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and each movable sub-region is used for displaying the icon of the mode corresponding to the movable sub-region.

Alternatively, the icons of the patterns may be bubbles, which may flap randomly or regularly in the corresponding movable subarea. The shape of the movable subarea can be a regular pattern, such as a rectangle, or an irregular pattern; the sizes or shapes of the different movable sub-regions may be the same or different, and this is not limited in this application.

The display scene related to the application depends on the size relationship between the icon interactive interface and the display screen. Optionally, in a possible implementation manner, the display scenario of the present application may be: as shown in fig. 2A, reference numeral 21 is an icon interactive interface, reference numeral 22 is a display screen, the width of the icon interactive interface is greater than the width of the display screen, the length of the icon interactive interface is less than the length of the display screen, and the icon interactive interface can move left and right in the display screen; the method can also be as follows: as shown in fig. 2B, reference numeral 21 is an icon interactive interface, reference numeral 22 is a display screen, a width of the icon interactive interface is greater than a width of the display screen, a length of the icon interactive interface is equal to the length of the display screen, and the icon interactive interface can move left and right in the display screen.

Optionally, in another possible implementation manner, the display scenario of the present application may be: as shown in fig. 2C, reference numeral 21 is an icon interactive interface, reference numeral 22 is a display screen, the width of the icon interactive interface is equal to the width of the display screen, the length of the icon interactive interface is greater than the length of the display screen, and the icon interactive interface can move up and down in the display screen; the method can also be as follows: as shown in fig. 2D, reference numeral 21 is an icon interactive interface, reference numeral 22 is a display screen, a width of the icon interactive interface is greater than a width of the display screen, a length of the icon interactive interface is greater than a length of the display screen, and the icon interactive interface can move up and down and also move left and right in the display screen.

Optionally, the display screen may be further configured to display a virtual key selection key interface, where the virtual key selection key interface includes a virtual operation key for selecting a target mode from a plurality of modes. With respect to step S110, in one possible embodiment, determining the target mode according to the selection operations for the plurality of modes includes: and receiving selection operation aiming at the virtual operation key, and determining a target mode from a plurality of modes.

In this embodiment, the virtual operation key may include a switch key (such as a left-right switch key or an up-down switch key), or a slide/click selection key (a long axis includes a selection key of a plurality of modules, which can be selected by sliding or clicking), and the like. The switching key is convenient for a user to select and operate a plurality of modes. The virtual operation keys also comprise a determination key, and the determination key is used for determining the mode as a target mode through the determination key when a user switches to a certain mode through the switching key. The virtual operation keys may also be: one mode corresponds to one virtual key. Optionally, each mode has a corresponding character or pattern on the virtual operation key. Fig. 3A is a schematic diagram of virtual operation keys, in which a plurality of modes are selected by a left-right switching key.

Optionally, the display screen may further include virtual operation keys with other functions, for example, the virtual operation keys are applied in a scene of a light mode, as shown in fig. 3B, the virtual operation keys may further include a light on/off key, a light mode list key, a light timing key, a light music key, a light brightness selection bar, and a flashing speed selection bar.

In this embodiment, the user can perform a selection operation on the virtual operation key, thereby selecting a target mode from a plurality of modes; the electronic equipment receives the selection operation of a user aiming at the virtual operation key, determines a target mode from a plurality of modes, and then displays characters or patterns corresponding to the target mode on the virtual operation key.

Optionally, the order of the plurality of modes in the virtual key selection key interface is determined based on the order sequence of the plurality of modes, for example, the modes 1 to 8 are mapped to the movable sub-region from front to back and have a certain arrangement order, and correspondingly, the plurality of modes in the virtual operation key are also arranged according to the order.

With respect to step S110, in another possible embodiment, determining the target mode according to the selection operation for the plurality of modes includes: and receiving selection operation of icons aiming at a plurality of modes in the icon interactive interface, and determining a target mode from the plurality of modes.

In this embodiment, for the case where the display screen displays part of the icon interactive interface, there are three cases of the selection operation of the icons of the plurality of modes in the icon interactive interface. The first method comprises the following steps: when the icon of the target mode is in the current interactive interface of the display screen, the user can select the icon of the target mode through some specific triggering operations, such as: directly clicking the icon or long-pressing the icon; and the second method comprises the following steps: when the icon of the target mode is not in the current interactive interface of the display screen, the icon of the target mode is shown in the hidden area (namely the area outside the display screen), the user can present the hidden area in the current interactive interface of the display screen through dragging operation, and then click the icon of the target mode in the current interactive interface, so that the selection operation of the icons of the multiple modes is completed. Here, in the process of presenting the hidden area on the current interactive interface of the display screen through the drag operation, if the boundary line of the icon interactive interface crosses the boundary line of the display screen based on the drag direction, that is, if some areas of the display screen do not display the icon interactive interface, then the corresponding some areas of the display screen may appear as a black screen. In order to avoid the black screen, the black screen area can be rendered as a background color, and the drag operation can be not executed when the boundary line of the icon interactive interface is aligned with the boundary line of the display screen in the drag operation. And the third is that: when a part of the icon of the target mode is in the current interactive interface of the display screen, the user can still select the icon of the target mode through some specific triggering operations without performing a dragging operation so that the icon of the target mode is completely displayed in the current interactive interface of the display screen, and thus, the method has the advantage that the steps of the mode selection operation can be saved. The electronic equipment receives selection operation of a user on icons in multiple modes in the icon interactive interface, and determines a target mode from the multiple modes.

Optionally, the icon included in the icon interactive interface may be dragged, and the icon interactive interface may also be dragged, so that the user can determine the target mode from the multiple modes conveniently.

For each possible embodiment described above, optionally, the dividing process of the movable sub-area may be: determining the size of a movable subarea corresponding to each mode according to the number of the modes and the size of the icon interactive interface; and performing area division on the icon interactive interface based on the size of the movable subarea corresponding to each mode to obtain a plurality of movable subareas with the number equal to that of the plurality of modes. The arrangement has the advantages that the moving range of each icon can be limited, the icon can only float randomly or regularly in the corresponding movable subarea, the icon corresponding to each mode can be determined and checked quickly by a user, and the mode can be switched quickly.

In the embodiment of the present application, the size of the movable sub-region corresponding to each mode can be obtained by the following determination method: optionally, the size of the icon interactive interface is equally divided according to the number of the plurality of modes to obtain the size of the movable subarea corresponding to each mode, that is, no intersection area exists between adjacent movable subareas, and the plurality of movable subareas occupy the whole icon interactive interface; preferably, on the basis that the size of the movable sub-region corresponding to each mode is obtained by equally dividing the size of the icon interactive interface according to the number of the multiple modes, the size of the movable sub-region is slightly enlarged, for example, a preset size is enlarged, so as to obtain the size of a new movable sub-region. That is, an intersection area exists between adjacent movable subareas in the plurality of movable subareas, whether the plurality of movable subareas occupy the whole icon interaction interface depends on the size of the intersection area, and the plurality of movable subareas may occupy the whole icon interaction interface or may not occupy the whole icon interaction interface.

Optionally, the movable sub-region may be displayed in a visual manner, that is, a user may perceive at least one of a division region, a size and a shape of the movable sub-region on the icon interactive interface; preferably, the movable sub-area may be divided in a recessive (i.e. invisible) manner, and the range of the movable sub-area is not displayed in the icon interactive interface, so that the movable sub-area is not perceived by the user, but a certain recessive activity range exists in each icon.

Alternatively, the process of assigning a corresponding movable subregion to each mode may be: acquiring the sequencing sequence of the multiple modes and the sequencing sequence of the multiple movable subregions; and according to the sequencing sequence of the modes and the sequencing sequence of the movable subareas, sequentially distributing the corresponding movable subareas for each mode according to the sequence.

S120, determining a first interactive interface containing a target movable sub-area corresponding to the target mode or a target icon corresponding to the target mode from the icon interactive interfaces.

In this embodiment of the application, the selection operation of the user for multiple modes in the icon interactive interface is received through the step S110, after the target mode is determined from the multiple modes, a target movable sub-region corresponding to the target mode is found from multiple movable sub-regions in the icon interactive interface, or a target icon corresponding to the target mode is found from the icon interactive interface; and finally, taking the interactive interface containing the target movable subarea as a first interactive interface or taking the interactive interface containing the target icon as the first interactive interface.

S130, displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode.

In this embodiment of the application, after the step S120 determines that the first interactive interface includes the target movable sub-region corresponding to the target mode or the target icon corresponding to the target mode, the first interactive interface is displayed on the display screen and the target icon is highlighted in a preset manner.

Specifically, highlighting the target icon in a preset manner includes: and adjusting the target icon from a first size to a second size to highlight the target icon, wherein the first size is the icon size of the unselected one of the plurality of modes, the second size is the icon size of the selected one of the plurality of modes, and the second size is larger than the first size.

In the embodiment of the application, when a user determines a target mode from a plurality of modes, the target icon with a first size is cut to obtain a plurality of fragment icons so as to show an animation effect of explosion of the target icon with the first size, and then the target mode is shown by the target icon with a second size. 4A-4D, currently shown in FIGS. 4A-4B is mode 1 (e.g., xxxx1 in the figures), which is a larger icon size for mode 1 than for the non-selected mode; wherein, FIG. 4A is the icon selection target mode by clicking mode 2 (e.g. xxxx2 in the figure); FIG. 4B shows a mode 2 (xxxx 2 in the figure) selected by clicking a switch key in a virtual operation key; in FIG. 4C, mode 1 is switched to mode 2 (xxxx 2 in the figure), and the icon of mode 2 is highlighted with the explosion animation effect; in fig. 4D, after the display is performed by the explosion animation effect, the icon size of mode 2 is enlarged and highlighted.

In addition, the camera id in fig. 4E functions to modify the icon of the mode, and if the camera id is clicked, the mode selection list is displayed. For example, as shown in fig. 4F, in the slow fade mode, if the mode icon of the slow fade is modified by clicking the camera identifier, the virtual selection keys including the take photo, the zoom photo, the default photo, and cancel are skipped to guide the user to select the target picture through multiple scenes or to cancel the modification of the mode icon.

It will be appreciated that in addition to highlighting the target icon by explosion animation and changing the icon size, other animation effects may be used to display the target icon, such as changing the shape of the target icon to distinguish it from other icons in non-selected modes, such as circular icons and rectangular icons in selected modes.

Optionally, the shape and the pattern of the icon corresponding to the mode are not limited in the application, and the user can replace the pattern of the icon according to personal preference, so that the user can distinguish different modes better. Optionally, if the shape of the icon is circular, the user may be helped to automatically crop the circular picture to fit the shape of the icon during the process of selecting the pattern to be replaced (the shape of the pattern to be replaced is non-circular). Fig. 4G shows the icon pattern after the user selects the pattern to be replaced, and the icon pattern is replaced.

According to the technical scheme provided by the embodiment, a target mode is determined from a plurality of modes by receiving selection operation of a user aiming at the plurality of modes, wherein an icon interactive interface comprises a plurality of movable sub-regions divided according to the number of the plurality of modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-region is used for displaying the icon corresponding to the mode; determining a target movable subarea corresponding to the target mode or a first interactive interface containing a target icon corresponding to the target mode from the icon interactive interfaces; and finally, displaying the first interactive interface in the display screen and highlighting the target icon in a preset mode. That is, when the user selects the target mode, the electronic device determines a first interactive interface to be displayed according to the target mode, and displays the first interactive interface in the display screen and highlights the target icon in a preset manner. The method and the device have the advantages that the corresponding movable subareas are divided for each target mode, so that the target icons can flutter in the corresponding movable subareas, and when the target mode is determined, the first interactive interface containing the target movable subarea corresponding to the target mode or the target icon corresponding to the target mode is displayed on the display screen, so that a user can conveniently and accurately position a mode to be selected; in addition, the target icon is displayed in the display screen in a highlighted mode, and the interaction experience of the user using the control application software of the smart home can be improved.

The display method provided by the embodiment of the present invention is further described below, and fig. 5 is a second flow chart of the display method provided by the embodiment of the present application. The embodiment of the application is optimized on the basis of the embodiment, and the optimization is specifically as follows: the present embodiment explains in detail a process of determining a first interactive interface including a target movable sub-region corresponding to a target mode.

Referring to fig. 5, the method of the present embodiment includes, but is not limited to, the following steps:

s210, determining a target mode according to the selection operation aiming at the plurality of modes.

The relevant content of this step is referred to step S110 in fig. 1, and is not described here again.

And S220, determining a target movable sub-region corresponding to the target mode from the icon interactive interface.

In the embodiment of the present application, one pattern corresponds to one movable sub-region, and a correspondence table may be configured between the identification number of the pattern and the corresponding movable sub-region. When the selection operation of a user for multiple modes in the icon interactive interface is received, after the target mode is determined from the multiple modes, the identification number of the target mode is obtained, and then the movable sub-region corresponding to the identification number is searched from the corresponding relation table according to the identification number of the target mode, so that the target movable sub-region corresponding to the target mode is found from the multiple movable sub-regions in the icon interactive interface.

Optionally, before the target mode is determined, the icon interactive interface currently displayed on the display screen is the second interactive interface.

And S230, determining whether the second interactive interface contains the target movable subarea.

In the embodiment of the application, after the target movable sub-region is determined, it is further determined whether the second interactive interface includes the target movable sub-region.

Preferably, it is determined whether all of the target movable sub-regions are included in the second interactive interface, and if all of the target movable sub-regions are included in the second interactive interface, step S240 is executed; if the target movable subarea is not all included in the second interactive interface, step S250 is executed.

Optionally, it is determined whether the target movable sub-area is partially contained in the second interactive interface, i.e. a portion of the target movable sub-area is contained inside the second interactive interface. If a portion of the target movable sub-region is included in the second interactive interface, a preset percentage, for example, 90%, may be set, and if 90% or more of the target movable sub-region is included in the second interactive interface, the second interactive interface is considered to include the target movable sub-region, then step S240 is executed. If the target movable sub-region is less than 90% of the region contained inside the second interactive interface, the second interactive interface is considered not to contain the target movable sub-region, and step S250 is executed.

In addition, the preset percentage may also be 95%, 80%, 50%, etc., and different percentages may have different user experiences.

Optionally, the process of determining whether the second interactive interface includes the target movable sub-region may further be: the method comprises the steps of marking a reference line for each movable subarea initially, wherein the specific marking rule can be that the background can record the position of the reference line of each movable subarea in an icon interactive interface, and when the reference line is superposed with the reference line of the display screen, the movable subarea can be ensured to be completely displayed on the display screen.

S240, under the condition that the second interactive interface is determined to contain the target movable subarea, determining the second interactive interface as the first interactive interface.

In the embodiment of the application, when it is determined that the second interactive interface includes the target movable sub-region, it indicates that the target icon is in the second interactive interface, and the icon interactive interface does not need to be moved, and at this time, the second interactive interface is determined as the first interactive interface.

And S250, under the condition that the second interactive interface does not contain the target movable subarea, translating a second datum line of the target movable subarea based on the first datum line of the display screen until the current interactive interface contains the target movable subarea, and determining the current interactive interface as the first interactive interface.

When the size relationship between the icon interactive interface and the display screen is shown in fig. 6A or fig. 6B, reference numeral 21 is the icon interactive interface, reference numeral 22 is the display screen, reference numeral 23 is the target movable sub-region, the moving direction of the icon interactive interface is left and right, the first reference line of the display screen is a vertical extension line of the midpoint of the wide side, the second reference line of the target movable sub-region is a vertical extension line of the midpoint of the wide side, and the second reference line is parallel to the first reference line. When the size relationship between the icon interactive interface and the display screen is shown in fig. 6C, reference numeral 21 is the icon interactive interface, reference numeral 22 is the display screen, reference numeral 23 is the target movable sub-region, the moving direction of the icon interactive interface is up and down, the first reference line of the display screen is a vertical extension line of the middle point of the long edge, the second reference line of the target movable sub-region is a vertical extension line of the middle point of the long edge, and the second reference line is parallel to the first reference line. When the size relationship between the icon interactive interface and the display screen is shown in fig. 2D, the moving direction of the icon interactive interface can be left and right or up and down; the first reference line of the display screen can be a vertical extension line of the middle point of the wide side or a vertical extension line of the middle point of the long side, and the second reference line is parallel to the first reference line.

In the embodiment of the application, under the condition that the second interactive interface comprises the target movable sub-region, the first interactive interface comprising the target movable sub-region is determined from the icon interactive interfaces. The method comprises the following specific steps: and translating a second datum line of the target movable subarea based on the first datum line of the display screen, so as to adjust the position of the target movable subarea to obtain a new position, and determining the current interactive interface as the first interactive interface until the current interactive interface contains the target movable subarea or until the first datum line is superposed with the second datum line.

It should be noted that if the first reference line and the second reference line are overlapped, the boundary line of the icon interactive interface based on the translation direction crosses the boundary line of the display screen, that is, a partial area in the display screen does not display the icon interactive interface, a corresponding partial area in the display screen may appear as a black screen. In order to avoid the black screen, the black screen area may be rendered as a background color, and the panning operation may not be performed any more when the boundary line of the icon interactive interface is aligned with the boundary line of the display screen during the panning operation, that is, the first reference line and the second reference line may not coincide.

And S260, displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode.

The relevant content of this step is referred to step S130 in the embodiment of fig. 1, and is not described here again.

According to the technical scheme provided by the embodiment, the target mode is determined from the multiple modes by receiving the selection operation of the user for the multiple modes; determining a target movable subarea corresponding to a target mode from the icon interactive interface; determining whether a target movable subarea is contained in the second interactive interface; determining the second interactive interface as a first interactive interface under the condition that the second interactive interface contains a target movable subarea; under the condition that the second interactive interface does not contain the target movable subarea, translating a second datum line of the target movable subarea based on a first datum line of the display screen until the current interactive interface contains the target movable subarea, and determining the current interactive interface as the first interactive interface; and displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode. The method comprises the steps of judging whether a target movable subarea is contained in a second interactive interface, if so, determining the second interactive interface as a first interactive interface, and if not, adjusting the position of the target movable subarea based on a first reference line of a display screen, so that the first interactive interface to be displayed is determined. By executing the technical scheme, the user can conveniently and accurately position the mode to be selected, and the interactive experience of the user using the control application software of the smart home can be improved.

The display method provided by the embodiment of the present invention is further described below, and fig. 7 is a third flow diagram of the display method provided by the embodiment of the present application. The embodiment of the application is optimized on the basis of the embodiment, and specifically optimized as follows: the present embodiment explains a process of determining a first interactive interface including a target icon corresponding to a target mode in detail.

Referring to fig. 7, the method of the present embodiment includes, but is not limited to, the following steps:

s310, determining a target mode according to the selection operation of the modes.

And S320, determining a target icon corresponding to the target mode from the icon interactive interface.

In the embodiment of the present application, one mode corresponds to one icon, and a correspondence table may be configured between the identification number of the mode and the corresponding icon. When the selection operation of a user for multiple modes in the icon interactive interface is received, after the target mode is determined from the multiple modes, the identification number of the target mode is obtained, and then the icon corresponding to the identification number is searched from the corresponding relation table according to the identification number of the target mode, so that the target icon corresponding to the target mode is determined from the icon interactive interface.

S330, determining whether the second interactive interface contains the target icon.

In the embodiment of the application, after the target movable sub-area is determined, it is further determined whether the second interactive interface includes the target icon. If the second interactive interface includes the target icon, step S340 is executed; if the second interactive interface does not include the target icon, step S350 is executed.

Preferably, the determining whether the second interactive interface includes the target icon may be determining whether the target icon is included in the second interactive interface, and if the target icon is included in the second interactive interface, performing step S340; if the target icons are not all included in the second interactive interface, step S350 is executed.

Optionally, the determining whether the target icon is included in the second interactive interface may be determining whether the target icon is partially included in the second interactive interface, that is, a part of the target icon is included in the second interactive interface. In the case that a portion of the target icon is included in the second interactive interface, a preset percentage, for example, 90%, may be set, and if 90% or more of the area of the target icon is included in the second interactive interface, the second interactive interface is considered to include the target icon, then step S340 is executed. If the target icon is contained in less than 20% of the area inside the second interactive interface, the second interactive interface is considered not to contain the target icon, and step S350 is executed.

Optionally, when more than 20% and less than 90% of the area of the target icon is included in the second interactive interface, it is further determined whether the target icon can appear in the second interactive interface within a preset time (e.g., two seconds), if so, it is determined that the second interactive interface includes the target icon, and step S340 is executed. For example, the pattern icon may be a bubble that may optionally or regularly fly in the corresponding movable subarea. If 20% -90% of the target icon at the current time is included in the second interactive interface, it is further determined whether the target icon can flutter in the second interactive interface within a preset time (e.g., two seconds), and if so, the second interactive interface is considered to include the target icon, and step S340 is performed.

S340, under the condition that the second interactive interface is determined to contain the target icon, determining the second interactive interface as the first interactive interface.

In the embodiment of the application, when the target icon is determined to be included in the second interactive interface, the target icon is indicated to be in the second interactive interface, the icon interactive interface does not need to be moved, and the second interactive interface is determined to be the first interactive interface.

And S350, under the condition that the second interactive interface does not contain the target icon, acquiring a first position of the target icon in the icon interactive interface, and determining a third datum line of the target icon based on the first position and the preset moving direction.

In the embodiment of the application, the preset moving direction refers to the moving direction of the icon interaction interface, and when the moving direction is left and right, the third reference line is a vertical extension line of the midpoint of the wide side of the target icon; when the moving direction is up and down, the third reference line is a vertical extension line of the middle point of the long side of the target icon.

And S360, translating the third datum line based on the first datum line of the display screen until the current interactive interface contains the target icon, and determining the current interactive interface as the first interactive interface.

In the embodiment of the application, the third reference line of the target icon is translated based on the first reference line of the display screen, so that the position of the target icon is adjusted to obtain a new position, and the current interactive interface is determined as the first interactive interface until the current interactive interface contains the target icon or until the first reference line and the third reference line coincide with each other.

It should be noted that if the first reference line and the third reference line coincide with each other, the boundary line of the icon interactive interface based on the translation direction crosses the boundary line of the display screen, that is, a partial area in the display screen does not display the icon interactive interface, a corresponding partial area in the display screen may appear as a black screen. In order to avoid the black screen, the black screen area may be rendered as a background color, and the panning operation may not be performed any more when the boundary line of the icon interactive interface is aligned with the boundary line of the display screen during the panning operation, that is, the first reference line and the third reference line may not coincide.

It will be appreciated that during the translation of the third reference line of the target icon based on the first reference line of the display screen, the new position of the target icon may not occlude icons of other modes.

And S370, displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode.

According to the technical scheme provided by the embodiment, the target mode is determined from the multiple modes by receiving the selection operation of the user for the multiple modes; determining a target icon corresponding to the target mode from the icon interaction interface; determining whether the second interactive interface contains a target icon; under the condition that the target icon is determined to be contained in the second interactive interface, determining the second interactive interface as the first interactive interface; under the condition that the second interactive interface does not contain the target icon, acquiring a first position of the target icon in the icon interactive interface, and determining a third datum line of the target icon based on the first position and a preset moving direction; translating the third reference line based on the first reference line of the display screen, and determining the current interactive interface as the first interactive interface until the current interactive interface contains the target icon; and displaying the first interactive interface on the display screen and highlighting the target icon in a preset mode. The method and the device for displaying the target icon are used for determining the first interactive interface to be displayed by judging whether the target icon is contained in the second interactive interface, if so, determining the second interactive interface as the first interactive interface, and if not, adjusting the position of the target icon based on the first position and the preset moving direction. By executing the technical scheme, the user can conveniently and accurately position the mode to be selected, and the interactive experience of the user using the control application software of the smart home can be improved.

In another embodiment, in a case that it is determined that the second interactive interface does not include the target icon, determining the first interactive interface including the target icon from the icon interactive interfaces includes: acquiring a first position of a target icon in an icon interactive interface; and moving the target icon from the first position to a target area in the second interactive interface, and determining the current interactive interface as the first interactive interface after moving. The target area may be a blank area in the second interactive interface, or may be a position of a last target icon in the second interactive interface. Referring to fig. 8A-8B, reference numeral 21 is an icon interactive interface, reference numeral 22 is a display screen, and it is shown that the target icon is not included in the second interactive interface, and the target icon is moved from the first position to a target area in the second interactive interface, where the target area is a blank area in the second interactive interface.

After each mode is assigned with a corresponding movable sub-region in the above-described embodiments, the mapping relationship between the mode and the movable sub-region is also stored. In the case of moving the target icon from the first position to the target area, the mapping relationship needs to be correspondingly adjusted, for example: moving the icon a; and in the movable subarea with the two moved icons, the original icon is moved to the next movable subarea, and the like is performed until the next movable subarea is the movable subarea corresponding to the icon a.

Fig. 9 is a schematic structural diagram of a display apparatus according to an embodiment of the present application, and as shown in fig. 9, the apparatus 400 is integrated in an electronic device, where the electronic device includes a display screen, and the display screen may be used to display a part of or all of an icon interaction interface, and the apparatus 400 may include:

a mode determining module 410, configured to determine a target mode according to a selection operation for multiple modes, where the icon interaction interface includes multiple movable sub-regions divided according to the number of the multiple modes, one mode corresponds to one movable sub-region, and one mode corresponds to one icon, where the movable sub-region is used to display an icon corresponding to a mode;

an interface determining module 420, configured to determine, from the icon interactive interfaces, a first interactive interface that includes a target movable sub-area corresponding to the target mode or includes a target icon corresponding to the target mode;

an interface display module 430, configured to display the first interactive interface on the display screen and highlight the target icon in a preset manner.

Optionally, the display screen is further configured to display a virtual key selection key interface, where the virtual key selection key interface includes a virtual operation key for selecting a target mode from a plurality of modes.

Further, the mode determining module 410 may be specifically configured to: and receiving selection operation aiming at the virtual operation key, and determining a target mode from the plurality of modes.

Further, the mode determining module 410 may be specifically configured to: and receiving selection operation of icons aiming at a plurality of modes in the icon interactive interface, and determining a target mode from the plurality of modes.

Further, the interface determining module 420 may include: a first interface determination unit and a second interface determination unit.

The first interface determining unit is configured to determine whether the second interactive interface includes the target movable sub-region; determining the second interactive interface as the first interactive interface under the condition that the second interactive interface is determined to contain the target movable subarea; and under the condition that the second interactive interface does not contain the target movable sub-region, determining the first interactive interface containing the target movable sub-region from the icon interactive interface.

The first interface determining unit may be specifically configured to translate a second reference line of the target movable sub-region based on the first reference line of the display screen until a current interactive interface includes the target movable sub-region, and determine the current interactive interface as the first interactive interface.

The second interface determining unit is used for determining whether the second interactive interface contains the target icon; determining the second interactive interface as the first interactive interface under the condition that the target icon is determined to be contained in the second interactive interface; and under the condition that the second interactive interface does not contain the target icon, determining the first interactive interface containing the target icon from the icon interactive interfaces.

The second interface determining unit may be specifically configured to acquire a first position of the target icon in the icon interactive interface; determining a third datum line of the target icon based on the first position and a preset moving direction; and translating the third reference line based on the first reference line of the display screen until the current interactive interface comprises the target icon, and determining the current interactive interface as the first interactive interface.

The second interface determining unit may be further specifically configured to acquire a first position of the target icon in the icon interactive interface; and moving the target icon from the first position to a target area in the second interactive interface, and determining the current interactive interface as the first interactive interface after moving.

Further, the interface display module 430 may be specifically configured to: and adjusting the target icon from a first size to a second size to highlight the target icon, wherein the first size is the icon size of the unselected one of the plurality of modes, and the second size is the icon size of the selected one of the plurality of modes.

Further, the display device may further include: a region dividing module;

the area dividing module is used for determining the size of the movable subarea corresponding to each mode according to the number of the modes and the size of the icon interactive interface; and performing area division on the icon interactive interface based on the size of the movable subarea corresponding to each mode to obtain a plurality of movable subareas with the number equal to that of the modes, wherein intersection areas exist between adjacent movable subareas in the plurality of movable subareas.

Further, the display device may further include: a mode allocation module;

the mode allocation module is used for acquiring the sequencing sequence of the modes and the sequencing sequence of the movable subareas; and according to the sequencing sequence of the modes and the sequencing sequence of the movable subregions, sequentially distributing the corresponding movable subregions for each mode according to the sequence.

Optionally, the order of the plurality of modes in the virtual key selection key interface is determined based on the order sequence of the plurality of modes.

The display device provided by the embodiment can be applied to the display method provided by any embodiment, and has corresponding functions and beneficial effects.

Fig. 10 is a block diagram of an electronic device for implementing a display method according to an embodiment of the present application. The electronic device 10 is intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital assistants, cellular phones, smart phones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.

As shown in fig. 10, the electronic device 10 includes at least one processor 11, and a memory communicatively connected to the at least one processor 11, such as a Read Only Memory (ROM) 12, a Random Access Memory (RAM) 13, and the like, wherein the memory stores a computer program executable by the at least one processor, and the processor 11 may perform various suitable actions and processes according to the computer program stored in the Read Only Memory (ROM) 12 or the computer program loaded from a storage unit 18 into the Random Access Memory (RAM) 13. In the RAM 13, various programs and data necessary for the operation of the electronic apparatus 10 may also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other via a bus 14. An input/output (I/O) interface 15 is also connected to the bus 14.

A number of components in the electronic device 10 are connected to the I/O interface 15, including: an input unit 16 such as a keyboard, a mouse, or the like; an output unit 17 such as various types of displays, speakers, and the like; a storage unit 18 such as a magnetic disk, an optical disk, or the like; and a communication unit 19 such as a network card, modem, wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information/data with other devices via a computer network such as the internet and/or various telecommunication networks.

The processor 11 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various dedicated Artificial Intelligence (AI) computing chips, various processors running machine learning model algorithms, a Digital Signal Processor (DSP), and any suitable processor, controller, microcontroller, and so forth. The processor 11 performs the various methods and processes described above, such as the display method.

In some embodiments, the display method may be implemented as a computer program tangibly embodied in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 10 via the ROM 12 and/or the communication unit 19. When the computer program is loaded into the RAM 13 and executed by the processor 11, one or more steps of the display method described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to perform the display method by any other suitable means (e.g. by means of firmware).

Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), system on a chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.

A computer program for implementing the methods of the present application may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the computer programs, when executed by the processor, cause the functions/acts specified in the flowchart and/or block diagram block or blocks to be performed. A computer program can execute entirely on a machine, partly on a machine, as a stand-alone software package partly on a machine and partly on a remote machine or entirely on a remote machine or server.

In the context of this application, a computer readable storage medium may be a tangible medium that can contain, or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. A computer readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. Alternatively, the computer readable storage medium may be a machine readable signal medium. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

To provide for interaction with a user, the systems and techniques described here can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the electronic device. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.

The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), blockchain networks, and the internet.

The computing system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical host and VPS service are overcome.

It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and are not limited herein as long as the desired results of the technical solutions of the present application can be achieved.

The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims

1. A display method is applied to electronic equipment, the electronic equipment comprises a display screen, and the display screen can be used for displaying part of or all icon interactive interfaces, and the method comprises the following steps:

determining a target mode according to selection operation aiming at a plurality of modes, wherein the icon interactive interface comprises a plurality of movable sub-regions divided according to the number of the modes, one mode corresponds to one movable sub-region, one mode corresponds to one icon, and the movable sub-regions are used for displaying the icons corresponding to the modes;

2. The display method according to claim 1, wherein the display screen is further configured to display a virtual key selection key interface including a virtual operation key for selecting a target mode from a plurality of modes; the determining a target mode according to a selection operation for a plurality of modes includes:

and receiving selection operation aiming at the virtual operation key, and determining a target mode from the plurality of modes.

3. The display method according to claim 1, wherein the determining a target mode according to the selection operation for the plurality of modes includes:

and receiving selection operation of icons aiming at a plurality of modes in the icon interactive interface, and determining a target mode from the plurality of modes.

4. The method according to any one of claims 1 to 3, wherein the icon interactive interface currently displayed on the display screen before the target mode is determined is the second interactive interface, and determining the first interactive interface including the target movable sub-region corresponding to the target mode from the icon interactive interfaces comprises:

determining whether the second interactive interface includes the target movable subregion;

determining the second interactive interface as the first interactive interface under the condition that the second interactive interface is determined to contain the target movable subarea;

and under the condition that the second interactive interface does not contain the target movable sub-region, determining the first interactive interface containing the target movable sub-region from the icon interactive interface.

5. The method as claimed in claim 4, wherein said determining said first interactive interface from said icon interactive interfaces that includes said target movable sub-region comprises:

and translating a second datum line of the target movable subarea based on the first datum line of the display screen until the current interactive interface contains the target movable subarea, and determining the current interactive interface as the first interactive interface.

6. The method according to any one of claims 1 to 3, wherein the icon interactive interface currently displayed on the display screen before the target mode is determined is a second interactive interface, and the determining of the first interactive interface including the target icon corresponding to the target mode from the icon interactive interfaces comprises:

determining whether the target icon is contained in the second interactive interface;

determining the second interactive interface as the first interactive interface under the condition that the target icon is determined to be contained in the second interactive interface;

and under the condition that the second interactive interface does not contain the target icon, determining the first interactive interface containing the target icon from the icon interactive interfaces.

7. The method of claim 6, wherein the determining the first interactive interface including the target icon from the icon interactive interfaces comprises:

acquiring a first position of the target icon in the icon interactive interface;

determining a third datum line of the target icon based on the first position and a preset moving direction;

and translating the third datum line based on the first datum line of the display screen until the current interactive interface contains the target icon, and determining the current interactive interface as the first interactive interface.

8. The method of claim 6, wherein the determining the first interactive interface including the target icon from the icon interactive interfaces comprises:

and moving the target icon from the first position to a target area in the second interactive interface, and determining the current interactive interface as the first interactive interface after moving.

9. The display method according to claim 1, wherein the highlighting the target icon in a preset manner includes:

and adjusting the target icon from a first size to a second size to highlight the target icon, wherein the first size is the icon size of the unselected one of the plurality of modes, and the second size is the icon size of the selected one of the plurality of modes.

10. The display method according to claim 1, wherein the method further comprises:

determining the size of a movable subarea corresponding to each mode according to the number of the modes and the size of the icon interactive interface;

and performing area division on the icon interaction interface based on the size of the movable subarea corresponding to each mode to obtain a plurality of movable subareas with the number equal to that of the modes, wherein intersection areas exist between adjacent movable subareas in the plurality of movable subareas.

11. The display method according to claim 2, characterized in that the method further comprises:

acquiring the sequencing sequence of the modes and the sequencing sequence of the movable subareas;

and according to the sequencing sequence of the modes and the sequencing sequence of the movable subregions, sequentially distributing the corresponding movable subregions for each mode according to the sequence.

12. The display method according to claim 11, wherein an order in the virtual key selection key interface with respect to the plurality of modes is determined based on an order precedence of the plurality of modes.

13. A display apparatus integrated in an electronic device, the electronic device including a display screen, the display screen being operable to display a part or all of an icon interactive interface, the apparatus comprising:

14. An electronic device, characterized in that the electronic device comprises:

one or more processors;

storage means for storing one or more programs;

when executed by the one or more processors, cause the one or more processors to implement a display method as claimed in any one of claims 1 to 12.

15. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the display method according to any one of claims 1 to 12.