Display method, device, electronic device and storage medium

Abstract

The embodiments of the present application disclose a display method, device, electronic device and storage medium, and relate to the field of interface interaction technology. Among them, the method includes: determining the target mode according to the selection operation for multiple modes, wherein the icon interaction interface includes multiple movable sub-areas divided according to the number of multiple modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display the icon of the corresponding mode; determining from the icon interaction interface a first interaction interface including a target movable sub-area corresponding to the target mode or including a target icon corresponding to the target mode; displaying the first interaction interface on the display screen and highlighting the target icon in a preset manner. The technical solution provided by the embodiments of the present application can facilitate users to accurately locate the mode they want to select, and can enhance the user's interactive experience of using the control application software of the smart home.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of interface interaction technology, and in particular, to a display method, device, electronic device and storage medium. Background Art

[0002] At present, the control application software of smart home products developed based on mobile terminals uses different bubbles to represent different modes in the actual application of mode selection. However, the bubbles float randomly and irregularly, and the bubbles may disappear in the current display area, which makes it impossible for users to accurately locate the mode they want to select, affecting the user's interactive experience. Therefore, it is urgent to optimize and improve the interactive interface of the control application software of smart home products. Summary of the invention

[0003] The embodiments of the present application provide a display method, device, electronic device and storage medium to facilitate users to accurately locate the mode they want to select, which can enhance the user's interactive experience when using smart home control application software.

[0004] In a first aspect, an embodiment of the present application provides a display method, the method comprising:

[0005] Determining a target mode according to a selection operation for a plurality of modes, wherein the icon interaction interface includes a plurality of movable sub-areas divided according to the number of the plurality of modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display an icon of the corresponding mode;

[0006] Determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode;

[0007] The first interactive interface is displayed on the display screen and the target icon is highlighted in a preset manner.

[0008] In a second aspect, an embodiment of the present application provides a display device, the device comprising:

[0009] A mode determination module, configured to determine a target mode according to a selection operation for a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-areas divided according to the number of the plurality of modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display an icon of the corresponding mode;

[0010] An interface determination module, used to determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode;

[0011] The interface display module is used to display the first interactive interface on the display screen and highlight the target icon in a preset manner.

[0012] In a third aspect, an embodiment of the present application provides an electronic device, the electronic device comprising:

[0013] one or more processors;

[0014] A storage device for storing one or more programs;

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the display method described in any embodiment of the present application.

[0016] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium on which a computer program is stored. When the computer program is executed by a processor, the display method described in any embodiment of the present application is implemented.

[0017] The embodiment of the present application provides a display method, device, electronic device and storage medium, the method comprising: determining a target mode according to a selection operation for multiple modes, wherein the icon interaction interface comprises multiple movable sub-areas divided according to the number of multiple modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display the icon of the corresponding mode; determining from the icon interaction interface a first interaction interface including a target movable sub-area corresponding to the target mode or a target icon corresponding to the target mode; displaying the first interaction interface on the display screen and highlighting the target icon in a preset manner. The present application divides the corresponding movable sub-area for each target mode so that the target icon floats in the corresponding movable sub-area, and when the target mode is determined, the first interaction interface including the target movable sub-area corresponding to the target mode or the target icon corresponding to the target mode is displayed on the display screen, so that the user can accurately locate the mode he wants to select; in addition, by highlighting the target icon on the display screen, the user's interactive experience of using the control application software of the smart home can be enhanced.

[0018] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present application, nor is it intended to limit the scope of the present application. Other features of the present application will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present application.

[0020] Figure 1 A first flow chart of a display method provided in an embodiment of the present application;

[0021] Figures 2A-2D A schematic diagram of a display scene provided in an embodiment of the present application;

[0022] Figure 3A-3B A schematic diagram of a virtual operation key provided in an embodiment of the present application;

[0023] Figures 4A-4G A schematic diagram of the interface interaction provided in the embodiment of the present application;

[0024] Figure 5 A second flow chart of a display method provided in an embodiment of the present application;

[0025] Figures 6A-6C A schematic diagram of another display scene provided in an embodiment of the present application;

[0026] Figure 7 A third flow chart of a display method provided in an embodiment of the present application;

[0027] Figures 8A-8B A schematic diagram of another interface interaction provided in an embodiment of the present application;

[0028] Fig. 9 A schematic diagram of the structure of a display device provided in an embodiment of the present application;

[0029] Fig.10 It is a block diagram of an electronic device used to implement a display method in an embodiment of the present application. DETAILED DESCRIPTION

[0030] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0031] It should be noted that the terms "first", "second", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0032] Before introducing the embodiments of the present application, the application scenarios of the present application are briefly introduced. The present application can be applied to control devices of smart homes, such as control devices for controlling lights with multiple lighting effect modes. The lighting effect mode to be displayed can be selected in the interactive interface of the control device, and the icon of the lighting effect mode can be displayed in a preset manner in the interactive interface to inform the user which mode is currently selected. This is only one application scenario of the present application, and it can also be applied in other types of scenarios.

[0033] Figure 1 A first flow chart of a display method provided in an embodiment of the present application, this embodiment can be applied to the case where a target icon of a target mode is displayed on a display screen. A display method provided in this embodiment can be executed by a display device provided in an embodiment of the present application, and the device can be implemented by software and / or hardware and integrated in an electronic device that executes the method. The display method in the present application is applied in an electronic device, and the electronic device includes a display screen, and the display screen can be used to display part or all of the icon interaction interface.

[0034] See also Figure 1 The method of this embodiment includes but is not limited to the following steps:

[0035] S110: Determine a target mode according to a selection operation for multiple modes.

[0036] Among them, the icon interaction interface is used to display icons of multiple modes. The icon interaction interface includes multiple active sub-areas divided according to the number of multiple modes. One mode corresponds to one active sub-area, and one mode corresponds to one icon. Each active sub-area is used to display the icon of the mode corresponding to the active sub-area.

[0037] Optionally, the mode icon may be a bubble, which may float randomly or regularly in the corresponding movable sub-area. The shape of the movable sub-area may be a regular shape, such as a rectangle, or an irregular shape; the size or shape of different movable sub-areas may be the same or different, and the embodiment of the present application does not limit this.

[0038] The display scenario of the present application depends on the size relationship between the icon interaction interface and the display screen. Optionally, in a possible implementation, the display scenario of the present application can be: Figure 2A As shown, reference numeral 21 is an icon interaction interface, reference numeral 22 is a display screen, the width of the icon interaction interface is greater than the width of the display screen, the length of the icon interaction interface is less than the length of the display screen, and the icon interaction interface can be moved left and right in the display screen; it can also be: Figure 2B As shown, reference numeral 21 is an icon interaction interface, reference numeral 22 is a display screen, the width of the icon interaction interface is greater than the width of the display screen, the length of the icon interaction interface is equal to the length of the display screen, and the icon interaction interface can be moved left and right in the display screen.

[0039] Optionally, in another possible implementation, the display scenario of the present application may be: Figure 2C As shown, reference numeral 21 is an icon interaction interface, reference numeral 22 is a display screen, the width of the icon interaction interface is equal to the width of the display screen, the length of the icon interaction interface is greater than the length of the display screen, and the icon interaction interface can be moved up and down in the display screen; it can also be: Figure 2D As shown, reference numeral 21 is an icon interaction interface, reference numeral 22 is a display screen, the width of the icon interaction interface is greater than the width of the display screen, the length of the icon interaction interface is greater than the length of the display screen, and the icon interaction interface can be moved up and down and left and right in the display screen.

[0040] Optionally, the display screen can also be used to display a virtual key selection key interface, the virtual key selection key interface including a virtual operation key for selecting a target mode from multiple modes. With respect to step S110, in a possible embodiment, determining the target mode according to the selection operation for multiple modes includes: receiving a selection operation for the virtual operation key, and determining the target mode from the multiple modes.

[0041] In this embodiment, the virtual operation keys may include switch keys (such as left and right switch keys or up and down switch keys), or slide / click selection keys (selection keys containing multiple modules on a long axis, which can be selected by sliding or clicking), etc. The switch key facilitates the user to select multiple modes. The virtual operation keys also include a confirmation key, which is used when the user switches to a certain mode through the switch key, and then confirms the mode as the target mode through the confirmation key. The virtual operation keys can also be: one mode corresponds to one virtual key. Optionally, on the virtual operation key, each mode has its corresponding text or pattern. For example Figure 3A Shown is a schematic diagram of the virtual operation keys, in which multiple modes are selected by switching the left and right buttons.

[0042] Optionally, the display screen may also include virtual operation keys for other functions, such as those used in lighting mode scenes. Figure 3B As shown, it may also include a light on / off key, a light mode list key, a light timing key and a light music key, and may also include a light brightness selection bar and a flashing speed selection bar.

[0043] In this embodiment, the user can perform a selection operation on the virtual operation key to select a target mode from multiple modes; the electronic device receives the user's selection operation on the virtual operation key, determines the target mode from multiple modes, and then displays text or patterns corresponding to the target mode on the virtual operation key.

[0044] Optionally, the order of multiple modes in the virtual key selection key interface is determined based on the sorting order of the multiple modes. For example, mode 1 to mode 8 are mapped to the active sub-area from front to back, and there is a certain arrangement order. Accordingly, the multiple modes in the virtual operation keys are also arranged in this order.

[0045] With respect to step S110, in another possible embodiment, determining the target mode according to selection operations for multiple modes includes: receiving selection operations for icons of multiple modes in an icon interaction interface, and determining the target mode from the multiple modes.

[0046] In this embodiment, for the case where the display screen displays a partial icon interaction interface, there are three situations for the selection operation of icons of multiple modes in the icon interaction interface. The first: when the icon of the target mode is in the current interaction interface of the display screen, the user can select the icon of the target mode through some specific trigger operations, such as: directly clicking the icon or long pressing the icon; the second: when the icon of the target mode is not in the current interaction interface of the display screen, indicating that the icon of the target mode is in a hidden area (i.e., an area outside the display screen), the user can present the hidden area in the current interaction interface of the display screen through a drag operation, and then click the icon of the target mode in the current interaction interface to complete the selection operation of icons of multiple modes. Here, in the process of presenting the hidden area in the current interaction interface of the display screen through a drag operation, based on the drag direction, if the boundary line of the icon interaction interface crosses the boundary line of the display screen, that is, there are some areas in the display screen that do not display the icon interaction interface, then the corresponding part of the display screen will appear black screen. In order to avoid the black screen, the black screen area can be rendered as the background color, or the drag operation can be stopped when the boundary line of the icon interaction interface is aligned with the boundary line of the display screen during the drag operation. The third type: when 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 trigger operations, without dragging to make the icon of the target mode fully displayed in the current interactive interface of the display screen. The advantage of such a setting is that the steps of mode selection operation can be saved. The electronic device receives the user's selection operation for the icons of multiple modes in the icon interactive interface, and determines the target mode from the multiple modes.

[0047] Optionally, the icons contained in the icon interaction interface can be dragged, and the icon interaction interface can also be dragged, so that the user can determine the target mode from multiple modes.

[0048] For each of the above possible embodiments, the process of dividing the movable sub-area can be: determining the size of the movable sub-area corresponding to each mode according to the number of multiple modes and the size of the icon interaction interface; dividing the icon interaction interface based on the size of the movable sub-area corresponding to each mode to obtain multiple movable sub-areas equal to the number of multiple modes. The advantage of this setting is that the activity range of each icon can be limited, and the icon can only float randomly or regularly in its corresponding movable sub-area, which is convenient for users to quickly determine and view the icons corresponding to each mode, and also convenient for quickly switching modes.

[0049] In an embodiment of the present application, the size of the active sub-area corresponding to each mode can be obtained by the following determination method: Optionally, the size of the icon interaction interface is equally divided according to the number of multiple modes to obtain the size of the active sub-area corresponding to each mode, that is, there is no intersection area between adjacent active sub-areas, and multiple active sub-areas occupy the entire icon interaction interface; Preferably, on the basis of obtaining the size of the active sub-area corresponding to each mode by equally dividing the size of the icon interaction interface according to the number of multiple modes, the size of the active sub-area can be slightly expanded, such as expanding the preset size, to obtain the size of the new active sub-area. That is, there is an intersection area between adjacent active sub-areas in the multiple active sub-areas, and whether the multiple active sub-areas occupy the entire icon interaction interface depends on the size of the intersection area. The multiple active sub-areas may occupy the entire icon interaction interface or may not occupy the entire icon interaction interface.

[0050] Optionally, the active sub-area can be displayed in a visual manner, that is, the user can perceive at least one of the divided area, size and shape of the active sub-area in the icon interaction interface; preferably, the active sub-area can be divided in an implicit (that is, invisible) manner, and the range of the active sub-area is not displayed in the icon interaction interface, so that it is not perceived by the user, but each icon has a certain implicit active range.

[0051] Optionally, the process of assigning a corresponding movable sub-area to each mode may be: obtaining the order of the multiple modes and the order of the multiple movable sub-areas; and assigning a corresponding movable sub-area to each mode in order of order according to the order of the multiple modes and the order of the multiple movable sub-areas.

[0052] S120: Determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode.

[0053] In an embodiment of the present application, after receiving the user's selection operation for multiple modes in the icon interaction interface through the above-mentioned step S110 and determining the target mode from the multiple modes, the target active sub-area corresponding to the target mode is found from the multiple active sub-areas in the icon interaction interface, or the target icon corresponding to the target mode is found from the icon interaction interface; finally, the interaction interface including the target active sub-area is used as the first interaction interface, or the interaction interface including the target icon is used as the first interaction interface.

[0054] S130: Displaying a first interactive interface on a display screen and highlighting a target icon in a preset manner.

[0055] In an embodiment of the present application, after the first interactive interface including the target active sub-area corresponding to the target mode or the target icon corresponding to the target mode is determined in the above step S120, the first interactive interface is displayed on the display screen and the target icon is highlighted in a preset manner.

[0056] Specifically, highlighting the target icon in a preset manner includes: adjusting the target icon from a first size to a second size to highlight the target icon, the first size being the icon size of an unselected mode among multiple modes, the second size being the icon size of a selected mode among multiple modes, and the second size being larger than the first size.

[0057] In the embodiment of the present application, when the user determines the target mode from multiple modes, the target icon of the first size is cut to obtain multiple fragment icons to show the animation effect of the explosion of the target icon of the first size, and then the target mode is displayed with the target icon of the second size. Figures 4A-4D As shown, in Figures 4A-4B The current mode displayed is mode 1 (xxxx1 in the figure). Compared with the icons of the unselected modes, the icon size of mode 1 is larger; Figure 4A The target mode is selected by clicking the icon of mode 2 (xxxx2 in the figure); Figure 4B Click the switch button in the virtual operation key to select mode 2 (such as xxxx2 in the figure); Figure 4C In the , switch mode 1 to mode 2 (xxxx2 in the figure), the icon of mode 2 is highlighted with an explosion animation effect; Figure 4D In the example, after the explosion animation effect is used for display, the icon size of mode 2 is enlarged and highlighted.

[0058] in addition, Figure 4E The camera icon in the image is used to modify the mode icon. If you click on the camera icon, you can display the mode selection list. For example, Figure 4F In the slow fade mode, when the slowfade mode icon is modified by clicking the camera icon, a virtual selection button including take photo, choose photo, default photo, and cancel will pop up to guide the user to select the target picture through multiple scenes or cancel the modification of the mode icon.

[0059] It is understandable that in addition to highlighting the target icon through explosion animation effects and changing the icon size, other animation effects can also be used to display the target icon, for example, changing the shape of the target icon to distinguish it from other icons of unselected modes, such as the icon of the unselected mode is circular, and the icon of the selected mode can be rectangular.

[0060] Optionally, this application does not limit the shape and pattern of the icon corresponding to the mode. Users can change the pattern of the icon according to their personal preferences, which is convenient for users to better distinguish different modes. Optionally, if the shape of the icon is circular, when the user selects the pattern to be replaced (the shape of the pattern to be replaced is not circular), the user will be helped to automatically crop the image into a circular image to fit the icon shape. Figure 4G The icon pattern is shown after the icon pattern is changed after the user selects the pattern to be changed.

[0061] The technical solution provided in this embodiment first receives the user's selection operation for multiple modes to determine the target mode from the multiple modes, wherein the icon interaction interface includes multiple active sub-areas divided according to the number of multiple modes, one mode corresponds to an active sub-area, one mode corresponds to an icon, and the active sub-area is used to display the icon of the corresponding mode; then the first interaction interface containing the target active sub-area corresponding to the target mode or the target icon corresponding to the target mode is determined from the icon interaction interface; finally, the first interaction interface is displayed on the display screen and the target icon is highlighted in a preset manner. That is, when the user selects the target mode, the electronic device determines the first interaction interface to be displayed according to the target mode, and then displays the first interaction interface on the display screen and highlights the target icon in a preset manner. The present application divides the corresponding active sub-area for each target mode so that the target icon floats in the corresponding active sub-area. When the target mode is determined, the first interaction interface containing the target active sub-area corresponding to the target mode or the target icon corresponding to the target mode is displayed on the display screen, so that the user can accurately locate the mode he wants to select; in addition, by highlighting the target icon on the display screen, the user's interactive experience of using the control application software of the smart home can be improved.

[0062] The display method provided by the embodiment of the present invention is further described below. Figure 5 A second flow chart of a display method provided by an embodiment of the present application. The embodiment of the present application is optimized on the basis of the above embodiment, and the specific optimization is as follows: the present embodiment explains in detail the process of determining the first interactive interface including the target active sub-area corresponding to the target mode.

[0063] See also Figure 5 The method of this embodiment includes but is not limited to the following steps:

[0064] S210: Determine a target mode according to a selection operation for multiple modes.

[0065] For more information about this step, see Figure 1 Step S110 of the embodiment will not be described in detail here.

[0066] S220: Determine, from the icon interaction interface, a target active sub-region corresponding to the target mode.

[0067] In the embodiment of the present application, one mode corresponds to one active sub-area, and a corresponding relationship table can be configured between the identification number of the mode and the corresponding active sub-area. When a user's selection operation for multiple modes in the icon interaction interface is received, after a target mode is determined from the multiple modes, the identification number of the target mode is obtained, and then the active sub-area corresponding to the identification number is searched from the corresponding relationship table according to the identification number of the target mode, so as to find the target active sub-area corresponding to the target mode from the multiple active sub-areas in the icon interaction interface.

[0068] Optionally, before the target mode is determined, the icon interaction interface currently displayed on the display screen is the second interaction interface.

[0069] S230: Determine whether the second interactive interface includes a target active sub-area.

[0070] In the embodiment of the present application, after the target movable sub-region is determined, it is also necessary to determine whether the second interactive interface includes the target movable sub-region.

[0071] Preferably, determine whether the target movable sub-area is completely contained in the second interactive interface, if the target movable sub-area is completely contained in the second interactive interface, execute step S240; if the target movable sub-area is not completely contained in the second interactive interface, execute step S250.

[0072] Optionally, determine whether the target active sub-area is partially contained in the second interactive interface, that is, a portion of the target active sub-area is contained in the second interactive interface. In the case where a portion of the target active sub-area is contained in the second interactive interface, a preset percentage can be set, such as 90%. If 90% or more of the target active sub-area is contained in the second interactive interface, it is considered that the second interactive interface contains the target active sub-area, and step S240 is executed. If the area of ​​the target active sub-area contained in the second interactive interface is less than 90%, it is considered that the second interactive interface does not contain the target active sub-area, and step S250 is executed.

[0073] In addition, the preset percentage may also be 95%, 80%, 50%, etc. Different percentages may result in different user experiences.

[0074] Optionally, the process of determining whether the target active sub-area is included in the second interactive interface may also be: initially, each active sub-area is marked with a baseline, and the specific marking rule may be that the background can record the position of the baseline of each active sub-area in the icon interactive interface, and when this baseline coincides with the baseline of the display screen, it can be ensured that the active sub-area is fully displayed on the display screen.

[0075] S240: When it is determined that the second interactive interface includes the target active sub-region, determine the second interactive interface as the first interactive interface.

[0076] In an embodiment of the present application, when it is determined that the second interactive interface contains a target active sub-area, it indicates that the target icon is in the second interactive interface and there is no need to move the icon interactive interface. In this case, the second interactive interface is determined as the first interactive interface.

[0077] S250. When it is determined that the second interactive interface does not include the target active sub-area, the second baseline of the target active sub-area is translated based on the first baseline of the display screen until the current interactive interface includes the target active sub-area, and the current interactive interface is determined as the first interactive interface.

[0078] Among them, when the size relationship between the icon interaction interface and the display screen is as follows Fig. 6A or Figure 6B As shown, reference numeral 21 is the icon interaction interface, reference numeral 22 is the display screen, reference numeral 23 is the target active sub-area, the moving direction of the icon interaction interface is left and right, the first reference line of the display screen is the vertical extension line of the midpoint of the wide side, and the second reference line of the target active sub-area is the vertical extension line of the midpoint of the wide side, and the second reference line is parallel to the first reference line. Figure 6C As shown, reference numeral 21 is the icon interaction interface, reference numeral 22 is the display screen, reference numeral 23 is the target active sub-area, the moving direction of the icon interaction interface is up and down, the first reference line of the display screen is the vertical extension line of the midpoint of the long side, and the second reference line of the target active sub-area is the vertical extension line of the midpoint of the long side, and the second reference line is parallel to the first reference line. Figure 2D As shown, the moving direction of the icon interaction 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 midpoint of the wide side or a vertical extension line of the midpoint of the long side, and the second reference line is parallel to the first reference line.

[0079] In the embodiment of the present application, when it is determined that the target active sub-area is included in the second interactive interface, the first interactive interface including the target active sub-area is determined from the icon interactive interface. Specifically, the second baseline of the target active sub-area is translated based on the first baseline of the display screen, thereby adjusting the position of the target active sub-area to obtain a new position, until the current interactive interface includes the target active sub-area, or until the first baseline coincides with the second baseline, the current interactive interface is determined as the first interactive interface.

[0080] It should be noted that if the first reference line coincides with the second reference line, the boundary line of the icon interaction interface based on the translation direction crosses the boundary line of the display screen, that is, there is a part of the display screen where the icon interaction interface is not displayed, then a black screen will appear in the corresponding part of the display screen. In order to avoid a black screen, the black screen area can be rendered as a background color, or the translation operation can be stopped when the boundary line of the icon interaction interface is aligned with the boundary line of the display screen during the translation operation, that is, the first reference line and the second reference line may not coincide with each other.

[0081] S260: Displaying a first interactive interface on a display screen and highlighting a target icon in a preset manner.

[0082] For more information about this step, see Figure 1 Step S130 of the embodiment will not be described in detail here.

[0083] The technical solution provided in this embodiment determines the target mode from multiple modes by receiving the user's selection operation for multiple modes; determines the target active sub-area corresponding to the target mode from the icon interaction interface; determines whether the second interaction interface contains the target active sub-area; when it is determined that the second interaction interface contains the target active sub-area, the second interaction interface is determined as the first interaction interface; when it is determined that the second interaction interface does not contain the target active sub-area, the second baseline of the target active sub-area is translated based on the first baseline of the display screen until the current interaction interface contains the target active sub-area, the current interaction interface is determined as the first interaction interface; the first interaction interface is displayed on the display screen and the target icon is highlighted in a preset manner. This application determines whether the target active sub-area is included in the second interaction interface by judging whether the target active sub-area is included in the second interaction interface. If so, the second interaction interface is determined as the first interaction interface. If not, the position of the target active sub-area is adjusted based on the first baseline of the display screen, thereby determining the first interaction interface to be displayed. Executing the technical solution of this application can facilitate users to accurately locate the mode they want to select, and can enhance the user's interactive experience of using the control application software of the smart home.

[0084] The display method provided by the embodiment of the present invention is further described below. Figure 7 The third flow chart of a display method provided by the embodiment of the present application is as follows: The embodiment of the present application is optimized on the basis of the above embodiment, and the specific optimization is as follows: the present embodiment explains in detail the process of determining the first interactive interface including the target icon corresponding to the target mode.

[0085] refer to Figure 7 The method of this embodiment includes but is not limited to the following steps:

[0086] S310: Determine a target mode according to a selection operation for multiple modes.

[0087] For more information about this step, see Figure 1 Step S110 of the embodiment will not be described in detail here.

[0088] S320: Determine a target icon corresponding to the target mode from the icon interaction interface.

[0089] In the embodiment of the present application, one mode corresponds to one icon, and a corresponding relationship table can be configured between the identification number of the mode and the corresponding icon. When receiving a user's selection operation for multiple modes in the icon interaction interface, after determining the target mode 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 relationship table according to the identification number of the target mode, so as to determine the target icon corresponding to the target mode from the icon interaction interface.

[0090] Optionally, before the target mode is determined, the icon interaction interface currently displayed on the display screen is the second interaction interface.

[0091] S330: Determine whether the second interactive interface includes a target icon.

[0092] In the embodiment of the present application, after determining the target active sub-area, it is also necessary to determine 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.

[0093] Preferably, determining whether the target icon is included in the second interactive interface may be determining whether all target icons are included in the second interactive interface. If all target icons are included in the second interactive interface, execute step S340; if not all target icons are included in the second interactive interface, execute step S350.

[0094] Optionally, 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 portion of the target icon is included in the second interactive interface. In the case where a portion of the target icon is included in the second interactive interface, a preset percentage may be set, such as 90%. If 90% or more of the target icon is included in the second interactive interface, it is considered that the second interactive interface contains the target icon, and step S340 is executed. If the target icon is included in less than 20% of the area in the second interactive interface, it is considered that the second interactive interface does not contain the target icon, and step S350 is executed.

[0095] Optionally, when the area of ​​the target icon is greater than 20% and less than 90% contained in the second interactive interface, it is also necessary to determine whether the target icon can appear in the second interactive interface within a preset time (such as two seconds). If so, it is considered that the second interactive interface contains the target icon, and step S340 is executed. Exemplarily, the icon of the pattern can be a bubble, and the bubble can float randomly or regularly in the corresponding active sub-area. If 20%-90% of the target icon is contained in the second interactive interface at the current moment, it is also necessary to determine whether the target icon can float in the second interactive interface within a preset time (such as two seconds). If so, it is considered that the second interactive interface contains the target icon, and step S340 is executed.

[0096] S340: When it is determined that the second interaction interface includes the target icon, determine the second interaction interface as the first interaction interface.

[0097] In an embodiment of the present application, when it is determined that the second interactive interface contains the target icon, it indicates that the target icon is in the second interactive interface and there is no need to move the icon interactive interface. At this time, the second interactive interface is determined as the first interactive interface.

[0098] S350. When it is determined that the second interaction interface does not include the target icon, obtain a first position of the target icon in the icon interaction interface, and determine a third reference line of the target icon based on the first position and a preset moving direction.

[0099] In an embodiment of the present application, the preset moving direction refers to the moving direction of the icon interaction interface. When the moving direction is left and right, the third baseline is the vertical extension line of the midpoint of the wide side of the target icon; when the moving direction is up and down, the third baseline is the vertical extension line of the midpoint of the long side of the target icon.

[0100] S360: translating the third reference line based on the first reference line of the display screen until the current interaction interface includes the target icon, and determining the current interaction interface as the first interaction interface.

[0101] In an embodiment of the present application, the third baseline of the target icon is translated based on the first baseline of the display screen, thereby adjusting the position of the target icon to obtain a new position, until the current interaction interface includes the target icon, or until the first baseline coincides with the third baseline, the current interaction interface is determined as the first interaction interface.

[0102] It should be noted that if the first reference line coincides with the third reference line, the boundary line of the icon interaction interface based on the translation direction crosses the boundary line of the display screen, that is, there is a part of the display screen where the icon interaction interface is not displayed, then a black screen will appear in the corresponding part of the display screen. In order to avoid a black screen, the black screen area can be rendered as a background color, or the translation operation can be stopped when the boundary line of the icon interaction interface is aligned with the boundary line of the display screen during the translation operation, that is, the first reference line and the third reference line may not coincide with each other.

[0103] It can be understood that, in the process of translating 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 cannot cover icons of other modes.

[0104] S370: Display the first interactive interface on the display screen and highlight the target icon in a preset manner.

[0105] For more information about this step, see Figure 1 Step S130 of the embodiment will not be described in detail here.

[0106] The technical solution provided in this embodiment determines the target mode from multiple modes by receiving the user's selection operation for multiple modes; determines the target icon corresponding to the target mode from the icon interaction interface; determines whether the second interaction interface contains the target icon; when it is determined that the second interaction interface contains the target icon, the second interaction interface is determined as the first interaction interface; when it is determined that the second interaction interface does not contain the target icon, the first position of the target icon in the icon interaction interface is obtained, and the third reference line of the target icon is determined based on the first position and the preset moving direction; the third reference line is translated based on the first reference line of the display screen until the current interaction interface contains the target icon, and the current interaction interface is determined as the first interaction interface; the first interaction interface is displayed on the display screen and the target icon is highlighted in a preset manner. This application determines whether the target icon is included in the second interaction interface by judging whether the target icon is included in the second interaction interface. If so, the second interaction interface is determined as the first interaction interface. If not, the position of the target icon is adjusted based on the first position and the preset moving direction, thereby determining the first interaction interface to be displayed. Executing the technical solution of this application can facilitate users to accurately locate the mode they want to select, and can enhance the user's interactive experience of using the control application software of the smart home.

[0107] In another embodiment, when it is determined that the second interactive interface does not contain the target icon, a first interactive interface containing the target icon is determined from the icon interactive interface, including: obtaining the first position of the target icon in the icon interactive interface; moving the target icon from the first position to the target area in the second interactive interface, and determining the current interactive interface as the first interactive interface after the move. The target area can be a blank area in the second interactive interface, or it can be the position of the last target icon in the second interactive interface. Figures 8A-8B As shown, reference numeral 21 is an icon interaction interface, reference numeral 22 is a display screen, and the figure shows that the target icon is not included in the second interaction interface, and the target icon is moved from the first position to the target area in the second interaction interface, and the target area is a blank area in the second interaction interface.

[0108] After assigning a corresponding active sub-area to each mode in the above embodiment, the mapping relationship between the mode and the active sub-area 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 adjusted accordingly, for example: move icon a; in the active sub-area where there are two icons after the move, the original icon is moved to the next active sub-area, and so on, until the next active sub-area is the active sub-area corresponding to icon a.

[0109] Fig. 9 A schematic diagram of a display device provided in an embodiment of the present application is shown in FIG. Fig. 9 As shown, the device 400 is integrated in an electronic device, and the electronic device includes a display screen, and the display screen can be used to display part or all of the icon interaction interface. The device 400 may include:

[0110] A mode determination module 410, configured to determine a target mode according to a selection operation for a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-areas divided according to the number of the plurality of modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display an icon of the corresponding mode;

[0111] An interface determination module 420, configured to determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode;

[0112] The interface display module 430 is used to display the first interactive interface on the display screen and highlight the target icon in a preset manner.

[0113] Optionally, the display screen is also used to display a virtual key selection interface, and the virtual key selection interface includes a virtual operation key for selecting a target mode from multiple modes.

[0114] Furthermore, the mode determination module 410 may be specifically configured to: receive a selection operation on the virtual operation key, and determine a target mode from the multiple modes.

[0115] Furthermore, the mode determination module 410 may be specifically configured to: receive a selection operation for icons of multiple modes in the icon interaction interface, and determine a target mode from the multiple modes.

[0116] Optionally, before the target mode is determined, the icon interaction interface currently displayed on the display screen is the second interaction interface.

[0117] Furthermore, the interface determination module 420 may include: a first interface determination unit and a second interface determination unit.

[0118] The first interface determination unit is used to determine whether the second interaction interface includes the target active sub-area; when it is determined that the second interaction interface includes the target active sub-area, the second interaction interface is determined as the first interaction interface; when it is determined that the second interaction interface does not include the target active sub-area, the first interaction interface including the target active sub-area is determined from the icon interaction interface.

[0119] The first interface determination unit may be specifically configured to translate the second baseline of the target active sub-area based on the first baseline of the display screen until the current interaction interface includes the target active sub-area, and then determine the current interaction interface as the first interaction interface.

[0120] The second interface determination unit is used to determine whether the second interactive interface includes the target icon; when it is determined that the second interactive interface includes the target icon, the second interactive interface is determined as the first interactive interface; when it is determined that the second interactive interface does not include the target icon, the first interactive interface including the target icon is determined from the icon interactive interface.

[0121] The second interface determination unit can be specifically used to obtain the first position of the target icon in the icon interaction interface; determine the third baseline of the target icon based on the first position and a preset moving direction; translate the third baseline based on the first baseline of the display screen until the current interaction interface contains the target icon, and determine the current interaction interface as the first interaction interface.

[0122] The second interface determination unit can also be specifically used to obtain the first position of the target icon in the icon interaction interface; move the target icon from the first position to the target area in the second interaction interface, and determine the current interaction interface as the first interaction interface after the movement.

[0123] Furthermore, the above-mentioned interface display module 430 can be specifically used to: adjust the target icon from a first size to a second size to highlight the target icon, the first size is the icon size of an unselected mode among the multiple modes, and the second size is the icon size of a selected mode among the multiple modes.

[0124] Furthermore, the above display device may further include: a region division module;

[0125] The area division module is used to determine the size of the active sub-area corresponding to each mode according to the number of the multiple modes and the size of the icon interaction interface; divide the icon interaction interface into areas based on the size of the active sub-area corresponding to each mode to obtain a plurality of active sub-areas equal to the number of the multiple modes, and there are intersection areas between adjacent active sub-areas among the multiple active sub-areas.

[0126] Furthermore, the above display device may further include: a mode allocation module;

[0127] The mode allocation module is used to obtain the order of the multiple modes and the order of the multiple movable sub-areas; according to the order of the multiple modes and the order of the multiple movable sub-areas, the corresponding movable sub-areas are allocated to each mode in order of order.

[0128] Optionally, the order of the multiple modes in the virtual key selection key interface is determined based on the order of the multiple modes.

[0129] The display device provided in this embodiment can be applied to the display method provided in any of the above embodiments, and has corresponding functions and beneficial effects.

[0130] Fig.10It is a block diagram of an electronic device for implementing a display method of an embodiment of the present application. Electronic device 10 is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workbenches, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present application described and / or required herein.

[0131] like Fig.10 As shown, the electronic device 10 includes at least one processor 11, and a memory connected to the at least one processor 11, such as a read-only memory (ROM) 12, a random access memory (RAM) 13, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 to the random access memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 can also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other through a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0132] 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, etc.; an output unit 17, such as various types of displays, speakers, etc.; a storage unit 18, such as a disk, an optical disk, etc.; and a communication unit 19, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0133] The processor 11 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the 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 appropriate processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as the display method.

[0134] In some embodiments, the display method may be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on 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 in any other appropriate manner (e.g., by means of firmware).

[0135] Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0136] The computer programs 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, a special-purpose computer, or other programmable data processing device, so that when the computer programs are executed by the processor, the functions / operations specified in the flow charts and / or block diagrams are implemented. The computer programs may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0137] In the context of the present application, a computer readable storage medium may be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, device or equipment. A computer readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. Alternatively, a computer readable storage medium may be a machine readable signal medium. A more specific example of a machine readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, 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 portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0138] To provide interaction with a user, the systems and techniques described herein may 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 the user; and a keyboard and a pointing device (e.g., a mouse or trackball) through which the user can provide input to the electronic device. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may 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 input, voice input, or tactile input).

[0139] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0140] A computing system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The client and server relationship is generated by computer programs running on the corresponding computers and having a client-server relationship with each other. The server may be a cloud server, also known as a cloud computing server or cloud host, which is a host product in the cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and VPS services.

[0141] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps recorded in this application can be executed in parallel, sequentially or in different orders, as long as the expected results of the technical solution of this application can be achieved, and this document is not limited here.

[0142] The above specific implementations do not constitute a limitation on the protection scope of this application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of this application should be included in the protection scope of this application.

Claims

1. A display method, characterized in that: The display method is applied in an electronic device, wherein the electronic device includes a display screen, and the display screen can be used to display an icon interaction interface. The method includes: Determining a target mode according to a selection operation for a plurality of modes, wherein the icon interaction interface includes a plurality of movable sub-areas divided according to the number of the plurality of modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display an icon of the corresponding mode; the icon of the mode is a bubble, floating in the corresponding movable sub-area; Determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode; Displaying the first interactive interface on the display screen and highlighting the target icon in a preset manner; The method further comprises: Before determining the target mode, the icon interaction interface currently displayed on the display screen is the second interaction interface; When it is determined that the second interactive interface does not include the target active sub-area, the second baseline of the target active sub-area is translated based on the first baseline of the display screen until the current interactive interface includes the target active sub-area, and the current interactive interface is determined as the first interactive interface; or When it is determined that the target icon is not included in the second interaction interface, the first position of the target icon in the icon interaction interface is obtained, the third baseline of the target icon is determined based on the first position and a preset moving direction, and the third baseline is translated based on the first baseline of the display screen until the target icon is included in the current interaction interface, and the current interaction interface is determined as the first interaction interface.

2. The display method according to claim 1, characterized in that: The display screen is also used to display a virtual key selection key interface, wherein the virtual key selection key interface includes a virtual operation key for selecting a target mode from a plurality of modes; The determining of the target mode according to the selection operation for the multiple modes includes: A selection operation on the virtual operation key is received, and a target mode is determined from the plurality of modes.

3. The display method according to claim 1, characterized in that: The determining of the target mode according to the selection operation for the multiple modes includes: A selection operation for icons of multiple modes in the icon interaction interface is received, and a target mode is determined from the multiple modes.

4. The method according to any one of claims 1 to 3, characterized in that: Before determining the target mode, the icon interaction interface currently displayed on the display screen is the second interaction interface, and determining the first interaction interface including the target active sub-area corresponding to the target mode from the icon interaction interface includes: Determining whether the second interactive interface includes the target active sub-area; In a case where it is determined that the second interactive interface includes the target active sub-area, determining the second interactive interface as the first interactive interface; When it is determined that the second interactive interface does not include the target movable sub-region, the first interactive interface including the target movable sub-region is determined from the icon interactive interface.

5. The method according to any one of claims 1 to 3, characterized in that: Before determining the target mode, the icon interaction interface currently displayed on the display screen is the second interaction interface, and determining a first interaction interface including a target icon corresponding to the target mode from the icon interaction interface includes: Determining whether the second interactive interface includes the target icon; In a case where it is determined that the second interaction interface includes the target icon, determining the second interaction interface as the first interaction interface; When it is determined that the second interaction interface does not include the target icon, the first interaction interface including the target icon is determined from the icon interaction interfaces.

6. The method according to claim 5, characterized in that The determining the first interactive interface including the target icon from the icon interactive interfaces includes: Obtaining a first position of the target icon in the icon interaction interface; The target icon is moved from the first position to a target area in the second interaction interface, and after the movement, the current interaction interface is determined as the first interaction interface.

7. The display method according to claim 1, characterized in that: The highlighting of the target icon in a preset manner includes: The target icon is adjusted from a first size to a second size to highlight the target icon, wherein the first size is an icon size of an unselected mode among the multiple modes, and the second size is an icon size of a selected mode among the multiple modes.

8. The display method according to claim 1, characterized in that: The method further comprises: Determining the size of the active sub-area corresponding to each mode according to the number of the multiple modes and the size of the icon interaction interface; The icon interaction interface is divided into regions based on the size of the movable sub-region corresponding to each mode to obtain a plurality of movable sub-regions equal in number to the plurality of modes, and there are intersection regions between adjacent movable sub-regions among the plurality of movable sub-regions.

9. The display method according to claim 2, characterized in that: The method further comprises: Obtaining the order of the multiple modes and the order of the multiple movable sub-areas; According to the order of the multiple modes and the order of the multiple movable sub-areas, a corresponding movable sub-area is allocated to each mode in sequence.

10. The display method according to claim 9, characterized in that: The order of the multiple modes in the virtual key selection key interface is determined based on the order of the multiple modes.

11. A display device, characterized in that: The display device is integrated in an electronic device, the electronic device includes a display screen, and the display screen can be used to display an icon interaction interface. The device includes: A mode determination module, configured to determine a target mode according to a selection operation for a plurality of modes, wherein the icon interaction interface comprises a plurality of movable sub-areas divided according to the number of the plurality of modes, one mode corresponds to one movable sub-area, one mode corresponds to one icon, and the movable sub-area is used to display an icon of the corresponding mode; the icon of the mode is a bubble, floating in the corresponding movable sub-area; An interface determination module, used to determine, from the icon interaction interface, a first interaction interface including a target active sub-region corresponding to the target mode or including a target icon corresponding to the target mode; An interface display module, configured to display the first interactive interface on the display screen and highlight the target icon in a preset manner; The device is also used for: Before determining the target mode, the icon interaction interface currently displayed on the display screen is the second interaction interface; When it is determined that the second interactive interface does not include the target active sub-area, the second baseline of the target active sub-area is translated based on the first baseline of the display screen until the current interactive interface includes the target active sub-area, and the current interactive interface is determined as the first interactive interface; or When it is determined that the target icon is not included in the second interaction interface, the first position of the target icon in the icon interaction interface is obtained, the third baseline of the target icon is determined based on the first position and a preset moving direction, and the third baseline is translated based on the first baseline of the display screen until the target icon is included in the current interaction interface, and the current interaction interface is determined as the first interaction interface.

12. An electronic device, characterized in that: The electronic device comprises: one or more processors; A storage device 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 one of claims 1 to 10.

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

Images