A display method, apparatus and electronic device

Abstract

The present disclosure relates to the technical field of Internet of Things, and particularly relates to a display method and device and electronic equipment, which are used for solving the problem that the control page effect of the current APP display is single, resulting in poor user interaction experience. The method comprises the following steps: in response to a selection operation of opening a target intelligent control page, displaying the target intelligent control page; wherein the target intelligent control page comprises a first control and a second control, the first control is used for displaying a figurative graph or a rendering graph of a first electronic device, and the second control is used for displaying mode sub-controls of different running modes of the first electronic device; in response to a selection operation of the mode sub-controls, obtaining a rendering graph of a running mode corresponding to the mode sub-controls; wherein the figurative graph and the rendering graph are graphs with the same appearance type as the first electronic device, the luminance value of at least one region in the rendering graph is greater than the luminance value of the same region in the figurative graph, and the region and the running mode corresponding to the mode sub-controls are in one-to-one correspondence; and sending replacement information carrying the rendering graph to the first control.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of Internet of Things, and particularly relates to a display method and device and electronic equipment. BACKGROUND

[0002] With the development of technology, more and more electronic devices support remote control through an application (APP), for example, when the electronic device is a refrigerator, a user can conveniently control the bound refrigerator through the control page displayed by the APP installed on the mobile phone. However, the control page displayed by the current APP has a single effect, which leads to a poor user interaction experience. SUMMARY

[0003] In order to solve the above technical problems, the present disclosure provides a display method, device and electronic equipment.

[0004] The technical solution of the present disclosure is as follows:

[0005] In a first aspect, the present disclosure provides an electronic device, comprising: a processor configured to control a display to display a target smart control page in response to a selection operation of opening the target smart control page; wherein the target smart control page comprises a first control and a second control, the first control is used to display a figurative image or a rendering image of a first electronic device, and the second control is used to display mode sub-controls of different running modes of the first electronic device; the processor is further configured to control a communicator to acquire a rendering image of a running mode corresponding to the mode sub-control in response to a selection operation of the mode sub-control; wherein the figurative image and the rendering image are images with the same appearance type as the first electronic device, the luminance value of at least one region in the rendering image is greater than the luminance value of the same region in the figurative image, and the region and the running mode corresponding to the mode sub-control are in one-to-one correspondence; the processor is further configured to send replacement information carrying the rendering image acquired by the communicator to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed figurative image to the rendering image corresponding to the running mode corresponding to the mode sub-control.

[0006] In a second aspect, the present disclosure provides a display method, comprising: in response to a selection operation of opening a target smart control page, displaying the target smart control page; wherein the target smart control page comprises a first control and a second control, the first control is used to display a figurative image of a first electronic device or a rendered image of the first electronic device, and the second control is used to display mode sub-controls of different running modes of the first electronic device; in response to a selection operation on the mode sub-control, obtaining a rendered image of a running mode corresponding to the mode sub-control; wherein the figurative image and the rendered image are images with the same appearance type as the first electronic device, the luminance value of at least one region in the rendered image is greater than the luminance value of the same region in the figurative image, and the region corresponds to the running mode corresponding to the mode sub-control one by one; sending replacement information carrying the rendered image to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed figurative image to the rendered image corresponding to the running mode corresponding to the mode sub-control.

[0007] In a third aspect, the present disclosure provides an electronic device, comprising: a memory and a processor, the memory is used to store a computer program; and the processor is used to make the electronic device implement the display method of any one of the second aspect when executing the computer program.

[0008] In a fourth aspect, the present disclosure provides a computer readable storage medium, comprising: a computer readable storage medium storing a computer program, and the computer program is executed by a processor to implement the display method of any one of the second aspect.

[0009] In a fifth aspect, the present disclosure provides a computer program product, when the computer program product is run on a computer, the computer program product makes the computer execute the display method of any one of the second aspect.

[0010] It should be noted that the above computer instructions can be stored on the first computer readable storage medium in whole or in part. Wherein, the first computer readable storage medium can be packaged together with the processor of the electronic device, or can be packaged separately from the processor of the electronic device, and the present disclosure does not limit this.

[0011] The description of the second aspect, the third aspect, the fourth aspect and the fifth aspect in the present disclosure can refer to the detailed description of the first aspect; and the beneficial effects of the description of the second aspect, the third aspect, the fourth aspect and the fifth aspect can refer to the beneficial effect analysis of the first aspect, which will not be repeated here.

[0012] In the present disclosure, the name of the above-mentioned electronic device does not constitute a limitation on the device or functional module itself, and in actual implementation, these devices or functional modules can appear with other names. As long as the functions of each device or functional module are similar to those of the present disclosure, they belong to the scope of the claims of the present disclosure and equivalent technologies.

[0013] These and other aspects of the present disclosure will become more fully understood from the following description.

[0014] The technical solutions provided by the present disclosure have the following advantages compared with the prior art:

[0015] The display method provided by the present disclosure, the user can see the first electronic device in the target intelligent control page displayed by the electronic device. After the user selects the running mode required by the first electronic device, the electronic device responds to the selection operation of the mode sub-control, obtains the rendering graph of the running mode corresponding to the mode sub-control, and sends the replacement information carrying the rendering graph to the first control. Since the brightness value of at least one region in the rendering graph is greater than the brightness value of the same region in the figurative graph, the region corresponds to the running mode of the mode sub-control one by one, so that the user can more intuitively check the region affected by the currently selected running mode, the effect of the target intelligent control page is more rich, the user's interactive experience is better, and the problem of single effect of the control page displayed by the current APP, resulting in poor user interactive experience, is solved. BRIEF DESCRIPTION OF DRAWINGS

[0016] The accompanying drawings, which are incorporated into and form part of the specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0017] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure or the prior art, the accompanying drawings needed to be used in the embodiments or the prior art description will be briefly introduced. Obviously, for those skilled in the art, other drawings can also be obtained without creative labor based on these drawings.

[0018] Figure 1 The scene schematic diagram of the display method provided by the present disclosure is provided.

[0019] Figure 2 The structure schematic diagram of the display device provided by the present disclosure is provided.

[0020] Figure 3 The structure schematic diagram of the display device provided by the present disclosure is provided.

[0021] Figure 4 The flowchart of the display method provided by the present disclosure is provided.

[0022] Figure 5 The schematic diagram of the target intelligent control page of the display method provided by the present disclosure is provided.

[0023] Figure 6 The schematic diagram of the rendering graph of the display method provided by the present disclosure is provided.

[0024] Figure 7 Fig. 2 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0025] Figure 8 Fig. 3 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0026] Figure 9 Fig. 4 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0027] Figure 10 Fig. 5 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0028] Figure 11 Fig. 6 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0029] Figure 12 Fig. 7 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0030] Figure 13 Fig. 8 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0031] Figure 14 Fig. 9 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0032] Figure 15 Fig. 10 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0033] Figure 16 Fig. 11 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0034] Figure 17 Fig. 2 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0035] Figure 18 Fig. 3 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0036] Figure 19 Fig. 4 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0037] Figure 20 Fig. 5 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0038] Figure 21 Fig. 6 is a schematic diagram of a target intelligent control page of a display method according to an embodiment of the present application;

[0039] Figure 22A structural schematic diagram of a display device provided by an embodiment of the present application is shown in FIG. 1.

[0040] Figure 23 A schematic diagram of a chip system provided by an embodiment of the present application is shown in FIG. 4. DETAILED DESCRIPTION

[0041] In order to more clearly understand the above-mentioned purposes, features and advantages of the present disclosure, the solutions of the present disclosure will be further described below. It should be noted that the embodiments of the present disclosure and the features in the embodiments can be combined with each other without conflict.

[0042] In the following description, a large number of specific details are set forth in order to facilitate a thorough understanding of the present disclosure, but the present disclosure can also be implemented in other different manners from those described herein; obviously, the embodiments described in the specification are only some embodiments of the present disclosure, rather than all the embodiments.

[0043] The display device provided by the embodiment of the present application can have various implementation forms, for example, can be a television, a smart television, a laser projection device, a monitor, an electronic bulletin board, an electronic table, etc. Figure 1 And Figure 2 A specific embodiment of the display device of the present application is shown in FIG. 1.

[0044] It should be noted that in this document, relational terms such as "first" and "second", and the like, are used solely to distinguish one entity or action from another entity or action, without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises", "comprising", or any other variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but can include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without more limitations, an element defined by the phrase "comprising a..." does not exclude the existence of additional identical elements in the process, method, article, or apparatus that includes the element.

[0045] Figure 1 A schematic diagram of an operating scenario between a household device and a control device according to one or more embodiments of the present application is shown in FIG. 1. Figure 1As shown, the user can operate the household appliance 200 through the mobile terminal 300 and / or the control device 100. The control device 100 can be a remote controller, and the communication between the remote controller and the display device includes infrared protocol communication, Bluetooth protocol communication, wireless or other wired ways to control the household appliance 200. The user can input user instructions through the keys on the remote controller, voice input, control panel input, etc. to control the household appliance 200. In some embodiments, the mobile terminal, tablet computer, computer, notebook computer, and other smart devices can also be used to control the household appliance 200.

[0046] In some embodiments, the electronic device provided by the embodiments of the present application can be the mobile terminal 300 described above. In the process of using the household appliance 200, the user can control the household appliance 200 through the mobile terminal 300. In this process, the mobile terminal 300 displays the target smart control page in response to the selection operation of opening the target smart control page. In this way, the user can select the running mode that the household appliance 200 needs to execute based on the mode sub-control of the different running modes that the first electronic device (such as the first electronic device being the household appliance 200) has, which is displayed by the mobile terminal 300. At this time, the mobile terminal 300 acquires the rendering graph of the running mode corresponding to the mode sub-control in response to the selection operation of the mode sub-control; wherein the mockup graph and the rendering graph are both graphs with the same appearance type as the first electronic device, and the brightness value of at least one region in the rendering graph is greater than the brightness value of the same region in the mockup graph. Then, the mobile terminal 300 sends the replacement information carrying the rendering graph to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed mockup graph to the rendering graph corresponding to the running mode corresponding to the mode sub-control.

[0047] As can be seen, in the target smart control page displayed by the mobile terminal 300, the user can see the current mockup graph of the household appliance 200. After the user selects the running mode that the household appliance 200 needs to execute, the mobile terminal 300 acquires the rendering graph of the running mode corresponding to the mode sub-control in response to the selection operation of the mode sub-control, and at the same time, the mobile terminal 300 sends the replacement information carrying the rendering graph to the first control. Since the brightness value of at least one region in the rendering graph is greater than the brightness value of the same region in the mockup graph, and the region and the running mode corresponding to the mode sub-control correspond one-to-one, the user can more intuitively check the region affected by the currently selected running mode, the display effect of the target smart control page is more rich, and the user's interactive experience is better.

[0048] Figure 2 A hardware configuration block diagram of the mobile terminal 300 according to an exemplary embodiment is shown. As shown in FIG. 1, the mobile terminal 300 includes a processor 310, a memory 320, a communication interface 330, a display 340, a sensor 350, and a user input interface 360. Figure 2The mobile terminal 300 shown includes at least one of a tuner 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a storage, a power supply, and a user interface 280. The controller includes a central processing unit, a video processor, an audio processor, a graphic processor, a RAM, a ROM, and a first interface to an n-th interface for input / output. The display 260 can be a display with a touch function, such as a touch display. The detector 230 is used to collect signals of an external environment or interaction with the outside.

[0049] In some embodiments, the controller 250 controls the operation of the display device and responds to the user's operation by storing various software control programs in the storage. The controller 250 controls the overall operation of the home device 200.

[0050] In some examples, the mobile terminal 300 applying one or more embodiments is a mobile phone 1, and the operating system of the mobile phone 1 is an Android system, for example, as shown in FIG. 1. Figure 3 As shown, the mobile phone 1 can be logically divided into an applications layer (referred to as "application layer") 21, an application framework layer (referred to as "framework layer") 22, an Android runtime and system library layer (referred to as "system runtime library layer") 23, and a kernel layer 24.

[0051] The application layer 21 includes one or more applications. The applications can be system applications or third-party applications. For example, the application layer 21 includes a first application, which can provide a control function for the home device 200. The framework layer 22 provides an application programming interface (API) and a programming framework for the application programs of the application layer 21. The system runtime library layer 23 provides support for the upper layer, i.e., the framework layer 22, and when the framework layer 22 is used, the Android operating system runs the C / C++ library included in the system runtime library layer 23 to implement the functions of the framework layer 22. The kernel layer 24 serves as a software middleware between the hardware layer and the application layer 21, and is used to manage and control hardware and software resources.

[0052] In some examples, the mobile phone 1 is powered on, and the first application is started. During the use of the household device 200, the user can control the household device 200 through the mobile phone 1. During this process, the processing unit 201 of the mobile phone 1 controls the display unit 202 to display a target intelligent control page in response to a selection operation of opening the target intelligent control page. In this way, the user can select an operation mode required by the household device 200 based on the mode sub-controls of different operation modes of the first electronic device (for example, the first electronic device is the household device 200) displayed by the mobile phone 1. At this time, the processing unit 201 of the mobile phone 1 controls the transceiver unit 203 to obtain a rendering graph of the operation mode corresponding to the mode sub-control in response to the selection operation of the mode sub-control; wherein the mockup graph and the rendering graph are graphs with the same appearance type as the first electronic device, and the brightness value of at least one region in the rendering graph is greater than the brightness value of the same region in the mockup graph. Then, the processing unit 201 of the mobile phone 300 controls the transceiver unit 203 to send replacement information carrying the rendering graph to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed mockup graph to the rendering graph corresponding to the operation mode corresponding to the mode sub-control.

[0053] Specifically, when the execution subject of the display method provided by the embodiments of the present disclosure is the mobile phone 1, the storage unit 204 of the mobile phone 1 stores program codes and other data of the display method provided by the embodiments of the present disclosure.

[0054] In the following embodiments, the execution subject of the display method provided by the embodiments of the present disclosure is the mobile phone 1, and the household device 200 is taken as an example of a refrigerator to illustrate the method of the present application.

[0055] The display method provided by the embodiments of the present application is applied to the mobile phone 1, as shown in the figure, the display method can include S11-S13. Figure 4

[0056] S11, in response to a selection operation of opening a target intelligent control page, display the target intelligent control page. Wherein, the target intelligent control page includes a first control and a second control, the first control is used to display a mockup graph or a rendering graph of a first electronic device, and the second control is used to display mode sub-controls of different operation modes of the first electronic device.

[0057] ​In some examples, the user installs a first application on the mobile phone 1. The user establishes a communication connection with the refrigerator through the first application in the mobile phone 1. Then, the user can control the operation mode of the refrigerator through the first application in the process of using the refrigerator. For example, the user clicks the first application, and the first application displays a main page in response to the click operation. The main page includes at least one household appliance, such as a television, an air conditioner, a gas water heater, and a refrigerator, which establishes a communication connection with the first application. In this way, the user can select the household appliance to be controlled in the main page displayed on the mobile phone 1. For example, when the household appliance is a refrigerator, the first application displays a target intelligent control page 11 as shown in FIG. 11 in response to the selection operation of opening the target intelligent control page. Figure 5

[0058] In some examples, when there is only one household appliance that establishes a communication connection with the first application, the main page can be the target intelligent control page. When there are multiple household appliances that establish a communication connection with the first application, the main page can include at least one household appliance, such as a television, an air conditioner, a gas water heater, and a refrigerator, which establishes a communication connection with the first application. Alternatively, the user can customize the main page. For example, the user sets the target intelligent control page corresponding to the refrigerator as the user-defined main page. In this way, the first application displays the user-defined main page in response to the click operation of the user after clicking the first application, thereby improving the user's interactive experience.

[0059] In some examples, the figurative image is obtained based on the full-category appearance classification of the second electronic device. For example, when the second electronic device is a refrigerator, the corresponding appearance image can be obtained based on the full-category appearance classification of the refrigerator. Then, the appearance image is used as the figurative image of the second electronic device.

[0060] ​In some examples, different first electronic devices correspond to different figurative pictures due to different appearances of different first electronic devices. In order to facilitate management, a second appearance extension attribute value (appearance2) can be set for each first electronic device, and a first appearance extension attribute value (appearance1) can be set for each figurative picture. In this way, when the mobile phone 1 displays, it can search for the first appearance extension attribute value that is the same as the second appearance extension attribute value in the figurative picture based on the second appearance extension attribute value, and take the figurative picture corresponding to the first appearance extension attribute value that is the same as the second appearance extension attribute value as the figurative picture of the first electronic device. In this way, it can be ensured that the figurative picture of the first electronic device displayed by the mobile phone 1 is similar or identical to the actual appearance of the first electronic device, and the user's interactive experience is improved.

[0061] In some examples, the figurative picture can be a pre-set appearance picture corresponding to a full-category appearance classification of the first electronic device. Or the figurative picture can be user-defined. For example, the user reports a custom image of the first electronic device to the Internet-of-Things server through the first application of the mobile phone 1. For example, the user takes the actual image of the first electronic device through the camera of the mobile phone 1. Then, the actual image is taken as the custom image. After the Internet-of-Things server receives the custom image of the first electronic device reported by the mobile phone 1, the foreground and background of the custom image are separated to obtain a foreground image. Then, the Internet-of-Things server determines the figurative picture and the rendering picture corresponding to the first appearance extension attribute value that is the same as the second appearance extension attribute value based on the second appearance extension attribute value of the first electronic device. Then, the Internet-of-Things server determines the foreground image (i.e., the image of the first electronic device) that matches the figurative picture based on the foreground image and the figurative picture, and takes the foreground image that matches the figurative picture as the custom figurative picture of the first electronic device. At the same time, the Internet-of-Things server determines the custom rendering picture of the first electronic device based on the foreground image that matches the figurative picture and the rendering picture; wherein one custom rendering picture corresponds to one running mode of the first electronic device. For example, the Internet-of-Things server inputs the foreground image that matches the figurative picture and the rendering picture into a synthesis model for synthesis to determine the custom rendering picture of the first electronic device. Or, the foreground image that matches the figurative picture is scaled to obtain a scaled image with the same size as the rendering picture. Then, the rendering picture and the scaled image are respectively divided into regions according to a preset manner to obtain the region-divided rendering picture and the region-divided scaled image. Then, the region in the figurative picture where the luminance value is less than the luminance value of the same region of the rendering picture is determined, and the luminance value of the region in the figurative picture where the luminance value is less than the luminance value of the same region of the rendering picture is adjusted to the luminance value of the same region of the rendering picture to obtain a rendered scaled image, and the rendered scaled image is taken as the custom rendering picture of the first electronic device

[0062] The training process of the synthesis model is as follows:

[0063] Obtain training sample data and a labeled result of the training sample data; the training sample data includes a foreground image matched with a historical custom image and a physical diagram, and a rendering image of a first electronic device corresponding to the historical custom image; the labeled result includes a custom rendering image of the first electronic device corresponding to the historical custom image.

[0064] Input the training sample data into the neural network model for learning to obtain a prediction result of the neural network model on the training sample data.

[0065] Adjust network parameters of the neural network model based on the prediction result and the labeled result until the neural network model converges to obtain a synthesis model.

[0066] S12, in response to the selection operation on the mode sub-control, obtaining a rendering image of a running mode corresponding to the mode sub-control. Wherein, the physical diagram and the rendering image are diagrams with the same appearance type as the first electronic device, and the brightness value of at least one region in the rendering image is greater than that of the same region in the physical diagram, and the region and the running mode corresponding to the mode sub-control are one-to-one corresponding.

[0067] In some examples, one region corresponds to one functional partition. For example, when the first electronic device is a refrigerator, the refrigerator includes functional partitions such as a refrigeration chamber, a variable-temperature chamber, a freezer, etc. In this case, the refrigerator can be divided according to the functional partitions, i.e., the refrigerator is divided according to the actual positions of the refrigeration chamber, the variable-temperature chamber, the freezer, etc., to ensure consistency of the display. In some examples, in order to reduce the storage space of the mobile phone 1, the mobile phone 1 does not store the figurative graph of the first electronic device. For example, the figurative graph corresponding to the second electronic device can be stored in the Internet of Things server. In this case, when the mobile phone 1 needs to display the figurative graph of the first electronic device, the mobile phone 1 can obtain the figurative graph corresponding to the second electronic device from the Internet of Things server. For example, the mobile phone 1 sends the acquisition information to the Internet of Things server in response to the selection operation of opening the target intelligent control page. The mobile phone 1 receives the display data sent by the Internet of Things server in response to the acquisition information. The display data includes the first appearance extension attribute value corresponding to the second electronic device of different appearance types, and the rendering graph corresponding to the different regions in the figurative graph of the second electronic device in different running modes. The device type of the first electronic device and the second electronic device is the same. The mobile phone 1 matches the second appearance extension attribute value of the first electronic device in the display data to obtain the figurative graph and the rendering graph corresponding to the first appearance extension attribute value which is the same as the second appearance extension attribute value. The mobile phone 1 sends the display information carrying the figurative graph to the first control. The display information is used to instruct the first control to display the figurative graph. The mobile phone 1 displays the target intelligent control page based on the figurative graph displayed by the first control and the mode sub-control displayed by the second control.

[0068] In some examples, in combination with the example given in S11, it is assumed that the user needs to adjust the running mode of the refrigerator to the rapid cooling mode. In this case, the user selects the mode sub-control 1110 corresponding to the rapid cooling mode in the first control 100. In this case, the mobile phone 1 obtains the rendering graph 1202 of the rapid cooling mode in response to the selection operation of the mode sub-control 1110 corresponding to the rapid cooling mode. When the running mode is the rapid cooling mode, the temperature of the refrigeration chamber of the refrigerator is the first preset temperature (such as 2°C), the temperature of the variable-temperature chamber is the second preset temperature (such as 5°C), and the temperature of the freezer is the third preset temperature (such as -31°C).

[0069] S13, send the replacement information carrying the rendering graph to the first control. The replacement information is used to instruct the first control to switch from the displayed figurative graph to the rendering graph corresponding to the running mode corresponding to the mode sub-control.

[0070] In some examples, after receiving the replacement information, the first control switches the currently displayed figurative diagram to the rendering diagram corresponding to the running mode corresponding to the mode sub-control currently selected by the user, so that the mobile phone 1 can display the corresponding rendering diagram. Since the area in the rendering diagram corresponds to the running mode corresponding to the mode sub-control one-to-one, and the brightness value of the area is greater than the brightness value of the same area in the figurative diagram, the user can intuitively check the area affected by the currently selected running mode, thereby improving the user's interactive experience.

[0071] In some examples, one running mode corresponds to one identification code (such as functionCode1), and one rendering diagram corresponds to one identification code (such as functionCode2). When functionCode1 is the same as functionCode2, it means that the rendering diagram of the running mode corresponding to functionCode1 is the rendering diagram corresponding to functionCode2.

[0072] In some examples, the functionCode1 of the running mode corresponding to the first electronic device of different models and different appearance types is different.

[0073] In some examples, in combination with the examples given in S12, when displaying the target intelligent control page, the mobile phone 1 displays the figurative diagram of the first electronic device by default. In order to facilitate the user to understand the area of the first electronic device controlled by the currently selected running mode, the user selects the corresponding mode sub-control on the first application of the mobile phone 1. For example, when the user selects the mode sub-control 1110 corresponding to the running mode of the quick cooling mode, the mobile phone 1 responds to the selection operation of the mode sub-control 1110 corresponding to the quick cooling mode, and obtains the rendering diagram 1202 of the quick cooling mode as shown in FIG. 12B. Figure 6 After that, the mobile phone 1 sends the replacement information carrying the rendering diagram 1202 to the first control. In this way, the first control replaces the currently displayed figurative diagram 1101 of the first electronic device with the rendering diagram 1202, and displays the target intelligent control page 12 as shown in FIG. 12C. Figure 7 In this way, the user can intuitively check the area affected by the currently selected running mode, thereby improving the user's interactive experience.

[0074] In some examples, the display method provided by the embodiments of the present disclosure, after the mobile phone 1 sends the replacement information carrying the rendering graph 1202 to the first control, the first control replaces the figurative graph 1101 with the rendering graph 1202, and the first application of the mobile phone 1 starts timing. When the accumulated time (such as 5s) is equal to the time threshold, the switching information is sent to the first control. The switching information is used to instruct the first control to switch from the rendering graph 1202 corresponding to the running mode corresponding to the mode sub-control to the figurative graph 1101. In this way, the first control replaces the currently displayed rendering graph 1202 of the first electronic device with the figurative graph 1101 of the first electronic device, and displays the target intelligent control page 13 as shown in Figure 8 The target intelligent control page 13 includes the first control and the second control. In this way, the user can know the area of the first electronic device controlled by the other running mode when the other running mode is selected, and the interactive experience of the user is improved.

[0075] Further, in combination with Figure 8 As shown in Figure 9 , the user can select other running modes. For example, when the user needs to switch the running mode of the refrigerator to the holiday mode, the mobile phone 1 responds to the selection operation on the mode sub-control 1110 corresponding to the holiday mode, and acquires the rendering graph 1203 of the holiday mode, as shown in Figure 10 Then, the mobile phone 1 sends the replacement information carrying the rendering graph 1203 to the first control. In this way, the first control replaces the currently displayed figurative graph 1101 of the first electronic device with the rendering graph 1203, and displays the target intelligent control page 14 as shown in Figure 11 The target intelligent control page 14 includes the first control and the second control. Meanwhile, the first application of the mobile phone 1 starts timing. When the accumulated time (such as 5s) is equal to the time threshold, the switching information is sent to the first control. The switching information is used to instruct the first control to switch from the rendering graph 1203 corresponding to the running mode corresponding to the mode sub-control to the figurative graph 1101. In this way, the first control replaces the currently displayed rendering graph 1203 of the first electronic device with the figurative graph 1101 of the first electronic device, and displays the target intelligent control page 15 as shown in Figure 12 The target intelligent control page 15 includes the first control and the second control. When the running mode is the holiday mode, the temperature of the refrigerator compartment of the refrigerator is the first preset temperature (such as 2°C), the temperature of the variable temperature room is the second preset temperature (such as 5°C), and the temperature of the freezer is the third preset temperature (such as -18°C).

[0076] Further, in combination with Figure 9 As shown in Figure 13As shown, the user can select other operation modes. When the user needs to switch the operation mode of the refrigerator to the intelligent mode, the phone 1 acquires the rendering graph 1204 corresponding to the intelligent mode in response to the selection operation on the mode sub-control 1110 corresponding to the intelligent mode, as shown. Figure 14 Then, the phone 1 sends the replacement information carrying the rendering graph 1204 to the first control. In this way, the first control replaces the current displayed figurative graph 1101 of the first electronic device with the rendering graph 1204, and displays the target smart control page 16 as shown. Figure 15 As shown. The target smart control page 16 includes the first control and the second control. At the same time, the first application of the phone 1 starts timing. When the accumulated time (such as 5s) is equal to the time threshold, the switching information is sent to the first control. The switching information is used to instruct the first control to switch from the rendering graph 1204 corresponding to the operation mode corresponding to the mode sub-control to the figurative graph 1101. In this way, the first control replaces the current displayed rendering graph 1204 of the first electronic device with the figurative graph 1101 of the first electronic device, and displays the target smart control page 17 as shown. Figure 16 As shown. The target smart control page 17 includes the first control and the second control. When the operation mode is the intelligent mode, the temperature of the refrigerator compartment of the refrigerator is the first preset temperature (such as 5℃), the temperature of the variable temperature room is the second preset temperature (such as 5℃), and the temperature of the freezer is the third preset temperature (such as -18℃).

[0077] As can be seen from the above, the display method provided by the present disclosure allows the user to see the current figurative graph of the refrigerator in the target smart control page displayed by the phone 1. After the user selects the operation mode to be executed by the refrigerator, the phone 1 acquires the rendering graph of the operation mode corresponding to the mode sub-control in response to the selection operation on the mode sub-control, and the electronic device sends the replacement information carrying the rendering graph to the first control. Since the brightness value of at least one region in the rendering graph is greater than the brightness value of the same region in the figurative graph, the region corresponds to the operation mode corresponding to the mode sub-control, so the user can more intuitively check the region affected by the currently selected operation mode, the effect of the target smart control page is more rich, and the user's interactive experience is better.

[0078] In some implementable examples, in combination with Figure 4 As shown in Figure 17 The S11 can be implemented by S110-S114 as described below.

[0079] S110, in response to the selection operation of opening the target smart control page, send the acquisition information to the Internet of Things server.

[0080] S111, receiving display data sent by the Internet of Things server in response to the acquired information. The display data includes first appearance extension attribute values corresponding to the second electronic device of different appearance types, and rendering graphs corresponding to different regions in the figurative graph corresponding to each first appearance extension attribute value when the second electronic device is in different running modes. The device types of the first electronic device and the second electronic device are the same.

[0081] S112, matching the second appearance extension attribute value of the first electronic device in the display data to obtain the figurative graph and the rendering graph corresponding to the first appearance extension attribute value same as the second appearance extension attribute value.

[0082] S113, sending display information carrying the figurative graph to the first control. The display information is used to instruct the first control to display the figurative graph.

[0083] S114, displaying the target intelligent control page based on the figurative graph displayed by the first control and the mode sub-control displayed by the second control.

[0084] In some implementable examples, in combination with Figure 17 As shown in Figure 18 The above S12 can be implemented by the following S120.

[0085] S120, in response to the selection operation on the mode sub-control, screening the rendering graph corresponding to the running mode corresponding to the mode sub-control in the rendering graph corresponding to the first appearance extension attribute value same as the second appearance extension attribute value.

[0086] In some examples, since the rendering graphs corresponding to different running modes are different, the rendering graph corresponding to the first appearance extension attribute value same as the second appearance extension attribute value can be determined based on the running mode corresponding to each rendering graph, and the rendering graph corresponding to the running mode same as the mode sub-control is determined as the rendering graph corresponding to the running mode corresponding to the mode sub-control.

[0087] In some implementable examples, in combination with Figure 4 As shown in Figure 19 The display method provided by the embodiments of the present disclosure further includes S14 and S15 before S13.

[0088] S14, sending execution information to the first electronic device by the Internet of Things server. The execution information is used to instruct the first electronic device to execute the running mode corresponding to the mode sub-control.

[0089] In some examples, mobile phone 1 can send execution information to the first electronic device through the cloud interface of the IoT server. Upon receiving the execution information from the IoT server, the first electronic device executes the running mode corresponding to the mode sub-control. For example, referring to the example given in S11 above, when the mode sub-control is mode sub-control 1110, the first electronic device executes the running mode corresponding to mode sub-control 1110.

[0090] S15. Receive the reply information from the first electronic device via the Internet of Things server indicating that the operating mode has been switched.

[0091] In some examples, to inform mobile phone 1 that the first electronic device has executed the operating mode corresponding to the mode sub-control, after executing the operating mode corresponding to the mode sub-control, the first electronic device needs to send a reply message indicating that the operating mode has been switched to mobile phone 1 through the IoT server. Upon receiving the reply message indicating that the operating mode has been switched from the first electronic device, mobile phone 1 determines that the first electronic device has switched its operating mode.

[0092] In some feasible examples, combining Figure 4 ,like Figure 20 As shown, the display method provided in this embodiment of the present disclosure further includes S16 after S13.

[0093] S16. If the cumulative time for the first control to display the rendered image equals a time threshold, send a switching message to the first control. The switching message instructs the first control to switch from the rendered image corresponding to the running mode of the mode sub-control to a realistic image.

[0094] In some feasible examples, combining Figure 4 ,like Figure 21 As shown, the above S13 can be implemented by the following S130.

[0095] S130. Use an event notification mechanism to send display information carrying a realistic image to the first control.

[0096] The foregoing mainly describes the solutions provided by the embodiments of this application from a methodological perspective. To achieve the above functions, it includes corresponding hardware structures and / or software modules for executing each function. Those skilled in the art should readily recognize that, based on the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein, this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed in hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0097] This application embodiment can divide the electronic device into functional modules according to the above method example. For example, each function can be divided into its own functional modules, or two or more functions can be integrated into one processing unit. The integrated modules can be implemented in hardware or as software functional modules. It should be noted that the module division in this application embodiment is illustrative and only represents one logical functional division. In actual implementation, there may be other division methods.

[0098] like Figure 22 As shown, an embodiment of this application provides a schematic diagram of the structure of an electronic device 500. It includes a processor 101, a display 102, and a communicator 103.

[0099] The processor 101 is configured to control the display 102 to display the target smart control page in response to a selection operation to open the target smart control page. The target smart control page includes a first control and a second control. The first control displays a realistic image or a rendered image of the first electronic device, and the second control displays mode sub-controls representing different operating modes of the first electronic device. The processor 101 is also configured to control the communicator 103 to acquire a rendered image of the operating mode corresponding to the mode sub-control in response to a selection operation of the mode sub-control. Both the realistic image and the rendered image are images with the same appearance type as the first electronic device. At least one area in the rendered image has a brightness value greater than the same area in the realistic image, and each area corresponds one-to-one with the operating mode of the mode sub-control. The processor 101 is also configured to send replacement information carrying the rendered image acquired by the communicator 103 to the first control. The replacement information instructs the first control to switch from the displayed realistic image to the rendered image corresponding to the operating mode of the mode sub-control.

[0100] In some implementable examples, the processor 101 is further configured to, in response to the selection operation of opening the target smart control page, control the communicator 103 to send acquisition information to the Internet of Things server; the communicator 103 is further configured to receive display data sent by the Internet of Things server in response to the acquisition information; wherein the display data includes a first appearance extension attribute value corresponding to a second electronic device of a different appearance type, and a rendering graph corresponding to a different region in a figurative graph corresponding to each first appearance extension attribute value when the second electronic device is in a different running mode, the device type of the first electronic device and the second electronic device being the same; the processor 101 is further configured to, based on the second appearance extension attribute value of the first electronic device being matched in the display data acquired by the communicator 103, obtain the figurative graph and the rendering graph corresponding to the first appearance extension attribute value same as the second appearance extension attribute value; the processor 101 is further configured to control the communicator 103 to send display information carrying the figurative graph to the first control; wherein the display information is used to instruct the first control to display the figurative graph; and the processor 101 is further configured to display the target smart control page based on the figurative graph displayed by the first control and the mode sub-control displayed by the second control.

[0101] In some implementable examples, the processor 101 is further configured to, in response to the selection operation of the mode sub-control, in the rendering graph corresponding to the first appearance extension attribute value same as the second appearance extension attribute value, screen the rendering graph corresponding to the running mode corresponding to the mode sub-control.

[0102] In some implementable examples, the processor 101 is further configured to control the communicator 103 to send execution information to the first electronic device through the Internet of Things server; wherein the execution information is used to instruct the first electronic device to execute the running mode corresponding to the mode sub-control; and the communicator 103 is further configured to receive reply information of the switched running mode sent by the first electronic device through the Internet of Things server.

[0103] In some implementable examples, the processor 101 is further configured to, in a case where the cumulative time of the first control displaying the rendering graph is equal to a time threshold, control the communicator 103 to send switching information to the first control; wherein the switching information is used to instruct the first control to switch from the rendering graph corresponding to the running mode corresponding to the mode sub-control to the figurative graph.

[0104] In some implementable examples, the processor 101 is further configured to control the communicator 103 to send the display information carrying the figurative graph to the first control by using an event notification mechanism.

[0105] Wherein all related contents of each step involved in the above method embodiments can be cited to the function description of the corresponding function module, and the action is not described here.

[0106] Of course, the electronic device 500 provided by the embodiments of the present application includes but is not limited to the above-mentioned modules, for example, the electronic device 500 can further include a memory 104. The memory 104 can be used to store the program code of the electronic device 500, and can also be used to store the data generated by the electronic device 500 during operation, such as the data in the write request.

[0107] As an example, in combination with Figure 3 , the transceiver unit 203 in the electronic device 500 implements the same function as the communicator 103, the processing unit 201 implements the same function as the processor 101, the display unit 202 implements the same function as the display 102, and the storage unit 204 implements the same function as the memory 104.

[0108] As shown in Figure 23 , the embodiments of the present application further provide a chip system, which can be applied to the electronic device 500 in the foregoing embodiments. The chip system includes at least one processor 1501 and at least one interface circuit 1502. The processor 1501 can be the processor in the above-mentioned electronic device 500. The processor 1501 and the interface circuit 1502 can be interconnected through a line. The processor 1501 can receive and execute computer instructions from the memory of the above-mentioned electronic device 500 through the interface circuit 1502. When the computer instructions are executed by the processor 1501, the electronic device 500 can perform each step performed by the electronic device 500 in the above-mentioned embodiments. Of course, the chip system can also include other discrete devices, and the embodiments of the present application do not make specific limitations thereto.

[0109] The embodiments of the present application further provide a computer readable storage medium for storing the computer instructions executed by the above-mentioned electronic device 500.

[0110] The above-mentioned is only the specific implementation of the present disclosure, so that those skilled in the art can understand or implement the present disclosure. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein can be implemented in other embodiments without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure will not be limited to these embodiments described herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. An electronic device, comprising: The processor is configured to control the display to display a target intelligent control page in response to a selection operation of opening the target intelligent control page; wherein the target intelligent control page comprises a first control and a second control, the first control is used to display a figurative image or a rendered image of a first electronic device, and the second control is used to display mode sub-controls of different running modes of the first electronic device; The processor is further configured to control the communicator to acquire a rendered image of a running mode corresponding to the mode sub-control in response to a selection operation of the mode sub-control; wherein the figurative image and the rendered image are images with the same appearance type of the first electronic device, and the luminance value of at least one region in the rendered image is greater than the luminance value of the same region in the figurative image, and the region corresponds to the running mode corresponding to the mode sub-control one by one; The processor is further configured to send replacement information carrying the rendered image acquired by the communicator to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed figurative image to the rendered image corresponding to the running mode corresponding to the mode sub-control. The processor is further configured to control the communicator to send acquisition information to an Internet of Things server in response to a selection operation of opening a target intelligent control page; 2. The electronic device of claim 1, wherein, The communicator is further configured to receive display data sent by the Internet of Things server in response to the acquisition information; wherein the display data comprises first appearance extension attribute values corresponding to second electronic devices of different appearance types, and rendered images corresponding to different regions in the figurative image corresponding to each first appearance extension attribute value when the second electronic devices are in different running modes, and the device types of the first electronic device and the second electronic devices are the same; The processor is further configured to match the second appearance extension attribute value of the first electronic device in the display data acquired by the communicator to obtain the figurative image and the rendered image corresponding to the first appearance extension attribute value identical to the second appearance extension attribute value; The processor is further configured to control the communicator to send display information carrying the figurative image to the first control; wherein the display information is used to instruct the first control to display the figurative image; The processor is further configured to display a target intelligent control page based on the figurative image displayed by the first control and the mode sub-control displayed by the second control. The processor is further configured to filter the rendered image corresponding to the running mode corresponding to the mode sub-control in the rendered image corresponding to the first appearance extension attribute value identical to the second appearance extension attribute value in response to a selection operation of the mode sub-control.

3. The electronic device of claim 2, wherein, The processor is further configured to control the communicator to send execution information to the first electronic device through the Internet of Things server; wherein the execution information is used to instruct the first electronic device to execute the running mode corresponding to the mode sub-control.

4. The electronic device of claim 1, wherein, ​ The communicator is further configured to receive reply information of the switched running mode sent by the first electronic device through the Internet of Things server.

5. The electronic device of claim 1, wherein, The processor is further configured to control the communicator to send switching information to the first control in a case where the first control displays the cumulative time of the rendering graph equal to a time threshold; and the switching information is used to instruct the first control to switch from the rendering graph corresponding to the running mode corresponding to the mode sub-control to the figurative graph.

6. The electronic device of claim 1, wherein, The processor is further configured to control the communicator to send display information carrying the figurative graph to the first control by using an event notification mechanism.

7. A display method characterized by comprising: Comprise: In response to a selection operation of opening a target intelligent control page, display the target intelligent control page; wherein the target intelligent control page comprises a first control and a second control, the first control is used to display a figurative graph or a rendering graph of a first electronic device, and the second control is used to display mode sub-controls of different running modes of the first electronic device; In response to a selection operation of the mode sub-control, obtain a rendering graph of a running mode corresponding to the mode sub-control; wherein the figurative graph and the rendering graph are graphs with the same appearance type as the first electronic device, and the luminance value of at least one region in the rendering graph is greater than the luminance value of the same region in the figurative graph, and the region corresponds to the running mode corresponding to the mode sub-control one by one; Send replacement information carrying the rendering graph to the first control; wherein the replacement information is used to instruct the first control to switch from the displayed figurative graph to the rendering graph corresponding to the running mode corresponding to the mode sub-control.

8. The display method according to claim 7, wherein The response to the selection operation of opening the target intelligent control page to display the target intelligent control page comprises: In response to a selection operation of opening a target intelligent control page, send acquisition information to an Internet of Things server; Receive display data sent by the Internet of Things server in response to the acquisition information; wherein the display data comprises first appearance extension attribute values corresponding to second electronic devices of different appearance types, and rendering graphs corresponding to different regions in the figurative graph corresponding to each first appearance extension attribute value when the second electronic devices are in different running modes, and the device types of the first electronic device and the second electronic devices are the same; Match the second appearance extension attribute value of the first electronic device in the display data to obtain the figurative graph and the rendering graph corresponding to the first appearance extension attribute value which is the same as the second appearance extension attribute value; Send display information carrying the figurative graph to the first control; wherein the display information is used to instruct the first control to display the figurative graph; Display the target intelligent control page based on the figurative graph displayed by the first control and the mode sub-control displayed by the second control.

9. The display method according to claim 8, wherein The response to the selection operation of the mode sub-control to obtain the rendering graph of the running mode corresponding to the mode sub-control comprises: In response to a selection operation on the mode sub-control, a rendering graph corresponding to a running mode corresponding to the mode sub-control is filtered in a rendering graph corresponding to a first appearance extension attribute value same as the second appearance extension attribute value.

10. A computer-readable storage medium, characterized in that, The method comprises: The computer readable storage medium has stored thereon a computer program which, when executed by a computing device, causes the computing device to implement the display method of any one of claims 7-9.

Images