Electronic equipment and method for generating target interface

By dynamically loading UI elements and module configurations, the problem of insufficient user interface customization capabilities of existing smart home devices is solved, and more personalized and flexible interface configuration is achieved, improving the user experience.

CN119536882APending Publication Date: 2025-02-28WUHAN LINPTECH
View PDF 0 Cites 1 Cited by

Patent Information

Application Number
CN202411596748.2
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-11-09
Publication Date
2025-02-28

AI Technical Summary

Technical Problem

The user interface of existing smart home devices lacks customization capabilities, especially in multi-device collaborative control scenarios, resulting in poor user experience.

Method used

By obtaining the modules of the initial interface and dynamically loading UI elements based on the association relationship between the module type and the target object, users can add and configure modules on the initial interface to generate the target interface.

Benefits of technology

It realizes that users combine and customize interface display based on specific needs, improves the interface's personalized configuration capabilities, and target interface generation that meets the needs of different scenarios.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119536882A_ABST
    Figure CN119536882A_ABST
Patent Text Reader

Abstract

The invention relates to an electronic device and method for generating a target interface, and the electronic device comprises a memory which stores an instruction; the processor is configured to execute the instructions in the memory so as to enable the electronic equipment to execute the following operations: obtaining at least one module of an initial interface which can generate a target interface through configuration; obtaining a first configuration command, wherein the first configuration command indicates to associate a corresponding module with a target object; determining the type of a module pointed by the first configuration command, wherein the type is one of multiple module types; wherein the different types of modules load different UI elements for the same target object, and the loaded UI elements are distinguished according to the types of the modules and the characteristics of the target object; on the basis of the incidence relation between the module type and the target object, loading a specific UI element matched with the module type and the target object in each module; and generating a target interface based on each module associated with the target object.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present disclosure relates to the field of smart home technology, and in particular to an electronic device and method for generating a target interface. Background Art

[0002] At present, many electronic devices in the field of smart home, such as smart control screens, smart doorbells, access control screens, smart mirrors, central control panels, lighting control panels, air conditioning / HVAC control panels, scene control panels, security control panels, etc., use screens for user interaction. Therefore, the layout and functional configuration of the screen's user interface are key factors affecting the user experience. And as user needs develop, users expect to be able to customize the interface according to their own needs, so as to operate more personalized and conveniently.

[0003] Taking the smart control screen as an example, in the traditional interface configuration method, users can only choose the preset interface layout and fixed control arrangement. This interface lacks detailed customization capabilities, which is particularly limited in smart home systems that require multi-device collaborative control. Summary of the invention

[0004] In order to overcome the problems existing in the prior art, according to the first aspect of the present disclosure, the present disclosure provides an electronic device for generating a target interface, including: a memory storing instructions; a processor configured to execute the instructions in the memory so that the electronic device performs the following operations: obtaining at least one module of an initial interface, and the initial interface can generate a target interface through configuration; obtaining a first configuration command, and the first configuration command indicates that the corresponding module is associated with a target object; determining the type of the module pointed to by the first configuration command, and the type is one of multiple module types; wherein different types of modules load different UI elements for the same target object, and the loaded UI elements differ according to the module type and the characteristics of the target object; based on the association relationship between the module type and the target object, loading specific UI elements suitable for its module type and target object in each module, so that the user can more conveniently operate or view the status of the target object; generating a target interface based on each module associated with the target object.

[0005] Furthermore, the disclosed embodiment provides a method for generating a target interface by dynamically loading the interface configuration of UI elements through module types and target objects, allowing users to add a series of freely configurable modules on the initial interface, and each module can apply specific UI elements according to its type and object characteristics. In this way, users can combine and customize the interface display according to specific needs, realize flexible configuration of multiple modules and UI elements, and realize more refined personalized configuration, thereby generating a target interface that meets the needs of different scenarios.

[0006] According to an embodiment of the present disclosure, the processor is also configured to execute instructions in the memory so that the electronic device performs the following operations: connects to a configuration device that has configuration authority for the electronic device through a predetermined boot operation of a terminal device, and the configuration device is able to receive user input on the configuration interface of the electronic device through the terminal device to achieve online and remote configuration of the electronic device; the target object is an object selected from multiple preset objects through the configuration interface of the electronic device based on user input.

[0007] According to an embodiment of the present disclosure, the processor obtains at least one module of the initial interface, and is specifically used to: receive an add interface command issued by a configuration device, wherein the add interface command is generated by the configuration device in response to a first user input of a user; generate an initial interface according to the add interface command, wherein the initial interface is a blank interface without any modules; receive an area division command issued by the configuration device, wherein the area division command is generated by the configuration device according to a selected module example; the module example is a module example selected from a plurality of selectable module examples displayed in a selection interface of a module type after the configuration device receives a second user input on the configuration interface through the terminal device; wherein each module example represents a specific module type; and according to the area division command, generate a module of a type corresponding to the module example at a specified position of the initial interface, thereby dividing an independent area on the initial interface to obtain a module of the initial interface.

[0008] According to an embodiment of the present disclosure, the modules of the target interface are added one by one in sequence; wherein, different types of modules may differ in size and / or shape, and on the initial interface, each time a module is added, an independent area is divided for it, so that the user can customize the target interface by adding modules one by one, so that the initial interface is gradually divided into different functional areas.

[0009] According to an embodiment of the present disclosure, the UI elements include controls; wherein, different types of modules load controls of different types, quantities and / or layouts for the same target object; the processor loads specific UI elements corresponding to the module type and the target object in each module based on the association between the module type and the target object, specifically used to: load controls corresponding to the module type and the target object in each module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

[0010] According to an embodiment of the present disclosure, the processor loads controls in each module that are compatible with its module type and target object, specifically used to: determine the object type to which the target object indicated by the first configuration command belongs; the object type includes at least one of a switch, a device, and a scene.

[0011] Wherein, when it is determined that the first configuration command indicates that the corresponding module is associated with a switch, at least one switch control of the switch is applied in the corresponding module; the switch is electrically connected to the processor, used to connect a circuit and control the circuit; and has: an on state, used to connect the circuit; and, an off state, used to cut off the circuit; when it is determined that the first configuration command indicates that the corresponding module is associated with a device, at least one function control of the device is applied in the module, each function control is used to trigger at least one function item of the device; the device belongs to one of a plurality of preset objects; and / or, when it is determined that the first configuration command indicates that the corresponding module is associated with a scene, at least one identification control of the scene is applied in the corresponding module; the scene belongs to one of a plurality of preset objects.

[0012] After at least one switch control is applied in the module, the processor is also configured to execute instructions in the memory so that the electronic device performs the following operations: if at least one switch control is applied in the module, then in response to at least one trigger signal brought about by the manipulation of the switch control, the on state and the off state of the switch are switched; if at least one functional control is applied in the module, then in response to at least one trigger signal brought about by the control operation of any functional control in the module, a control message is generated and sent out to the outside, so that: the control result pointed to by the control message can be executed by the corresponding controlled device; and / or, if at least one identification control is applied in the module, then in response to at least one trigger signal brought about by the control operation of the identification control, a third control message is generated and sent out to the outside, so that: the configuration device can receive the third control message, and control the corresponding smart scene to be executed based on the third control message; the smart scene is pre-defined by the user through the terminal device and stored in the configuration device.

[0013] In order to overcome the problems existing in the prior art, according to the second aspect of the present disclosure, the present disclosure provides a method for generating a target interface, including: obtaining at least one module of an initial interface, and the initial interface can generate a target interface through configuration; obtaining a first configuration command, and the first configuration command indicates to associate the corresponding module with the target object; determining the type of the module pointed to by the first configuration command, and the type is one of multiple module types; wherein different types of modules load different UI elements for the same target object, and the loaded UI elements differ according to the module type and the characteristics of the target object; based on the association relationship between the module type and the target object, loading specific UI elements corresponding to its module type and the target object in each module, so that the user can more conveniently operate or view the status of the target object; generating the target interface based on each module associated with the target object.

[0014] According to an embodiment of the present disclosure, before obtaining at least one module of the initial interface, the method also includes: connecting to a configuration device that has configuration authority for the electronic device through a predetermined boot operation of a terminal device, and the configuration device is capable of receiving user input on the configuration interface of the electronic device through the terminal device; wherein the target object is an object selected from multiple preset objects through the configuration interface of the electronic device based on the user input.

[0015] According to an embodiment of the present disclosure, the at least one module for obtaining the initial interface specifically includes:

[0016] Receive an add interface command issued by a configuration device, wherein the add interface command is generated by the configuration device in response to a first user input; generate an initial interface according to the add interface command, wherein the initial interface is a blank interface without any modules; receive an area division command issued by the configuration device, wherein the area division command is generated by the configuration device according to a selected module example; the module example is a module example selected from a plurality of selectable module examples displayed in a selection interface of a module type after the configuration device receives a second user input on the configuration interface through the terminal device; wherein each module example represents a specific module type; and according to the area division command, generate a module of a type corresponding to the module example at a specified position of the initial interface, thereby dividing an independent area on the initial interface to obtain a module of the initial interface.

[0017] According to an embodiment of the present disclosure, the modules of the target interface are added one by one in sequence; wherein, different types of modules may differ in size and / or shape, and on the initial interface, each time a module is added, an independent area is divided for it, so that the user can customize the target interface by adding modules one by one, so that the initial interface is gradually divided into different functional areas.

[0018] According to an embodiment of the present disclosure, the UI elements include controls; wherein, different types of modules load controls of different types, quantities and / or layouts for the same target object; the specific UI elements adapted to the module type and the target object are loaded in each module based on the association relationship between the module type and the target object, specifically including: loading controls adapted to the module type and the target object in each module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

[0019] According to an embodiment of the present disclosure, the loading of controls corresponding to the module type and the target object in each module specifically includes: determining the object type to which the target object indicated by the first configuration command belongs; the object type includes at least one of a switch, a device, and a scene; wherein, when it is determined that the first configuration command indicates that the corresponding module is associated with the switch, at least one switch control of the switch is applied in the module; wherein the switch is electrically connected to the processor, used to connect a circuit and control the circuit, and has: an on state, used to connect the circuit; and, an off state, used to cut off the circuit; when it is determined that the first configuration command indicates that the corresponding module is associated with the device, at least one function control of the device is applied in the corresponding module, each function control is used to trigger at least one function item of the device; the device belongs to one of a plurality of preset objects; and / or, when it is determined that the first configuration command indicates that the corresponding module is associated with the scene, at least one identification control of the scene is applied in the corresponding module; the scene belongs to one of a plurality of preset objects.

[0020] After at least one control is applied in the module, the method further includes: if at least one switch control is applied in the module, then in response to at least one trigger signal brought about by the manipulation of the switch control, the on state and the off state of the switch are switched; if at least one functional control is applied in the module, then in response to at least one trigger signal brought about by the control operation of any functional control in the module, a control message is generated and sent out, so that: the control result pointed to by the control message can be executed by the corresponding controlled device; and / or, if at least one identification control is applied in the module, then in response to at least one trigger signal brought about by the control operation of the identification control, a third control message is generated and sent out, so that: the configuration device can receive the third control message, and control the corresponding smart scene to be executed based on the third control message; the smart scene is pre-defined by the user through the terminal device and stored in the configuration device.

[0021] It should be understood that the above general description and the following detailed description are only exemplary and explanatory and cannot limit the present disclosure. The above-mentioned various invention contents can be combined arbitrarily, and these and other purposes of the present disclosure will be fully reflected through the following detailed description and drawings.

[0022] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure or the prior art, the drawings required for use in the embodiments or the prior art descriptions are briefly introduced below. The drawings herein are incorporated into the specification and constitute a part of the specification, showing embodiments consistent with the present application, and are used together with the specification to explain the principles of the present application. Obviously, the drawings described below are only some embodiments of the present disclosure, and for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative labor.

[0024] Figure 1 is a schematic diagram of an example network environment including a smart control screen in an embodiment of the present disclosure;

[0025] Figure 2 is an exemplary configuration block diagram of an electronic device in an embodiment of the present disclosure;

[0026] Figure 3 is a flowchart 300 of an exemplary method for generating a target interface in an embodiment of the present disclosure;

[0027] Figure 4 It is a schematic diagram of the layout presented by first acquiring module 1 and then acquiring module 2 in one embodiment of the present disclosure;

[0028] Figure 5 This is a schematic diagram of a layout in which module 2 is first acquired and then module 1 is acquired in one embodiment of the present disclosure;

[0029] Figure 6 is a schematic diagram of the operation of moving a module through a configuration interface in one embodiment of the present disclosure;

[0030] Figure 7 is a schematic diagram of an operation of deleting a module through a configuration interface in an embodiment of the present disclosure;

[0031] Figure 8 It is a schematic diagram of module 1 and module 3 loading different UI elements for electric curtains in one embodiment of the present disclosure;

[0032] Fig. 9 It is a schematic diagram of module 1 and module 3 loading different UI elements for air conditioners in one embodiment of the present disclosure;

[0033] Fig.10a , 10b , 10c, 10d, and Fig.11 and Fig.12 is a schematic diagram of a target interface obtained by adding various types of modules in one embodiment of the present disclosure;

[0034] Fig.13 is a schematic diagram of a control interface of an electric curtain in an embodiment of the present disclosure;

[0035] Fig.14 is a schematic diagram of an operation of obtaining a module in an initial interface through a configuration interface in an embodiment of the present disclosure;

[0036] Fig.15 is with Fig.14 A schematic diagram of the screen configuration change process of the corresponding electronic device;

[0037] Fig.16 is a hardware connection relationship diagram when the electronic device in one embodiment of the present disclosure is implemented as a smart control screen;

[0038] Fig.17 is a schematic diagram of the display effect after the switch is associated with the module in one embodiment of the present disclosure;

[0039] Fig.18 It is a specific flow chart of associating a module with a physical device in one embodiment of the present disclosure;

[0040] Fig.19 yes Fig.18 Schematic diagram of the screen interface changes of the corresponding electronic device;

[0041] Fig. 20 It is a specific flow diagram of associating a module with a virtual device in one embodiment of the present disclosure;

[0042] Fig.21 yes Fig. 20 Schematic diagram of the screen interface changes of the corresponding electronic device;

[0043] Fig. 22 is an operation diagram of a module association scenario in an embodiment of the present disclosure;

[0044] Fig.23 yes Fig. 22 Schematic diagram of the screen interface changes of the corresponding electronic device;

[0045] Fig.24 is a flowchart 300' of an exemplary method for generating a target interface in an embodiment of the present disclosure;

[0046] Fig.25is a schematic diagram of module 2 displaying a text in one embodiment of the present disclosure;

[0047] Fig.26a and Figure 26b is a schematic diagram of module 3 displaying multiple texts in one embodiment of the present disclosure;

[0048] Fig. 27 is a schematic diagram of a third type module displaying a text in an embodiment of the present disclosure;

[0049] Fig.28 is a schematic diagram of an electronic device displaying multiple texts on multiple screens in one embodiment of the present disclosure;

[0050] Fig.29 is a schematic diagram of a target interface in an embodiment of the present disclosure that displays both text and functional controls;

[0051] Fig.30 is a schematic diagram of the operation of the interface list in one embodiment of the present disclosure;

[0052] Fig.31 It is a schematic diagram of the operation of returning to the main interface in one embodiment of the present disclosure. DETAILED DESCRIPTION

[0053] The embodiments of the present disclosure will be described in detail below.

[0054] The electronic device in the embodiments of the present disclosure may be a smart control screen, a smart doorbell, an access control screen, a smart mirror, a central control panel, a lighting control panel, an air conditioning / heating control panel, a scene control panel, a security control panel, or other smart home devices with a screen. Among them:

[0055] The smart control screen (intelligent control screen) is a multi-functional panel with a display and touch function, which can display temperature and humidity, weather, equipment status, etc. It is generally a multi-functional integrated panel, suitable for high-end smart home systems, and can centrally manage a variety of home devices.

[0056] Smart doorbells and access control screens are smart doorbells and access control systems with screens that can display videos of visitors outside the door and support remote control and intercom functions.

[0057] A smart mirror is a mirror with a display screen that can display weather, news, schedule and other information while washing, and can also be connected to a smart home system.

[0058] The central control panel is the core control device of the smart home system. It is usually installed in a conspicuous location, such as the living room, entrance, etc., and can centrally control a variety of smart devices. The main functions include the control of lighting, air conditioning, security, curtains and other equipment. It can also display the status of the equipment and provide one-click scene control, so that users can quickly switch scenes.

[0059] Lighting control panel is a panel specially used for switching lights, adjusting brightness and controlling colors. Usually installed on the wall, the lights can be controlled by touch, knobs or buttons. Some also support touch dimming or link with mobile phone APP to adjust the lighting mode.

[0060] Air conditioning / HVAC control panel, a smart panel dedicated to controlling air conditioning, heating and ventilation equipment. You can set the temperature, wind speed, mode, etc. Some high-end panels will also display indoor and outdoor temperature, humidity, air quality and other information, so that users can adjust the indoor environment at any time.

[0061] The scene control panel can preset different smart scenes, such as "home mode", "away mode", "movie mode", etc. Users can activate the linkage of multiple devices with one button. It is suitable for installation in bedrooms, living rooms, etc., to facilitate quick switching of different scenes.

[0062] The security control panel is mainly used to control the home security system, including access control, monitoring, alarm and other functions. Users can use this panel to view monitoring images, door and window status, set security mode, emergency alarm and other functions to ensure home safety.

[0063] For ease of understanding, the electronic device in the embodiments of the present disclosure is described by taking the smart control screen as an example, but it should be understood that the electronic device in the embodiments of the present application is not limited to this and may also be other electronic devices.

[0064] It should be understood that in the description of all embodiments of the present disclosure, the terms "upper", "lower", "left", "right" and the like indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings, which is only for the convenience of describing the present disclosure and simplifying the description, and does not indicate or imply that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as limiting the present disclosure. The terms "first" and "second" are only used for descriptive purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. Terms such as "coupled" and "connected" should be understood in a broad sense, for example, it can be a fixed connection, a detachable connection, or an integral body; it can be a mechanical connection, an electrical connection, or can communicate with each other; it can be directly connected, or indirectly connected through an intermediate medium to form a linkage relationship, it can be the internal connection of two elements or the interaction relationship between two elements. For ordinary technicians in this field, the specific meanings of the above terms in the present disclosure can be understood according to specific circumstances.

[0065] In the embodiments of the present disclosure, the symbol " / " means that it has two functions at the same time. The symbol "A and / or B" indicates that the combination of the previous and next objects connected by the symbol includes "A", "B", and "A and B".

[0066] In addition, the technical features involved in each embodiment of the present disclosure described below can be combined with each other as long as they do not conflict with each other.

[0067] See also Figure 1 , taking the electronic device as a smart control screen as an example, Figure 1 A schematic diagram of an example network environment 100 including a smart control screen (smart control screen 101 ) according to an embodiment of the present disclosure is shown.

[0068] The exemplary network environment 100 may include a smart control screen 101 , a controlled device 106 , a network access device 102 , and one or more terminal devices 103 .

[0069] The network access device 102 is used to provide network connection for the smart control screen 101 and the controlled device 106. Specifically, the network access device 102 can receive / route various types of communications from the smart control screen 101 and the controlled device 106 and / or transmit / route various types of communications to the smart control screen 101 and the controlled device 106.

[0070] In some embodiments, the network access device 102 only provides an internal network 104 (e.g., a wired network or a wireless local area network (LAN)), and all smart control screens 101 and controlled devices 106 connected to the network access device 102 are in the same internal network 104 and can communicate directly with each other. In a further embodiment, the network access device 102 is also connected to an external network 105, so that the smart control screen 101 and the controlled device 106 can access the external network 105 via it. The network access device 102 can be, for example, a hardware electronic device such as a router 107 or a gateway 108. The controlled device 106 can access the external network 105 through the network access device 102, and then communicate with the remote server. The remote server can be, for example, an IOT cloud device of the Internet of Things platform (hereinafter, it will also be referred to as "cloud" in some places), which has the authority to manage and configure the connected electronic devices. When the terminal device 103 accesses the remote server through the external network 105, the remote server can display the configuration interface of the electronic device through the terminal device 103.

[0071] When the network access device 102 is a router 107, a gateway 108 can also be set up in the network environment. The gateway 108 and the router 107 can receive data from smart electronic devices such as the controlled device 106, the smart control screen 101, and the terminal device 103 (receipts can be received through wireless signals, such as Bluetooth, radio frequency, WIFI, etc.), and provide data processing and transfer services for these smart electronic devices, such as conversion between different communication protocols, data processing and forwarding, etc.

[0072] In some solutions, in order to achieve remote control, the example network environment 100 also includes a remote server, which can be, for example, a cloud. The smart control screen 101, the terminal device 103, and the gateway 108 can all communicate with the cloud to achieve remote control. The cloud mainly plays the role of data forwarding. In some examples, the cloud can also play the role of data storage and processing.

[0073] In addition, in the scenario where there is a cloud in the example network environment 100, in order to enable the smart control screen 101 to have the ability to connect to the cloud, it is necessary to configure the network. After the network configuration is completed, the smart control screen 101 can directly connect to the Internet and thus communicate with the cloud. Based on this, in some solutions, such as Figure 1 As shown, the smart control screen 101 and the terminal device 103 can also communicate directly, such as by Bluetooth direct connection or WIFI hotspot connection, so as to facilitate the transmission of network configuration information when the terminal device 103 configures the network for the smart control screen 101. Similarly, for other controlled devices 106, network configuration can also be achieved by direct connection with the terminal device 103.

[0074] The terminal device 103 may be any electronic device having at least one network interface. For example, the terminal device 103 may be: a desktop computer, a laptop computer, a server, a mainframe computer, a cloud-based computer, a tablet computer, a smart phone, a smart watch, a wearable device, a consumer electronic device, a portable computing device, and / or other electronic devices. Figure 2 Specifically, the terminal device 103 uses its network interface to communicate with the physical or virtual network interface of the network access device 102, thereby accessing the internal network 104 via the network access device 102.

[0075] The terminal device 103 may be pre-installed with an application corresponding to the smart control screen 101 (e.g., a mobile phone APP), and the application may provide the user with a configuration interface of the smart control screen 101, so that the user can perform at least one operation such as status viewing, parameter configuration, control, and network configuration on the smart control screen 101 based on the configuration interface. The terminal device 103 may also access the external network 105 through a gateway 108 (e.g., Bluetooth), a router 107 (e.g., WIFI), or cellular data, and thereby communicate with a remote server, and communicate with the smart control screen 101 and other controlled devices 106 through the remote server (e.g., issuing commands, configuring the interface of the smart control screen 101, etc.), so as to achieve the purpose of remote control.

[0076] The external network 105 may include various types of wired or wireless networks, internal networks or public networks, such as other local area networks or wide area networks (WAN) (such as the Internet). Note that the present disclosure does not specifically limit the type of the external network 105.

[0077] The controlled device 106 can be understood as other smart home devices that are connected to the same network access device 102 or remote server as the smart control screen 101, such as smart lamps, smart curtains, smart window pushers, smart thermostats, smart wall switches, etc.

[0078] Figure 2 An exemplary configuration block diagram of an electronic device 200 according to an embodiment of the present disclosure is illustrated. The electronic device 200 may be used to implement Figure 1 Smart Control Screen 101.

[0079] like Figure 2 As shown, the electronic device 200 includes a user interface 20 , a network interface 21 , a power supply 22 , an external network interface 23 , a memory 24 and a processor 26 .

[0080] The user interface 20 may include, but is not limited to, buttons, keyboards, keypads, LCD, CRT, TFT, LED, HD or other similar display devices, including display devices with touch screen capabilities to enable interaction between the user and the smart control screen 101. In some embodiments, the user interface 20 may be used to present a graphical user interface (GUI) to receive user input.

[0081] The network interface 21 may include various network cards and circuit systems implemented in software and / or hardware so as to be able to communicate with the network access device 102 using wired or wireless protocols. The wired communication protocol is, for example, any one or more of the Ethernet protocol, the MoCA specification protocol, the USB protocol, or other wired communication protocols. The wireless protocol is, for example, any IEEE802.11 Wi-Fi protocol, Bluetooth protocol, Bluetooth Low Energy (BLE), or other short-range protocols that operate according to wireless technology standards, and are used to exchange data over a short distance using any licensed or unlicensed frequency band (such as the Citizens Broadband Radio Service (CBRS) band, the 2.4 GHz band, the 5 GHz band, the 6 GHz band, or the 60 GHz band), the RF4CE protocol, the ZigBee protocol, the Z-Wave protocol, or the IEEE 802.15.4 protocol. In the case where the network interface 21 uses a wireless protocol, the electronic device 200 can be connected to the internal network (for example, the WLAN protocol) provided by the network access device 102 through the network interface 21. Figure 1 internal network 104).

[0082] The power supply 22 provides power to the internal components of the electronic device 200 via the internal bus 27. The power supply 22 may be a self-contained power supply, such as a battery pack, whose interface is powered by a charger connected to a socket (e.g., directly or through other devices). The power supply 22 may also include a neutral and live wire terminal (e.g., Fig.16 The terminals are connected to a strong power source by connecting to the neutral line and the live line of the industrial frequency AC power, and then the electronic device 200 is powered by the internal power conversion circuit. The power conversion circuit, such as a buck step-down circuit, converts 220V AC power into a 5V, 3V and / or 12V DC power supply to provide power for components such as the processor 26, the memory 27, the user interface 20, and the switch 28.

[0083] The external network interface 23 may include various network cards and circuit systems implemented in software and / or hardware to enable the electronic device 200 to communicate with an external network (eg, Figure 1 Communications between providers of external networks 105) in the network (e.g., Internet service providers or multiple system operators (MSOs)).

[0084] The memory 24 includes a single memory or one or more memories or storage locations, including but not limited to random access memory (RAM), dynamic random access memory (DRAM), static random access memory (SRAM), read-only memory (ROM), EPROM, EEPROM, flash memory, logic blocks of an FPGA, a hard disk, or any other layers of the memory hierarchy. The memory 24 can be used to store any type of instructions, software, or algorithms, including instructions 25 for controlling the general functions and operations of the electronic device 200.

[0085] The processor 26 controls the general operation of the electronic device 200 and performs management functions related to other devices in the network (such as the controlled device 106). The processor 26 may include, but is not limited to, a CPU, a hardware microprocessor, a hardware processor, a multi-core processor, a single-core processor, a microcontroller, an application-specific integrated circuit (ASIC), a DSP, or other similar processing devices, capable of executing any type of commands, instructions, algorithms, or software for controlling the operation and functions of the electronic device 200 according to the embodiments described in the present disclosure. The processor 26 may be various implementations of digital circuit systems, analog circuit systems, or mixed signal (a combination of analog and digital) circuit systems that perform functions in a computing system. The processor 26 may include, for example, an integrated circuit (IC), a portion or circuit of a separate processor core, an entire processor core, a separate processor, a programmable hardware device such as a field programmable gate array (FPGA), and / or a system including multiple processors.

[0086] The components of the electronic device 200 can communicate with each other via the internal bus 27 .

[0087] Although specific components are used to describe the electronic device 200, in alternative embodiments, different components may be present in the electronic device 200. For example, the electronic device 200 may include one or more additional controllers, memories, network interfaces, external network interfaces, and / or user interfaces. In addition, one or more of the components may not be present in the electronic device 200.

[0088] In addition, in some embodiments, the electronic device 200 may include Figure 2 One or more components not shown in FIG. Figure 2 200, but in some embodiments, some or all of a given component may be integrated into one or more of the other components in the electronic device 200. In addition, the circuits and components in the electronic device 200 may be implemented using any combination of analog and / or digital circuits.

[0089] In a specific example, the electronic device 200 may be, for example, an intelligent wall switch with a screen, which is provided with a relay inside to control the on and off of the circuit. It is embedded in the wall through an 86mm×86mm bottom box, powered by the 220V industrial frequency AC power reserved in the bottom box, and connected to the network formed by the router 107 through the WIFI communication protocol, and then connected to the cloud (remote server) through the router 107. The controlled device 106 may be, for example, an intelligent electronic device 200 that supports Bluetooth communication, such as smart lamps, smart curtains, smart window pushers, smart wall switches, etc. The gateway 108 may be, for example, a Bluetooth gateway. These controlled devices 106 can be added to the BLE mesh network of the Bluetooth gateway, and then connected to the router 107 through the Bluetooth gateway to access the cloud. The terminal device 103 may be, for example, a mobile phone, which communicates with the cloud through cellular data or WIFI, and interacts with the controlled device 106 and the smart control screen 101 through the cloud.

[0090] At present, many electronic devices such as smart control screens, smart doorbells, access control screens, smart mirrors, central control panels, lighting control panels, air conditioning / HVAC control panels, scene control panels, and security control panels use screens for user interaction. Therefore, the layout and functional configuration of the screen's user interface are key factors affecting the user experience. And as user needs develop, users expect to be able to customize the interface according to their own needs, so that they can operate more personalized and conveniently.

[0091] Taking the smart control screen as an example, in the traditional interface configuration method, users can only choose the preset interface layout and fixed control arrangement. This interface lacks detailed customization capabilities, which is particularly limited in smart home systems that require multi-device collaborative control.

[0092] For example, in smart home application scenarios, users hope to be able to display the status information or control interface of multiple devices on the same interface at the same time, and adjust the interface layout according to the device type and usage scenario. However, in the prior art, users often need to switch between different interfaces, or the operation is cumbersome, resulting in poor user experience.

[0093] Based on this, the present disclosure proposes a method for generating a target interface, aiming to improve the configuration flexibility and user experience of the interface.

[0094] Figure 3 FIG. 3 shows a flow chart of an exemplary method for generating a target interface according to an embodiment of the present disclosure. The method 300 may be, for example, Figure 1 The smart control screen 101 shown or Figure 2 The electronic device 200 shown in FIG. Figure 1-Figure 3 The electronic device 200 and a method for the electronic device 200 according to an embodiment of the present disclosure will be described in detail.

[0095] like Figure 3 As shown, at step S301, at least one module of the initial interface is obtained, and the initial interface can generate a target interface through configuration.

[0096] The initial interface can be understood as a framework of a basic interface layout, including multiple display units or areas to be configured. In the electronic device 200, the initial interface is not the interface that the user ultimately wants to obtain, but a "bottom-level design" that can be configured by the user into a more personalized target interface. The target interface can be understood as the interface that the user ultimately needs, which can meet the user's display and interaction needs. Each target interface can be generated by adding multiple modules to the corresponding initial interface. At the same time, the user can create multiple initial interfaces, and configure each initial interface one by one to obtain the corresponding target interface, and then obtain multiple freely configurable target interfaces.

[0097] The module can be understood as a custom area or component on the interface, and can be understood as a basic component unit of the target interface. Each module can be defined and managed as an independent unit, making the configuration more detailed.

[0098] In some embodiments, the initial interface may be a blank interface without any content, or a blank interface without any modules. Before acquiring the first module, the user needs to add an initial interface, and use the initial interface as a carrier for a series of modules added subsequently.

[0099] In step S302, a first configuration command is obtained, where the first configuration command instructs to associate a corresponding module with a target object.

[0100] It can be seen that, based on the first configuration command, the module can be associated with one or more objects. The module associated with the object is used to display the properties of the object and / or control the function of the object in the interface.

[0101] An object can be understood as a device, scene, or content that can be controlled or display status. For example, text displays, switch devices, sweepers, lamps, etc. are all considered objects. Each object has different properties and functions and can interact with or display information to the user.

[0102] The properties of an object can be understood as the state information of the object, indicating the current characteristics or state of the object. It is static and usually descriptive or numerical information. For example, the properties of a device can be its name, current power, connection status, brightness value, etc. Properties are information displayed to the user and can be obtained without the user's active operation. For example: the properties of a sweeper may include the current power, cleaning mode (such as normal cleaning or strong cleaning), cleaning progress, etc. The properties of a lamp can be the current brightness, color temperature value, whether it is turned on or off, etc. The function of an object can be understood as the executable operation of the object, indicating the control that the user can perform on the object through the interface. It is dynamic and involves the user's interaction with the object. Functions are usually implemented through controls such as buttons and switches, allowing the user to change the state of the object or trigger certain behaviors. For example: the functions of a sweeper can be operations such as starting, pausing, returning to charge, switching cleaning modes, etc. The functions of a lamp may include switch control, adjusting brightness, changing color temperature, etc. Therefore, in user interface design, properties can be displayed through status display controls, while functions can be presented through function controls, and users can interact directly with objects through function controls.

[0103] In step S303, the type of the module pointed to by the first configuration command is determined, and the type is one of multiple module types; wherein different types of modules load different UI elements for the same target object, and the loaded UI elements differ according to the module type and the characteristics of the target object.

[0104] Here, the characteristics of the target object can be understood as the properties and / or functions of the target object. The target object can be understood as the specific object associated with the module.

[0105] The UI element can be understood as an interface component related to the interaction with the target object, and is an interactive component used to display or control the properties or functions of the target object.

[0106] According to the embodiments of the present disclosure, UI elements include various types such as device control, content display, and scene triggering. Specifically, they include (but are not limited to) the following categories:

[0107] Device UI controls: components used to control the device’s operating interface. For example, controls such as switch buttons, brightness sliders, and mode selections enable users to interact with the device.

[0108] Information display controls: Interface components used to display static or dynamic content. For example, controls used to display text, images, or videos to help users view specific information about the content.

[0109] Scene trigger control: a control component used to trigger a preset scene or a combined action. For example, a "one-touch turn on all lights" button, a "start cleaning mode" button, etc. can simultaneously control multiple controlled devices 106 or perform a group of operations.

[0110] Different types of modules may load different UI elements for the same target object. Specifically, the loaded UI elements will vary based on the module type and the characteristics of the target object. The module type and the properties of the target object determine the style and function of the UI elements loaded in each module. For example, for the same lamp object, different module types can load its status display control, switch button, color temperature adjustment control, etc.

[0111] At step S304, based on the association between the module type and the target object, a specific UI element corresponding to the module type and the target object is loaded in each module to complete the association between the module and the target object, so that the user can operate or view the status of the target object more conveniently.

[0112] Furthermore, the role of the target object is to associate with the module, thereby determining the specific UI elements displayed or loaded in the module. For example, if the user selects a lamp from the available objects such as switch equipment, sweeper, lamp, and text, the lamp is defined as the target object, and the corresponding module may load the switch or brightness adjustment control of the lamp; when the target object is text content, the module loads the text display control.

[0113] The user can choose to associate different objects in the module to load UI elements corresponding to these objects, thereby displaying the properties and / or functions of the target objects.

[0114] According to the embodiment of the present disclosure, at least one module can be added to the initial interface. There are many types of modules. The initial interface can realize dynamic changes in content by selecting different types of modules. Users can select different types of modules to fill the initial interface according to their needs, and associate target objects with each module to form the final target interface. The UI elements loaded in each module directly depend on the module type and the characteristics of the target object, thereby realizing dynamic adaptation of the module and object functions.

[0115] In addition, through the association between modules and target objects, each module can load UI elements suitable for its type, and the interface realizes clear functional division. Users can quickly find the operation controls or status information of the target object through the UI elements of different types of modules, which improves the convenience of operation.

[0116] In step S305 , a target interface is generated based on each module associated with the target object.

[0117] Then, by gradually adding modules and associating target objects, loading UI elements that are suitable for the module type, and gradually generating the target interface. The final target interface contains at least one module associated with a target object, and each module is loaded with specific UI elements according to the module type and the characteristics of the target object, so that users can intuitively view the status or perform operations on the interface.

[0118] Based on the above, the disclosed embodiment provides a method for generating a target interface by dynamically loading the interface configuration of UI elements through module types and target objects, allowing users to add a series of freely configurable modules on the initial interface, and each module can apply specific UI elements according to its type and object characteristics. In this way, users can combine and customize the interface display according to specific needs, realize flexible configuration of multiple modules and UI elements, and realize more refined personalized configuration, thereby generating a target interface that meets the needs of different scenarios.

[0119] It is worth mentioning that due to the diversity of module types and the dynamic association mode of target objects, users can freely add new modules according to scene requirements. The electronic device 200 supports users to add multiple modules to the target object, so that the same object can be displayed on the interface in multiple ways. For example, for the same smart device, users can configure the status display module and the function control module at the same time to display the status and operation control of the device respectively. Users can also add, subtract or replace modules according to different needs to maintain the flexibility and scalability of the interface layout.

[0120] In some embodiments, in step S301, the processor obtains at least one module of the initial interface, which specifically includes steps S3011 to S3013.

[0121] In step S3011, an initial interface is obtained, and the initial interface can be gradually configured to generate a target interface.

[0122] It can be seen that according to the embodiment of the present disclosure, before obtaining the module, it is necessary to first obtain an initial interface as a carrier of the module, that is, the module and the initial interface are added independently and gradually in two steps, first adding the initial interface and then adding the module.

[0123] In step S3012, a region division command is obtained, where the region division command instructs adding a specific type of module to the initial interface; wherein different types of modules differ in size and / or shape.

[0124] The area division command can be understood as a user input signal, which is used to trigger the electronic device 200 to respond and dynamically create an independent area to which a new module belongs on the initial interface. For example, the user can input the command through a touch screen, a voice command, or a button. The function of this command includes two aspects: on the one hand, it means "add a new module to the initial interface", and on the other hand, it also specifies the type of the module, thereby determining the independent area to be formed on the initial interface.

[0125] The purpose of the area division command is to support the user to configure the interface step by step. Each command will generate an independent area formed by a new module, and the initial interface will gradually form the final interface area layout under the action of these continuous area division commands to obtain the target interface.

[0126] At step S3013, in response to the area division command, an independent area is divided for the module of the specific type on the initial interface, and the size and / or shape of the independent area is adapted to the type of the module. Different types of modules differ in function and purpose, and therefore require different independent areas. For example, some modules, such as modules that display device status information or attribute values, usually require a larger space to display detailed information; while modules for simple control (such as switch buttons) only require a smaller space. When dividing independent areas, the system will refer to the display requirements of the modules and assign appropriate sizes. Some modules may have unique shape requirements. For example, a module for displaying charts may require a wide and flat rectangular area, while a module for displaying circular icons is suitable for a square area. The electronic device will adjust the shape according to the type of module to ensure a suitable presentation effect on the interface.

[0127] Finally, by adding modules one by one, each new module forms a corresponding independent area on the initial interface, realizing the gradual customized division of the initial interface, thereby customizing and generating the target interface.

[0128] According to the embodiment of the present disclosure, each module represents an independent and configurable interface unit for displaying information related to a specific target object or providing an operation function. Modules are like "building blocks", and each module can exist independently and present its content or function. Through the area division command, the user can gradually add modules to the initial interface, and the electronic device 200 generates independent areas suitable for it according to the type of module. This automatic division and adaptation supports users to customize the interface by adding modules one by one, and realize flexible layout partitioning.

[0129] Furthermore, when multiple modules are added to the same initial interface, the method 300 may further include an optional step S306, in which the modules added one by one are spliced ​​in the initial interface according to a specified rule in the order in which the modules are obtained. At least two types of modules are different in shape and / or size, so that when different types of modules are spliced ​​in different acquisition orders, the layout of the modules in the target interface changes accordingly.

[0130] The specified rule can be understood as a predefined layout specification, which controls how the modules are combined on the initial interface, ensuring that the arrangement of different types of modules meets the overall visual or interaction requirements.

[0131] According to an embodiment of the present disclosure, at least two types of modules differ in shape and / or size. The size here can be understood as the area of ​​the module. Different areas mean different sizes. Different sizes mean different numbers of displayed UI elements. The shape can be understood as the geometric shape of the module, such as a rectangle, square, hexagon, etc. Different geometric shapes may result in different displayed UI elements. For example, the specified rule stipulates that on the initial interface, the modules are arranged from left to right and from top to bottom in the order of acquisition. Module 1 and Module 2 are two different types of modules, which differ in size and shape. Then, module 1 is acquired first, and then module 2 is acquired to present the following display: Figure 4 The layout of the target interface 5 shown in the figure is as follows: first obtain module 2, then obtain module 1 Figure 5 The layout of the target interface 5 is shown.

[0132] The differences in the shape and size of the modules mean that the same interface can display content with different visual effects and functions to meet diverse user needs. For example, for the same target object, larger modules can display more important or more complex information, while smaller modules are used to display secondary content or concise information. For another example, for multiple controls involved in the same target object, larger modules can display more controls, while smaller modules are used to display fewer controls. For another example, for multiple types of controls involved in the same target, larger modules can display controls that implement primary functions and controls that implement secondary functions, while smaller modules only display controls that implement primary functions. Users can then obtain modules in different orders so that the final generated interface presents different layout methods, making the interface layout more flexible and changeable.

[0133] Furthermore, in the case of at least two types of modules that are different in shape and / or size, the modules are spliced ​​in the initial interface according to the order in which they are obtained and the specified rules, and this splicing is not fixed, but is affected by the characteristics of the module type and the splicing rules. This flexible splicing strategy allows the interface to dynamically present interface content according to the module order in different usage scenarios.

[0134] Taking the smart control screen 101 as an example, the electronic device 200 can bind (associate) multiple smart home devices to the same interface by creating a new target interface, so as to achieve independent control of all smart devices in the house. The independent area formed by each module on the electronic device 200 is not allowed to be directly deleted, modified and / or moved by the electronic device 200 after setting. Each independent area is only allowed to perform deletion and / or movement operations when receiving an external modification command, but size or shape modification is still prohibited.

[0135] Specifically, the "delete operation" refers to deleting the independent area where a module is located. New modules can be added to the blank area formed after the deletion, thereby creating a new independent area. The "move operation" refers to changing the position of a module in the interface, which can be the movement of a single module or the exchange of positions between multiple modules.

[0136] These external modification commands may be generated by the user operating on the configuration interface of the electronic device 200. For example, Figure 6 and Figure 7 As shown, when the user drags the module position in the example interface 4 corresponding to the target interface 5 of the electronic device on the configuration interface, it can trigger the electronic device 200 to move the module in the target interface 5; when the user chooses to delete a module on the example interface 4, it can also trigger the electronic device 200 to delete the corresponding independent area in the target interface 5 to achieve the deletion of the corresponding module.

[0137] It is worth mentioning that in the application scenarios of smart homes, modules are usually associated with specific devices (such as sweeping robots, electric curtains and other smart devices), and the UI element layouts of these devices are fixed and pre-set. If the size or shape of a certain area is changed alone, it may affect the layout (such as position, size or shape) of other independent areas. Since these areas are usually bound to specific devices and corresponding UI elements, arbitrarily adjusting the size or shape may destroy the overall harmony of the original UI layout. Therefore, according to the embodiments of the present disclosure, whether it is autonomous operation or passive response, the electronic device 200 cannot modify the size or shape of the independent area where the module is located.

[0138] In some embodiments, at least two types of modules are included that are different in size; wherein, the larger the module size, the more UI elements that can be applied, so that for the same target object, the types of associated modules are different and the number of UI elements that can be displayed is different.

[0139] According to the embodiment of the present disclosure, the larger the size of the module, the more configurable UI elements are, thereby allowing the larger size module to display more complex or more information, such as more buttons, icons, information, etc., while the small size module only displays core or simplified elements.

[0140] If the modules are targeted at different objects, you can use modules of different sizes. For example, for areas such as the master bedroom and living room, you may use larger modules to display more control items such as temperature, lighting, curtains, etc., while for areas such as the corridor, you may use smaller modules to display only basic switches.

[0141] Through this design, the interface of the electronic device 200 can provide different display effects for the same target object, that is, different module types bring different information display densities and content richness.

[0142] Further, the types of the modules include a first type and a third type; wherein the modules of the first type are smaller in size than the modules of the third type.

[0143] Here, “first” and / or “third” are merely for convenience of description and distinction and are not intended to emphasize the order.

[0144] The first type of module may be a small-sized module used to display the basic data or a single function of the target object, while the third type of module may be a large-sized module used to display all functions of the target object. Figure 8 As shown, for the target object of electric curtains, only a single functional control can be applied in the first type of module (module 1 in the figure), while the third type of module (module 3 in the figure) can apply three functional controls: open, close, and pause, and can display the electric curtain icon and opening and closing status attributes.

[0145] On this basis, the method 300 may further include an optional step S307, in which, for the same target object, only some UI elements of the target object are applied in the first type of module, and all UI elements of the target object are applied in the third type of module.

[0146] Some UI elements here can be understood as some key, core, or most commonly used UI components in the target object. These elements are usually presented to meet simple operations or quick viewing, and are suitable for basic control or information display scenarios. Selecting some UI elements is usually to simplify the interface, allowing users to operate more conveniently without being distracted by too many details.

[0147] For example: Fig. 9 As shown, for air conditioners, some UI elements may be “switch buttons”, such as Fig. 9Module 1 in the figure is the on / off button of the air conditioner, and the user only needs to control the on / off state of the air conditioner. This design facilitates users to quickly access and operate without being disturbed by too many functions, thereby improving operating efficiency.

[0148] All UI elements here can be understood as all available UI components in the target object. These components can cover all functions and / or detailed status information of the target object, and are usually suitable for scenarios where comprehensive control or viewing of the target object is required.

[0149] For example: Fig. 9 As shown, for an air conditioner, all UI elements may include multiple controls such as a "switch button 31", "temperature adjustment 32", "wind speed adjustment 33", and "mode selection 34", so that the user can fully control all functions of the air conditioner.

[0150] Loading all UI elements is suitable for scenarios with higher interaction requirements for target objects, especially when detailed settings or status viewing are required. Users can fully control the device through complete UI components.

[0151] Based on this, the method of controlling the number of UI elements through module size provided in this embodiment not only increases the user's customization options, but also provides the possibility of multi-level information display for the interface, so that the device can meet basic functions while taking into account personalized needs, thereby improving the practicality of the interface and user experience.

[0152] Furthermore, if Figure 8 and Fig. 9 As shown, the first type (such as Figure 8 , Fig. 9 Module 1), the third type (such as Figure 8 , Fig. 9 The modules in module 3) are all square-like modules (i.e., the length and width of the modules are the same). The area of ​​the first type of module is about one-fourth of that of the third type of module, that is, for the same type of control for the same target object, if only one module of the first type can be applied, then four modules of the third type can be applied. Of course, if different types of controls are used for the same target, the four-fold relationship cannot be directly used to evaluate the control capacity between the first and third types of modules, but in general, the number of controls that can be applied to the third type of module (whether of the same type or different types) is greater than that of the first type of module.

[0153] In some embodiments, at least two types of modules are different in shape and size; wherein, the shapes or sizes of the modules are different, and the number and / or type of UI elements that can be applied are different, so that for the same target object, the types of associated modules are different, and the number and / or types of UI elements that can be displayed are different.

[0154] In a specific example, the type of the module includes a first type (such as Figures 4 to 9 Module 1), the second type (such as Figure 4 to Figure 7 Module 2) and the third type (such as Figure 8 , Fig. 9 Module 3). The first type and the third type of modules are different from the second type in shape and size; the first type and the third type of modules are similar to squares (i.e., the two sides of the modules are the same length), while the second type of modules are similar to rectangles (i.e., the two sides of the modules are not the same length).

[0155] On this basis, the method 300 may further include:

[0156] For the same target object, some or all of the UI elements of the target object are applied in the first type and the third type of modules. When some of the UI elements of the target object are applied, the type and / or quantity of some of the UI elements of the target object applied in the second type of modules do not completely overlap, and when all of the UI elements of the target object are applied, some of the UI elements of the target object applied in the second type of modules are part of the entire UI elements.

[0157] Furthermore, the first type of module is smaller in size than the third type of module. Therefore, the sizes of the first type, second type and third type of modules increase successively, and the number of UI elements that can be applied to the same target object increases successively.

[0158] In a further example, in terms of size, the area ratio of the first type, second type, and third type modules is 1:2:4, that is, for the same type of controls for the same target object, if one module of the first type can be used, two modules of the second type can be used, and four modules of the third type can be used.

[0159] In addition, the size of the initial interface is set to be approximately four times the size of the first type of module. On this basis, for an initial interface, if all the first type of modules are added, four (such as Fig.10a As shown, four first-type modules 1 are arranged in a matrix); only two second-type modules can be added if all are added (e.g. Fig.10b As shown, two second-type modules 2 are arranged one above the other); only one third-type module 3 can be added (as shown in FIG. Fig.12That is, if an initial interface is configured as a target interface by adding a third type of module, then a third type of module will occupy the entire target interface. If the initial interface is configured as a target interface by adding a first type and a second type of module, then the target interface can have two first type modules and one second type of module (such as Fig.10c ).

[0160] Furthermore, for an initial interface, if the user first adds a first type of module (module 1) and then adds a second type of module (module 2), a target interface 5 (e.g., Fig.10c or Fig.10d If the user first adds a second type of module (module 2) and then adds a first type of module (module 1), a target interface 5 (such as Fig.11 If the user first adds the first type module, then adds the second type module, and then adds the first type module, the target interface 5 (such as Fig.10c As shown), that is, the processor will automatically determine whether there is space on the interface to accommodate a module of the current size according to the size of the module currently added by the user. If so, it will be automatically filled to the corresponding position. Otherwise, the user will be reminded that "there is not enough space and cannot be added". Furthermore, if the user first adds a third type module, since the module will occupy the entire interface, the first type or second type module cannot be added later. The user will get a target interface 5 (as shown) with only the third type module (module 3). Fig.12 shown).

[0161] It can be seen that according to the embodiments of the present disclosure, for the same target interface 5, by dynamically adjusting the splicing order of different types of modules, the interface can achieve multiple display effects on the same initial interface to meet the needs of different scenarios. The target interface 5 finally generated is not only a static display, but also a dynamic display method that can interact with the user and be configured as needed.

[0162] In some embodiments, some or all of the UI elements applicable to each type of module are set in advance by the user (for example, the corresponding setting file (for example, the control configuration file) is stored in a configuration device or locally), so as to be directly called when the module is associated with the target object later. For example, for an object including a control in the UI element, the electronic device 200 applies the relevant control in the corresponding module by loading the control configuration file.

[0163] In some embodiments, in order to enrich the interactive capabilities of small-sized modules, a module-target object interactive mode is also provided, especially how to enter a more in-depth control interface after the user operates the small-sized module (i.e., the first type module). A response mechanism is designed to enable the user to enter the detailed control interface 6 of the target object through specific operations, thereby enhancing the user's operational freedom and the interface dynamic response capability.

[0164] Specifically, the method 300 may also include an optional step S308, in response to a specific operation on the first type of module, entering the control interface 6 of the target object, and applying all UI elements of the target object in the control interface 6; the layout of each UI element in the control interface 6 is the same as the preset layout of the target object in the third type of module.

[0165] Here, the user can enter the control interface of the target object by performing specific operations on the first type of module. For example, Fig.13 As shown, the user can select a first type module (such as Fig.13 A long press operation (e.g., long press for 3 seconds) is applied on the module 1) to enter the control interface 6 to view more detailed content or perform advanced operations. The introduction of the control interface 6 allows the user to not only view the basic information of the target object and perform basic operations on the first-level interface where the first-type module is located, but also switch to the full-function control interface 6 when necessary to achieve deeper interaction and control.

[0166] In addition, according to the embodiment of the present disclosure, the layout of the UI elements in the control interface 6 is the same as the layout preset in the third type module. This consistent design can provide users with a familiar operating experience and avoid confusion caused by interface changes. Fig.13 As shown, the user enters the control interface 6 of the electric curtain by long pressing the first type of module (module 1) associated with the electric curtain. The layout of each UI element in the control interface 6 is the same as the layout of the UI elements in the third type of module (module 3) associated with the electric curtain. This layout consistency can improve the convenience of user operation and reduce learning costs. In addition, by entering the control interface 6 of the target object through specific operations, more comprehensive functional control can be achieved within a limited screen space. For example, when the user views the temperature and humidity data through the small-sized first type module, he can easily enter the full-function temperature and humidity control interface by clicking to perform operations such as temperature adjustment and humidity control. This design combines the simplicity of small modules with the functionality of the control interface, providing users with a simple and flexible operating experience.

[0167] Based on the example network environment 100 described in the present disclosure, the electronic device 100 can be connected to an external network through a distribution network, and can thus be remotely controlled.

[0168] Furthermore, in some embodiments, before obtaining a module of the initial interface, the method 300 further includes step S309, connecting to a configuration device having configuration authority for the electronic device 200 through a predetermined boot operation of a terminal device 103, and the configuration device can receive user input on the configuration interface of the electronic device 200 through the terminal device 103. Further, the configuration interface of the electronic device 200 is a page accessed through a browser, and / or an interface of an application installed on the terminal device 103 for configuring the electronic device 200, so that the user can set and manage the configuration parameters of the device through the configuration device.

[0169] On this basis, the target object in step S302 can be understood as an object selected from a plurality of preset objects based on user input through the configuration interface of the electronic device 200. Among them, for each type of module, at least one object type is preset, and a plurality of preset objects can be set in each object type. Depending on the type of module, the preset object types are not completely the same.

[0170] Specifically, under certain conditions, the electronic device is allowed to connect to the configuration device through a terminal device 103 (such as a smart phone, tablet, etc.) with specific permissions. The configuration device interacts with the configuration interface of the electronic device 200 through the terminal device 103, receives user input, and allows the user to select a target object type from multiple object types, and then select a target object from multiple preset objects set in the target object type, so that the target object can be configured or managed.

[0171] The predetermined guidance operation can be understood as a set operation step to guide the user to complete the network connection between the configuration device and the electronic device 200. In this way, the user can complete the operation step by step according to the system prompts or predefined steps during the operation. This process reduces the complexity of the connection operation and ensures the accuracy of the connection operation. For example, the user needs to click "Reset Network" in the system settings of the electronic device 200, and the electronic device 200 will delete the existing network configuration information (WIFI account and password, etc.) triggered by this, and enter the network configuration mode. In this mode, the electronic device transmits a network configuration message to the outside, and the network configuration message carries the identification information (such as MAC address) for uniquely identifying the electronic device, so that the terminal device 103 can display the electronic device 200 on the configuration interface after scanning the network configuration message, and then after the user's confirmation operation (such as clicking the displayed electronic device 200 icon), an available network configuration information (such as an available WIFI account and password) is sent to the electronic device 200, and the electronic device is connected to the network of the network access device 102 component accordingly to achieve connection with the configuration device, thereby completing the network configuration of the electronic device 200. After the network configuration is completed, the user can access the configuration interface of the electronic device 200 through the terminal device 103. Of course, in addition to the above methods, the user can also configure the network for the electronic device 200 in other ways, such as clicking a button on the terminal device 103, scanning a QR code, or executing certain steps in sequence.

[0172] By connecting with the configuration device, the electronic device 200 has high scalability. Through the configuration device, the user can access different modules of the electronic device 200 and select and manage different objects.

[0173] Some possible implementations of the configuration device are described below:

[0174] In some embodiments, the configuration device may be implemented as the network access device 102 involved in the above embodiments, such as a router 107 and a gateway 108. When the configuration device is implemented as a gateway 108, it may be a central gateway, which has configuration authority for electronic devices and certain data processing and storage capabilities, enabling controlled devices, electronic devices, and terminal devices connected to the central gateway to operate in the internal network without accessing an external network. The central gateway may provide a configuration interface for interacting with electronic devices through a mobile phone application, so that the user can configure the electronic device 200. Of course, when necessary, an external network may also be accessed through the central gateway, such as accessing a remote server.

[0175] In other embodiments, the configuration device may be implemented as a remote server involved in the above embodiments, for example, the configuration device is a cloud server of a certain Internet of Things platform, the cloud server has configuration authority for all smart devices (such as controlled devices, electronic devices) connected to the Internet of Things platform, and the electronic device 200 has a WIFI communication function and is connected to the cloud server of the Internet of Things platform through a corresponding router 107. An application corresponding to the electronic device 200 is installed on the terminal device (mobile phone). The cloud server can provide an interactive configuration interface through the mobile phone application to facilitate the user to configure the electronic device 200. In this way, the user can freely define and operate each interface of the electronic device 200 remotely.

[0176] On the basis of being connected to the configuration device, the steps in step S301 may specifically include:

[0177] In step S3011, an add interface command issued by a configuration device is received, where the add interface command is generated by the configuration device in response to a first user input.

[0178] An initial interface is generated according to the add interface command, and the initial interface is a blank interface without any modules.

[0179] The first user input here can be understood as some touch operations of the user on the configuration interface (for example Fig.14 As shown, click the "add screen" button) to indicate that a new interface needs to be created. The configuration device converts this operation into an add interface command and sends it to the electronic device 200.

[0180] After receiving the add interface command, the electronic device 200 generates an initial interface according to the command, that is, a blank interface without any module at present. This initial interface provides a blank layout to be filled for subsequent generation and display of modules.

[0181] At step S3012, an area division command issued by the configuration device is received, wherein the area division command is generated by the configuration device based on a selected module example; the module example is a module example selected from a plurality of selectable module examples displayed in a selection interface of a module type after the configuration device receives a second user input on the configuration interface through the terminal device, wherein each module example represents a specific module type.

[0182] The area division command here is generated by the configuration device in response to the second user input. In this step, the user can enter the module type selection interface through the second user input, and multiple module examples are displayed on the selection interface. Each module example represents a specific module type. The user can select the corresponding module example to specify the type of module to be added. After receiving the user instruction, the configuration device will generate and send a region division command, which specifically describes the module characteristics that need to be added on the initial interface.

[0183] At step S3013, according to the area division command, a module of a type corresponding to the module example is generated at a specified position of the initial interface, thereby dividing an independent area on the initial interface to obtain a module of the initial interface.

[0184] According to the instructions of the area division command, the electronic device 200 generates a module of the specified module type at the specified position of the initial interface. Here, the electronic device 200 needs to accurately understand the module type and location information sent by the configuration device to ensure that the module appears in the correct area and has the required functions and layout. By adding modules to the interface, the user can gradually improve the initial interface according to specific needs, making it a functional and visual target interface 5.

[0185] For example Fig.14 As shown, a schematic diagram of the operation flow of configuring a target interface for an electronic device 200 on a configuration interface based on continuous first user input and second user input is shown, based on the operation performed by the user on the terminal device 103 as follows Fig.14 A series of configuration operations, the configuration process of the initial interface of the electronic device 200 is as follows Fig.15 The following will be based on Fig.14 and Fig.15 To expand the description:

[0186] After the user enters the configuration interface of the electronic device 200, he clicks "Add Screen" (first user input) to trigger the electronic device 200 to generate an initial interface (such as Fig.15 8) and generates an empty sample interface on the configuration interface (such as Fig.14 After the user clicks on the sample interface, the user enters the configuration interface corresponding to the initial interface. Below the configuration interface, three types of module examples are provided. The first type of module example (such as Fig.14 Module 1) is used to add a first type of module, and the second type of module example (such as Fig.14 Module 2) is used to add a second type of module, and the third type of module example (such as Fig.14 Module 3) is used to add a third type of module.

[0187] The user clicks on the corresponding module example according to the needs. For example, if the user clicks on module 1 first, a first type of module (such as Fig.15 If you click on module 2, a second type of module (such as Fig.15 After further associating objects between module 1 and module 2 in interface 10, the final target interface 5 can be obtained.

[0188] In general, step S301 receives user input from the configuration device, generates a blank initial interface, and gradually adds modules to the operation flow, thereby finally realizing a target interface that can be freely defined by the user.

[0189] It is worth mentioning that, unlike the prior art of adding interfaces through interface layout templates, in the prior art, users can often only select preset interface layouts and fixed control arrangements, and cannot freely divide the interface area in a more detailed manner. In the module examples in this embodiment, each module example includes only one module, and the process of user selecting a module example is essentially a process of customizing the area of ​​the interface.

[0190] In other words, in this embodiment, the user can only select one module to add at a time, that is, the modules of the target interface are added one by one. Among them, different types of modules may differ in size and / or shape. On the initial interface, each time a module is added, an independent area will be divided for it, so that the user can customize the target interface 5 by adding modules one by one, so that the initial interface is gradually divided into different functional areas, thereby obtaining the target interface 5 for displaying and / or operating various objects. In this way, the process of adding and laying out modules can be regarded as a process of customizing the division of the initial interface area.

[0191] Specifically, there are various types of modules, and different types of modules may differ in size and / or shape. For example, some modules require a larger space to display the attribute information of an object, while other modules only require a small space for functional controls). By gradually adding modules to divide the initial interface into areas, users can flexibly organize the layout, arrange the modules in a coordinated manner, and ensure that the operation controls and status display of each object are clear at a glance.

[0192] In some embodiments, the UI element includes a control. Different types of modules load controls of different types, quantities and / or layouts for the same target object.

[0193] Based on the association between the module type and the target object, specific UI elements that are suitable for its module type and target object are loaded in each module, specifically including: loading controls that are suitable for its module type and target object in each module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

[0194] Specifically, the first configuration command carries association information, which indicates that the corresponding module is associated with the target object.

[0195] Here, the first configuration command can be understood as a user-triggered instruction for configuring the interface, which drives the electronic device 200 to set the interface according to the requirements. For example, the first configuration command may come from the user's operation on the terminal device 103 (such as clicking or dragging).

[0196] The association information is the key data carried by the first configuration command, indicating which object (target object) the module is associated with. It can contain the identifier or specific attributes of the target object. For example, identification information: such as the MAC address of the device, indicating which specific device the module needs to be associated with; content information: indicating the data or content type displayed by the control in the module, such as user avatar, weather, text, etc.

[0197] The associated information plays the role of an information bridge in the entire configuration, ensuring that the content displayed in each module accurately reflects the attributes and / or functions of the target object to meet the needs of users.

[0198] The association between the module and the target object is a key mechanism for realizing interface personalization, that is, mapping the functions and / or attributes of the target object to the module. Through the first configuration command, the module can be dynamically bound to different target objects.

[0199] Among them, different module types are provided with specific control configuration files for the same target object, which are used to define the type, quantity and / or layout of controls that can be applied to the target object in the corresponding type of module. Some or all controls of the target object are enabled by applying a certain type of control configuration file to the corresponding module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

[0200] Furthermore, the control configuration file defines the specific properties of the controls that can be displayed in each module, ensuring that the content and layout displayed by the module meet the requirements of the module type. The control configuration file specifies the type, quantity and / or layout of controls according to the module type.

[0201] Different types of controls are suitable for different information displays or interactive operations. For example (but not limited to), control types include:

[0202] Information display controls: used to display various types of content information. For example, text display controls are used to display text. For example, text content, such as titles, descriptions, etc. Image display controls are used to display image content, such as photos, charts, etc.

[0203] Functional controls are used to implement various functions of the device. For example, button functional controls are used to trigger interactive operations, such as the "on / off" button. Slider functional controls are used to adjust the device status, such as adjusting the brightness of lamps (brightness adjustment slider), adjusting the color temperature of lamps (color temperature adjustment slider), adjusting the opening and closing degree of curtains (opening and closing degree adjustment slider), adjusting the temperature of air conditioners (temperature adjustment slider), etc.

[0204] Identification control: used to trigger the corresponding smart scene. For example, if the preset scene modes are "reading mode", "movie mode" and "sleep mode", the identification control can be reflected as a scene mode button of "reading mode", a scene mode button of "movie mode" and a scene mode button of "sleep mode".

[0205] Each module type provides different control combinations (type, quantity, layout) to ensure that the properties and functions of the target object can be displayed in a targeted manner and flexibly adapt to the diverse display needs of the target object.

[0206] In some embodiments, the user selects the required type of module according to needs, and records the specific location of the module on the specific interface when the module is acquired. Then, when configuring it subsequently, the type of the module can be quickly identified based on the specific location of the specific interface where the module pointed to by the first configuration command is located.

[0207] In a specific implementation, in addition to the above-mentioned association information, the first configuration command also includes pointing information, which includes an interface identifier and a module identifier, which are used to locate a specific interface and a specific module, respectively. For example, the electronic device 200 has a total of four target interfaces, each of which has two modules. The first configuration command may include "3,1, MAC1", indicating that the first module in the third target interface is associated with the device with the address MAC1. Since the specific type of the first module in the third target interface has been determined when it is defined (such as a module of the first type), the electronic device 200 can quickly apply the relevant control configuration file based on the first configuration command, such as applying the first control configuration file related to the MAC1 device (corresponding to the first type of module), so that the first type of module is loaded with a specific control related to the MAC1 device.

[0208] In some embodiments, controls adapted to the module type and target object are loaded in each module, specifically used to: determine the object type to which the target object indicated by the first configuration command belongs; the object type includes at least one of a switch, a device, a scene, and content.

[0209] Furthermore, the first type of module has three object types, namely switches, devices and scenes, the second type of module has four object types, namely switches, devices, scenes and contents, and the third type of module has only two object types, namely devices and contents.

[0210] The following is a detailed introduction to each object type.

[0211] In some embodiments, Figure 2 As shown, the electronic device 200 further includes a switch 28 for connecting a circuit and controlling the circuit. The switch 28 is electrically connected to the processor 26 and has an on state and an off state. The on state is used to connect the circuit; the off state is used to disconnect the circuit.

[0212] It can be seen that the switch 28 can be understood as a device for controlling the power on or off of a circuit. When the electronic device 200 is implemented as a smart control screen 101 with a relay 281, the switch 28 in this example can be understood as the relay 281 in the smart control screen 101. The switch 28 mainly refers to the switching function of the relay 281. As an implementation of the switch 28, the relay 281 can switch states to control the power on and off of lamps, fans or other electrical equipment. Furthermore, in the application scenario of the smart control screen 101 with a relay 281, the "circuit" refers not only to the internal electronic circuit of the electronic device 200, but also to the entire external circuit controlled by the relay 281.

[0213] For example Fig.16 As shown, the relay 281 is powered by the power supply 22, controlled by the processor 26, and controls the on and off of the circuit where the lamp 300 is located. When the user sends an "on" command through the user interface 20, the processor 26 controls the electromagnetic coil of the relay 281 to energize, so that the internal contacts are closed, thereby connecting the circuit and completing the power supply to the device connected to the circuit (such as the lamp 300). When the "off" command is received, the coil of the relay 281 is de-energized, the contacts are separated, the circuit is disconnected, and the power supply to the lamp 300 is cut off.

[0214] On this basis, according to the embodiment of the present disclosure, the plurality of preset objects may include the switch 28 of the electronic device 200 itself. Based on this, in the method 300, loading a control adapted to its module type and target object in each module may include S310.

[0215] At step S310, when it is determined that the association information carried by the first configuration command indicates that the corresponding module is associated with the switch 28, at least one switch control (such as Fig.17 shown).

[0216] After at least one switch control is applied in the module, the method 300 may further include step S311. In step S311, in response to at least one trigger signal brought about by the manipulation of the switch control, the on state and the off state of the switch 28 are switched.

[0217] In practical applications, this switch 28 control method is very suitable for power management in a smart home environment. By associating the module with the switch 28, the user can easily control the circuit switch state of different switches 28 on the interface, reducing the trouble of physical switch operation. In addition, the electronic device 200 can preset a main interface, and two switch controls can be applied by default on the main interface (such as Fig.31 The “left key” and “right key” in the figure are used to control the two relays 281 of the smart control screen 101 respectively.

[0218] Furthermore, the switch control applied in the module associated with the switch 28 can operate the switch 28 to realize the switch control of the circuit. The operation can be, for example, a simple click behavior through the switch control.

[0219] Furthermore, for the first type of module and the second type of module, when associating switches, the two can use different UI elements, specifically, the number and layout of controls. Fig.17 As shown, module 1 (first type module) and module 2 (second type module) are both associated with switches 28, but module 1 only displays a switch control, while module 2 displays not only the switch control but also the name of the switch - the left button.

[0220] In some embodiments, the multiple preset objects may also include devices. A device may be understood as a controlled device 106 that can be controlled by the electronic device 200, which refers to a specific device or apparatus that can be identified, managed, and interacted with. For example, when the electronic device 200 is connected to a cloud server of an IoT platform, the device here may be understood as all controlled devices 106 under the same user who has joined the IoT platform.

[0221] Each device usually involves multiple controls, each of which can implement a certain functional operation of the device. For example, an air conditioner may contain controls such as an on / off button, a temperature adjustment slider, and a mode selection. The device can display properties, such as the current working status, such as the on / off status, current temperature, or operating mode.

[0222] On this basis, in the method 300, a control adapted to the module type and the target object is loaded in each module, and step S312 may also be included.

[0223] At step S312, when it is determined that the first configuration command indicates that the corresponding module is associated with a device, at least one function control of the device is applied in the module, each function control is used to trigger at least one function item of the device; the device belongs to one of multiple preset objects.

[0224] Specifically, according to the association information in the first configuration command, the module is associated with the device, and at least one function control of the device is applied in the module. Each function control is used to trigger a function item of the device, and these function controls can be common operation options of the device, such as switch, adjustment, etc. The device belongs to one of multiple preset objects, which means that there may be multiple types of preset devices (such as lights, air conditioners, security cameras, etc.), and the control style and function items of each device may be different.

[0225] After at least one functional control is applied in the module, the method 300 may further include step S313. In step S313, in response to at least one trigger signal brought about by the control operation of any functional control in the module, a control message is generated and sent out to the outside, so that: the control result pointed to by the control message can be executed by the corresponding controlled device.

[0226] When a user performs an operation on a control (such as clicking a switch button or sliding a brightness bar), the operation generates a corresponding trigger signal. A control message is generated based on the trigger signal. The message contains instruction information (such as the specific operation of turning on or off the device), which will be forwarded to the controlled device. After receiving the control message, the controlled device parses and executes the instructions in it to achieve the control result. For example, if the control message contains the instruction to "turn on the light", the corresponding lamp will perform the light-on operation.

[0227] Furthermore, the control message may be sent to a configuration device, and then the configuration device may parse the message and send a corresponding control command to a corresponding controlled device.

[0228] Further, devices can be divided into two main types: physical devices and virtual devices.

[0229] Among them, physical devices refer to actual physical devices, such as lamps, air conditioners, fans, etc. These devices are usually directly operated by control signals, such as controlling the on / off of the power through a switch control, or setting the temperature or brightness by adjusting the control. Virtual devices refer to devices that are implemented through software logic without actual physical devices. They have no direct physical existence, but rely on the control logic of the configured device. For example, a virtual device can be a preset scene mode or system operation instruction. When the user triggers a virtual device, the system will perform the corresponding function according to predefined rules, such as controlling multiple physical devices to work together, performing complex automation tasks, etc.

[0230] If the device is a physical device, step S313 specifically includes:

[0231] In response to at least one trigger signal caused by the control operation of any functional control in the module, a first control message is generated and sent out to the outside, so that: the control result pointed to by the first control message can be executed by the corresponding physical device.

[0232] Specifically, the first control message is reported to the configuration device (such as a remote server or a central gateway) wirelessly, so that the configuration device controls the corresponding controlled device to perform corresponding functions according to the pre-stored control rules of the corresponding controlled device to achieve the execution of the control result.

[0233] Each controlled device corresponds to a set of control rules, which are determined and saved in the configuration device when the controlled device joins the corresponding configuration device, and can be operated by the user of the controlled device through the corresponding terminal device 103. Take the configuration device as a remote server of the Internet of Things platform as an example. For example, if the user needs to add a sweeper to the configuration device, the specific operation can be: first define a sweeper model in the corresponding Internet of Things platform, which includes the sweeper's UID (unique identification information), function definition, etc. The function definition here can be understood as the control rule. For example, the user defines the sweeping function, mopping function and sweeping and mopping function of the sweeper, then the corresponding control rule can be code A for triggering the sweeping function, code B for triggering the mopping function, and code C for triggering the sweeping and mopping function.

[0234] The user can subsequently connect the sweeper to the remote server of the IoT platform through the network configuration operation, and then the remote server can obtain the UID of the sweeper. When the user chooses to associate the corresponding sweeper with a certain module, the module will apply at least one of the three functional controls of the sweeper, namely, control A for triggering the sweeping function, control B for triggering the mopping function, and control C for triggering the sweeping and mopping function. Later, when in use, the user triggers the "control A" in the corresponding module on the interface, then the first control message sent by the electronic device 200 will carry at least "UID, code A". After receiving the first control message, the remote server matches the sweeper model pre-stored by the corresponding physical sweeper based on the "UID", and then sends a control command for triggering the sweeping function to the corresponding physical sweeper based on the "code A".

[0235] For the first type of module, the second type of module and the third type of module, when associating switches, the two can use different UI elements, specifically, the number and layout of controls are different.

[0236] like Fig.18 As shown in FIG. 1 , a specific flow chart of associating a module with a physical device through a configuration interface is shown. Correspondingly, the screen interface of the electronic device 200 changes as follows: Fig.19 shown.

[0237] It can be seen that in Fig.18 The example interface shown has a first type of module (module 1) and a second type of module (module 2). In the initial state, the display states of these two modules on the interface of the electronic device are blank, such as Fig.19As shown. Then the user clicks on module 1 in the example interface to enter the specific configuration interface of module 1. Three function options are displayed in the configuration interface, namely "association configuration" (used to associate the target object with module 1), "name editing" (used to define the name of module 1) and "icon selection" (used to define the icon of module 1). The user enters the selection interface of many preset objects by clicking the "association configuration" option. It can be seen that the preset objects for module 1 are divided into multiple object types, such as the local switch, wireless switch, scene, actual device, virtual device, etc. shown in the figure, among which the local switch belongs to the object type of switch, the actual device, wireless switch and virtual device belong to the object type of device, and the scene belongs to the object type of scene. After the user clicks on the "actual device" option to enter the specific object selection interface, it can be seen that the "actual device" category is divided into several subcategories, such as the switch, light, curtain, window pusher, thermostat, etc. shown in the figure. Multiple entity devices can be set under each subcategory, and each entity device forms a preset object. These entity devices are all entity devices that have been added to the same account as the electronic device in advance. The user further clicks on the specific object "air conditioner", and the target object associated with module 1 is now "air conditioner". Fig.19 In the module 1, the air conditioner function controls will be applied. Fig.19 Module 1 in the example will be presented as an on / off button of the air conditioner, and the user can start or stop the air conditioner by clicking the button.

[0238] Based on a similar configuration process, module 2 (second type module) and module 3 (third type module) are associated with the same air conditioner object, such as Fig.19 As shown, it can be seen that in module 1, only the on / off button of the air conditioner object is applied, while in module 2, multiple controls such as the on / off button, temperature adjustment, wind speed adjustment, and mode selection of the air conditioner object are applied, and in module 3, each control is enlarged and rearranged for display. It can be seen that for the same physical device object, different UI elements can be applied depending on the module type, which is mainly reflected in the different types, quantities, and layouts of the applied controls.

[0239] If the device is a virtual device, step S313 specifically includes:

[0240] In response to at least one trigger signal caused by the control operation of any functional control in the module, a second control message is generated and sent to the outside, so that: the configuration device can receive the second control message, and according to the current control action contained in the second control message, a matching expression is screened out from at least one pre-stored expression, and based on the result defined by the matching expression, the corresponding entity device is controlled to perform the corresponding function;

[0241] Among them, each expression is predefined by the user through the terminal device 103 and stored in the configuration device, and each expression defines a mapping relationship between at least one condition and at least one result; each condition is a control action of at least one functional control of the virtual device, and each result is at least one executable function of at least one controlled device.

[0242] Since this embodiment defines the expression of the function control of the virtual device, each condition is a control action of a function control, for example, it can be an opening action of a button control of a virtual switch, or it can be a closing action of a button control of a virtual switch. Furthermore, different conditions refer to different control actions of the same function control of the same virtual switch, or the same control action of different virtual switches, or different control actions of different virtual switches.

[0243] The above results can be understood as an executable function of a controlled device. The functions involved in the results can include turning on and off the controlled device, turning on and off the corresponding switch of the controlled device, and can also include specific functions of the controlled device, such as a controlled entertainment device playing specific music or video, and can also be, for example, the working mode of the air-conditioning device and the adjustment of the temperature.

[0244] The expressions involved above can describe any information about the relationship between conditions and results, as well as the relationship between conditions.

[0245] For example, for a certain result and multiple conditions, the expression may control the result to be executed only when any one of the multiple conditions is satisfied, or may control the result to be executed only when all the multiple conditions are satisfied.

[0246] For expressions, users can define them on the terminal device 103 through AND, OR, and NOT combinations, thereby achieving more complex control effects.

[0247] like Fig. 20 As shown in FIG. , a specific flow chart of associating a module with a virtual device through a configuration interface is illustrated. Fig.19 Based on the physical device (air conditioner) associated with module 1, the further screen interface changes of the electronic device 200 are as follows: Fig.21 shown.

[0248] It can be seen that in Fig. 20 The example interface shown has a first type of module (module 1) and a second type of module (module 2). In the initial state, module 1 has been associated with the entity device - air conditioner, and module 2 is still in a blank state without any object associated. Fig.19Then the user clicks on module 2 in the example interface to enter the specific configuration interface of module 2. Similar to the configuration interface of module 1, the configuration interface of module 2 still displays three function options, namely "association configuration" (used to associate target objects with module 2), "name editing" (used to define the name of module 2) and "icon selection" (used to define the icon of module 2).

[0249] The user clicks the "Associated Configuration" option to enter the selection interface of many preset objects. It can be seen that the preset objects for module 2 are divided into multiple object types. The classification of local switches, wireless switches, scenes, actual devices, and virtual devices is similar to that of module 1, which can be understood by reference. The difference is that the object type of module 2 contains the object type of "content", which will be introduced in detail later and will not be elaborated here.

[0250] After the user clicks on the "Virtual Device" category, the specific object selection interface is entered. It can be seen that the "Virtual Device" category is also divided into several subcategories, such as the virtual switch, virtual color temperature lamp, virtual color light, virtual brightness lamp, virtual curtain, etc. shown in the figure. Multiple virtual devices can be set under each subcategory, and each virtual device forms a preset object. For example, the virtual switch can be set to switch 1, switch 2, ..., and the virtual color temperature lamp can be set to color temperature lamp 1, color temperature lamp 2, ...

[0251] The user further clicks on the specific object "virtual curtain", and the target object associated with module 2 is now "virtual curtain". Fig.21 In module 2, the virtual curtain function control will be applied. Fig.21 Module 2 in the example will be presented as the curtain logo, open button, pause button, close button, and opening and closing degree control, and the user can exert control by clicking the corresponding control.

[0252] Based on a similar configuration process, module 1 (first type module) and module 3 (third type module) are associated with the same virtual curtain object, such as Fig.21 As shown, it can be seen that in module 1, only the on / off button of the virtual curtain object is applied, while in module 2, multiple controls such as the logo, open button, pause button, close button, and opening and closing degree control of the air conditioner object are applied, and in module 3, each control is enlarged and rearranged for display. It can be seen that for the same virtual device object, different UI elements can be applied according to different module types, which is mainly reflected in the different types, quantities, and layouts of the applied controls.

[0253] In a further example, for example, the user defines a set of expressions for the virtual curtain:

[0254] Expression A: If the open button is triggered, the curtain motor is controlled to open; this curtain motor is a pre-added physical controlled device;

[0255] Expression B: If the pause button is triggered, the curtain motor is controlled to pause;

[0256] Expression C: If the close button is triggered, the curtain motor is controlled to close;

[0257] Expression D: If the opening and closing degree of the curtain motor changes, the slider of the opening and closing degree control is adjusted to be consistent with the current opening and closing degree of the curtain motor.

[0258] On this basis, if the curtain motor is currently in the closed state, after the user clicks the open button, the electronic device will send a corresponding second control message, the configuration device receives the message, and parses the control action (condition) triggered by the open button, and then matches the corresponding expression A, and sends a control command to the curtain motor according to the result defined by the expression A, so that the curtain motor opens. After the curtain motor opens, the corresponding status message will be fed back to the configuration device, the configuration device receives the status message and parses the curtain motor to open to 100%, and then controls the slider of the opening and closing degree control in the electronic device 200 to change from 0% to 100% to indicate the current state of the curtain motor.

[0259] Furthermore, the solution demonstrates the comprehensive control capability of the electronic device 200 over physical and virtual devices, and provides multiple possibilities for the mutual operation between devices. The configuration of such functional controls enables users to complete complex device association settings through simple operations. At the same time, through the matching selection of the conditional expression library, the association operation between the virtual device and the actual controlled device is made more flexible, and users can customize the control logic according to actual needs to achieve more personalized and intelligent device management.

[0260] In some embodiments, the plurality of preset objects may further include scenes.

[0261] When a module is associated with a scene, the method 300 may further include loading a control suitable for the module type and the target object in each module, and S314 may also be included.

[0262] At step S314, when it is determined that the first configuration command indicates that the corresponding module is associated with a scene, at least one identification control of the scene is applied in the corresponding module; the scene belongs to one of a plurality of preset objects.

[0263] After at least one identification control is applied in the module, the method 300 may further include step S315. In step S315, in response to at least one trigger signal brought about by the control operation of the identification control, a third control message is generated and sent out, so that: the configuration device can receive the third control message, and control the corresponding smart scene to be executed based on the third control message; the smart scene is pre-defined by the user through the terminal device 103 and stored in the configuration device.

[0264] Specifically, a scene is an object type of a preset object. When the first configuration command indicates that the module is associated with the scene, the identification control of the scene will be displayed in the module. The user can perform control operations through the control, generate a trigger signal and send a third control message to the configuration device. After receiving the message, the configuration device triggers the corresponding smart scene operation according to the information in it.

[0265] The smart scene here is pre-defined by the user on the terminal device 103 and stored in the configuration device, which can be understood as a joint operation including multiple devices or functions to form a set of automated behavior processes. Fig. 22 As shown (correspondingly, the screen interface of the electronic device 200 changes as shown Fig.23 As shown. ), users can define scenes such as "home mode" and "away mode", where the "home mode" scene can specifically define multiple automated execution behaviors such as turning on a specified smart light, turning on the curtain motor, and turning on the air conditioner, and in the "away mode" scene, multiple automated execution behaviors such as turning off all smart lights and turning off the curtain motor can be defined, so that when operating the identification control of the smart scene in the electronic device 200, the control behaviors of multiple devices can be triggered with one click. The automated execution behaviors of these smart scenes are stored in the remote server (configuration device), so that when the user operates the identification control of the smart scene of the "home mode" in the corresponding module of the electronic device 200, the corresponding third control message can be sent to the server, and the remote server matches the smart scene of the "home mode" accordingly, and sends corresponding control commands to the relevant multiple controlled devices 106 through the defined multiple automated execution behaviors, so as to trigger the control behaviors of multiple devices with one click.

[0266] Fig. 22 In the example, the user enters the configuration interface of the first type module (module 1) and the second type module (module 2) through the configuration interface, and associates the "home mode" scene in the scene with the two modules respectively, that is, module 1 and module 2 are associated with the same target scene. In this case, if Fig.23 As shown, it can be seen that for the same scene, the electronic device 200 displays different UI elements according to different module types, for example Fig.23In the example, only the name label of the scene - "Go Home Mode" is applied in module 1, and module 1 is equivalent to the label control of the "Go Home Mode" scene. The user can trigger the "Go Home Mode" scene by triggering the label control. In module 2, the name label and icon label of the scene are applied. These two labels are located on both sides of module 2. At this time, the scene label control displays both the icon and the name. It can be seen that for the same scene object, module 1 and module 2 have different types, and the number and layout of applied UI elements are different. Users can choose the corresponding type of module and associate the corresponding scene according to actual needs to achieve the desired interface layout requirements.

[0267] This solution greatly simplifies the user's operation steps, making the electronic device 200 more intelligent in actual use. In addition, the joint control operation of multiple devices is realized through the scene identification control, which brings a high degree of convenience and automatic control experience to the user. The user does not have to operate each device one by one, but can quickly complete the complex operation process through a single control.

[0268] In addition, in the prior art, the content definition function of the smart control screen 101 is usually limited to modifying and configuring the function controls or button names on the screen, and users can only customize the content display within a limited range. For example, some systems only provide users with text definition functions in a small area of ​​the interface, while other systems directly provide the entire screen interface for users to define. However, the size and shape of these preset areas are often fixed and cannot be adjusted according to the actual needs of the user. This limitation makes it impossible for users to flexibly define the size or shape of the content display area, thereby affecting the freedom of human-computer interaction and user experience.

[0269] Therefore, there is an urgent need in the prior art for a solution that can dynamically adjust the attributes of the content display area according to user needs, so as to improve the functionality and adaptability of the smart control screen.

[0270] Based on this, an embodiment of the present disclosure introduces the object type of content in the object types of the various preset objects. The content here can be understood as any information that can convey information, knowledge, emotion or entertainment, such as (but not limited to) information in various forms such as text, image, audio, video, animation, icon, etc. For example, text generally contains specific information such as: article, title, paragraph text, etc.

[0271] According to the embodiment of the present disclosure, for the object type of content, each module type is provided with a specific UI element for the target object. The UI element selection mechanism of the content object enables the electronic device 200 to present the content with greater adaptability and flexibility, and can display various types of information while ensuring a neat interface and smooth interaction.

[0272] Fig.24 Another flowchart of an exemplary method for generating a target interface according to an embodiment of the present disclosure is shown. The method 300' may be, for example, Figure 1 The smart control screen 101 shown or Figure 2 The electronic device 200 shown in FIG. Figure 1-Figure 3 The electronic device 200 and a method for the electronic device 200 according to an embodiment of the present disclosure will be described in detail.

[0273] Specifically, when the method for generating a target interface is applied to a target object of a specific object type of "content", in addition to the basic steps of method 300, another method 300' can be further formed. Method 300' can be understood as a specific method for applying the operation of method 300 specifically to a target object of a specific type of "content". Therefore, the features associated with method 300 in the embodiment of the present disclosure can also be understood as a reference. This embodiment will focus on introducing the unique implementation after the target object is concretized as the "content" type.

[0274] like Fig.24 As shown, at step S301', at least one module of the initial interface is obtained, and the initial interface can generate a target interface through configuration.

[0275] At step S302', a first configuration command is obtained; and it is determined that the first configuration command instructs to associate a corresponding module with content.

[0276] According to the embodiment of the present disclosure, content is a type of associable object, which means that content can be assigned to a module in the initial interface for display or operation, and the module assumes the regionalization function of content display on the interface.

[0277] At step S303', the type of the module pointed to by the first configuration command is determined, and the type is one of multiple module types; wherein different types of modules load different UI elements for content, and the loaded UI elements differ according to the module type and the characteristics of the content.

[0278] Furthermore, each type of module can carry and display content through specific UI elements. For example, text content is associated with a text display module, and image content is associated with an image display module. After the module is associated with the content, the module can select appropriate UI elements (such as text controls, image controls) to display the content based on the type and characteristics of the content, so that the content on the interface can meet user needs and maintain a clear layout.

[0279] At step S304', based on the association between the module type and the content, a specific UI element adapted to the module type and the content is loaded in each module, so that the user can view the content more conveniently.

[0280] In step S305 ′, a target interface is generated based on each module associated with the content.

[0281] Furthermore, the present disclosure uses content as an object type and adds it through custom modules. Through the association between modules and content, the content layout of the target interface can be flexibly realized to meet the display requirements of different information. Each module loads appropriate UI elements according to the content characteristics, making the interface layout more adaptable and beautiful, improving user experience and operational convenience, while ensuring that the information display of different content is clear at a glance. In this way, the content can not only be displayed reasonably, but also enhance the user's operating experience.

[0282] In some embodiments, the UI element includes an information display control; wherein different types of modules load information display controls of different types, quantities and / or layouts for the same content.

[0283] The information display control here can be understood as a user interface component or control for displaying content. The electronic device 200 will load at least one information display control in the corresponding interface module, and present the content information through the control to help users view, operate and manage the content on the interface. The selection of information display controls will vary depending on the content characteristics and module type. Information display controls generally include (but are not limited to) the following:

[0284] Text display control: used to display text content, such as titles, descriptive text, labels, etc.

[0285] Image control: used to display image content, such as photos, illustrations, etc.

[0286] Video playback controls: used to display video content so that users can watch the video directly.

[0287] Data chart control: Applicable to data information, visualize data through bar charts, line charts, etc.

[0288] Multimedia display controls: can be used to display video, audio or other dynamic content.

[0289] These UI elements not only display content, but also include the ability to interact with the content. For example, an image control may allow zooming, a text control may support editing, and so on.

[0290] According to an embodiment of the present disclosure, the electronic device 200 is pre-configured to be able to communicate with a configuration device, and the configuration device has the authority to configure the electronic device 200. On this basis, in step S304', based on the association between the module type and the content, a specific UI element adapted to its module type and content is loaded in each module, specifically including S3041' and S3042'.

[0291] At step S3041', at least one information display control adapted to the module type and content is loaded in each module; the content belongs to one of a plurality of preset objects and includes at least one predefined information.

[0292] At step S3042 ′, at least one information in the content is displayed through an information display control; wherein the information in the content is pre-set in the configuration device by a user through a terminal device 103 .

[0293] According to the embodiment of the present disclosure, the information involved in the content is the information content that has been determined in the early user configuration stage of the electronic device 200. This information can be called or displayed during actual use without being generated in real time. This type of information can cover a variety of categories and be pre-set in different ways. For example, when using the device for the first time or configuring the device, the user can name each device and set its location through a mobile phone app to facilitate subsequent management and control. For another example, some complex information may be pre-stored in the cloud or local database and imported according to the user's specific needs, such as the user's preferred temperature settings, environmental adaptation parameters, etc.

[0294] Based on the different specific types of content information, the types of information display controls involved are also different. For example, the information display control corresponding to text may be a text box (text display control), while the information display control corresponding to an image may be a picture control.

[0295] When the electronic device 200 receives the first configuration command sent by the configuration device, the processor extracts the associated information and determines whether to associate the content with a specific module. This step is crucial because it determines the specific information type and content source displayed in the module.

[0296] The electronic device 200 will load the information display control in the module to display the associated content. This control can be flexibly set to support the intuitive display of different information. The display control can be used not only for text information, but also for displaying pictures and other multimedia content, making the interface of the electronic device 200 more diverse.

[0297] The displayed content information is pre-configured by the user through the terminal device 103. The user can enter or upload the required display information in the content according to the needs. The electronic device 200 presents these contents on the interface through the display control, which is convenient for the user to view in real time. Since these contents are defined by the user, the electronic device 200 can be flexibly called according to the user's needs to meet various display needs.

[0298] Furthermore, the design goal of this solution is to enhance the operability of the electronic device 200, enable users to flexibly configure different content, and improve the dynamic display capability of the interface. By flexibly associating different content with modules, the device provides users with a variety of content display methods to achieve a more personalized user experience.

[0299] In some embodiments, the step S3041′ may specifically include:

[0300] When it is determined that the information in the content has text, at least one text display control is applied in the corresponding module.

[0301] The step S3042' may specifically include:

[0302] At least one text in the content is displayed through a text display control; wherein the text is pre-edited by a user through the terminal device 103 and stored in the configuration device.

[0303] This embodiment further clarifies the display of text information. In particular, when the content contains text, the electronic device 200 will use a "text display control" (such as a text box) in the module to display this information.

[0304] Specifically, when the processor 26 determines from the first configuration command that the content contains text information, it will select a specific text display control to display the text in the associated module. The text display control is designed to directly present the text information required by the user, helping the user to clearly read and understand the content.

[0305] According to this embodiment, the text is edited by the user through the terminal device 103 and uploaded to the configuration device, ensuring that the text information displayed by the electronic device 200 meets the needs and expectations of the user. In this way, the user can accurately obtain the preset text on the interface.

[0306] The text display control has a highly customized display mode that can adapt to the needs of different modules. For example, users can set the font, size, color and display style of the displayed text in the control configuration files of different types of modules to meet the needs of different application scenarios. The custom settings of the text display control can be modified according to user needs, making the display of text information more flexible and in line with the personalized needs of users.

[0307] Furthermore, this solution enables the electronic device 200 to display text information in an intuitive manner through the setting of the text display control, which not only increases the diversity of information presentation, but also enhances the flexibility and convenience of user experience.

[0308] In addition, in addition to the text display control used to display text information, "content" can also include multiple information types such as pictures, videos, audio, links, etc. Each type can use a dedicated display control according to its characteristics. These different information display controls can be flexibly applied in the electronic device 200 to meet the diverse information display needs, while improving the user's interactive experience and operation efficiency.

[0309] Furthermore, the types of modules include a second type and a third type, wherein the second type and the third type modules differ in the number of applicable text display controls.

[0310] On this basis, at least one text display control is applied in the corresponding module, which may specifically include:

[0311] When the module type is determined to be the second type, a text display control is applied in the corresponding module to display a text in the content. When the module type is determined to be the third type, at least two text display controls are applied in the corresponding module to display at least one text in the content.

[0312] This embodiment further clarifies the difference in the number of text display controls in different types of modules. Specifically, the module types are divided into the second type and the third type. Different types of modules can be configured with different numbers of text display controls according to the text display requirements. For example, the second type module is only equipped with one text display control for single text display; while the third type module can be configured with multiple text display controls to support the display of multiple text contents. This differentiated design is to meet the information display needs in different application scenarios and make the interface layout more flexible and diverse.

[0313] When the user chooses to add a second type of module to the interface, and the second type of module (such as Fig.25 When module 2 in is associated with a text corresponding to a content, it means that the user only needs to display a text (such as Fig.25 The second type of module only provides a text display control (such as Fig.25 As shown), it can meet the user's display needs without taking up too much interface space.

[0314] When the user chooses to add a third type of module to the interface, since the third type of module can load multiple text display controls (such as Fig.26aAs shown), users can display multiple text information in one module (such as text 1, text 2, ... in the figure).

[0315] For users, through the coordination of different module types, more complex content layout and information display effects can be achieved on the target interface 5.

[0316] In addition, in the third type of module, multiple text display controls can be applied, and multiple text display controls can independently display information in a specified position to avoid overlapping of text content. Each text display control can be arranged independently when displayed (such as Fig.26a As shown), the user can clearly read and obtain each text message on the interface.

[0317] Furthermore, through the division of module types, the present solution enables users to select the number of text display controls according to the module characteristics, thereby displaying a clear and reasonable text information layout on the interface. This hierarchical design increases the flexibility of the electronic device 200 in displaying text, provides users with more choices, and improves the information display capability of the electronic device 200.

[0318] Furthermore, based on the above embodiment, this embodiment will provide a detailed introduction to the specific implementation method for displaying multiple texts:

[0319] Specifically, displaying at least one text in the content through a text display control specifically includes: when the type of the determination module is the third type, if it is determined that the content has multiple texts, then displaying the multiple texts in multiple text display controls respectively.

[0320] This embodiment clarifies the specific mechanism for displaying multiple texts in the third type module, that is, the allocation mechanism for multiple text displays. Specifically, when the processor determines that the module type is the third type, it will determine whether the content associated with the module contains multiple text information. If so, a text display control will be allocated to each text to ensure that each piece of information is displayed in an independent control.

[0321] In this way, the user can define multiple texts in the corresponding content and select these texts at the same time to display these texts in the text display controls in the module in an associated manner, so that the same interface of the electronic device 200 can carry more content. Figure 26bAs shown, in the example interface shown in FIG. 26, there is a module of the third type (module 3). In the initial state, the display state of this module 3 on the interface of the electronic device is blank. Then the user clicks on the module 3 in the example interface to enter the specific configuration interface of the module 3. The configuration option of "association configuration" is displayed in the configuration interface. By selecting this option, the selection interface of the preset object is entered. Unlike the preset objects of the first type module and the second type module, the object types of the third type module are relatively few, and there are only three categories: actual device, virtual device and text. Among them, the actual device and virtual device belong to the object type of device, and the text belongs to the object type of content. In each category, multiple specific preset objects can be set. After the user clicks on the "text" category, it enters the specific object selection interface. It can be seen that there are multiple preset texts (for example, up to 12 preset texts can be added), and each preset text is formed into a preset object. Each preset text can be customized by clicking the "edit" button. The edited preset text will be stored in the configuration device for calling. The user selects the three preset texts "Text 1", "Text 2" and "Text 3" and clicks OK, and the three texts are associated with module 3. At the electronic device 200, module 3 is loaded with three text display controls, which respectively display the three texts.

[0322] Furthermore, the present solution provides a distribution mechanism for displaying multiple texts, ensuring that users can display multiple text messages in the same module. This distribution mechanism effectively avoids the problem of information stacking that may be caused when multiple texts are displayed in the same control, making the interface layout more neat. Each text display control occupies an independent position in the interface, so that each paragraph of text has independence in the interface. Users can obtain clear information display on the interface of the electronic device 200, and will not have difficulty in identifying information due to dense content. By applying text display controls to multiple texts separately, users can display more complex information structures on the interface.

[0323] In addition, in some embodiments, when the processor determines that the module type is the third type, if it is determined that the amount of text contained in the content associated with the module is less than the maximum number of text display controls that can be applied to the third type of module, multiple texts can be loaded into multiple text display controls respectively, and these text display controls loaded with text can evenly fill the entire module.

[0324] In some other embodiments, the electronic device 200 may also display a fixed number of text display controls in the third type of module. When the number of texts contained in the content associated with the module is less than the maximum number of text display controls applicable to the third type of module, each text is sequentially filled into the corresponding text display control for display, and the redundant text display controls are displayed and left empty to remind the user. Fig. 27 As shown, if the third type of module can apply up to three text display controls, these three text display controls are arranged in sequence from top to bottom, but the user only corresponds to one text message in the content associated with it, then the text information will be filled in the first text display control at the top, and the two text display controls below will remain empty.

[0325] Furthermore, the third type of module can fill the entire interface to maximize the area for text display. That is, when the user has a lot of text information to display, the third type of module can be directly selected. A target interface can only add one third type of module, and there is no remaining space to add other types of modules. The third type of module will display three fixed text display controls for displaying text.

[0326] On this basis, users can configure multiple target interfaces, each of which is configured with a third-type module and associated with corresponding text, to achieve a split-screen display effect for a large amount of text information. Fig.28 As shown, 12 texts (text 1 to text 12) can be pre-defined, and a third type of module is added to each target interface. In this way, each target interface can display 3 texts, and four target interfaces (such as Fig.28 If the interface 1 to 4 is shown in FIG. 1 , 12 texts can be displayed on four screens.

[0327] According to the embodiment of the present disclosure, the second type of module only applies one text display control, that is, it can only display one text. Therefore, the second type of module can only occupy a part of the interface, and the rest of the interface can be configured with other types of modules.

[0328] In a further example, there are three types of modules, namely the first type, the second type and the third type. The modules of the first type, the second type and the third type increase in size successively, and the number of text display controls that can be applied increases successively. The module of the first type is the smallest in size, and the number of text display controls that can be applied is zero, that is, the module of the first type does not have the ability to display text. The module of the second type is of moderate size, and one text display control can be applied, that is, the module of the second type can only display one text. The module of the third type is the largest in size, and three text display controls can be applied, that is, the module of the third type can display three texts at the same time. On this basis, Fig.29 As shown, the user can add two first type modules (such as Fig.29 Module 1) and a second type of module (such as Fig.29In module 2), the first type of module associates devices to display functional controls of corresponding devices, and the second type of module associates content to display status information of corresponding devices. In this way, both control of related devices and status monitoring of related devices can be achieved on one target interface 5.

[0329] In addition, the user can pre-define multiple texts through the terminal device 103 and save them in the configuration device, and then select one or more of them to be applied to the second type of module or the third type of module. For example, the user defines 7 to-do items through the mobile phone, corresponding to the things to be done on the 7 days of the week, and saves them in the cloud server, and adds a target interface 5 with a second type of module to the electronic device 200. After that, one to-do item is updated to the corresponding text display control every day according to the sequential text, which serves as a reminder.

[0330] In some embodiments, the method 300' may further include steps S306' and S307'.

[0331] At step S306 ′, the length of the text is determined.

[0332] At step S307', when the length is within a set range, the text is displayed in a first display state in the corresponding text display control; when the length is outside the set range, the text is displayed in a second display state in the corresponding text display control; the first display state and the second display state are different, and the set range matches the text length range that can be displayed by the text display control.

[0333] Specifically, before displaying the text, it will determine whether the text length is within the preset range. This set range is based on the maximum length that the text display control can display, ensuring that the information can be displayed completely.

[0334] The length of the text is usually determined by the number of characters, the number of bytes and the display length (the physical space occupied). Different application requirements may use different judgment criteria. Among them, the number of characters refers to the total number of characters contained in the text, usually including letters, numbers, punctuation marks and spaces; the number of bytes measures the size of the space occupied by the text when it is stored or transmitted, usually depending on the encoding format (such as UTF-8, UTF-16, etc.). For example, in UTF-8 encoding, an English character occupies 1 byte, while a Chinese character occupies 3 bytes; the display length refers to the physical width occupied by the text on the screen of the electronic device 200, which is usually related to the font, font size, style and resolution of the display device. In some cases, judging the display length is more intuitive than simply calculating the number of characters.

[0335] In practical applications, it may be necessary to combine multiple methods to determine the length of text. For example, the joint determination of the number of characters and bytes can determine the storage requirements of the text. The combination of the number of characters and the display length can ensure the rationality of the interface display. For example, when displaying multilingual text in a control, the number of characters and the display length of each line can be determined, and all or part of the text can be displayed in the control.

[0336] Furthermore, the set range includes a range formed with zero as the starting point and a set threshold as the end point, and the set threshold matches the maximum text length that can be displayed in each line of the text display control; the first display state is static, and the second display state is dynamic.

[0337] In step S306', when determining the length of the text, the processor specifically determines the length of each line of text so that:

[0338] When the length of any line of the text is within a non-set range that exceeds a set threshold, the text is cyclically displayed in the text display control in a dynamic display manner; otherwise, the text is displayed in the text display control in a static display manner.

[0339] According to an embodiment of the present disclosure, if the text length is within a set range, the text content will be displayed statically; otherwise, it will switch to a dynamic display state.

[0340] Static display is suitable for shorter text content, and the complete text can be directly displayed in the text display control, which is convenient for users to read directly. For longer text, dynamic display will be started, and the text content may be presented in a loop through scrolling display and other methods to ensure that users can read the longer text information content in full. This design ensures that the text display control can adapt to text content of different lengths and improve the flexibility of information display. By automatically switching the display state, content overflow or information occlusion can be avoided, giving users a clearer reading experience.

[0341] The setting range of the text display control is defined as "zero point as the starting point and the set threshold as the end point". The set threshold usually matches the maximum number of characters displayed per line of the control. For example, if 20 characters can be displayed per line, the set threshold is 20 characters.

[0342] When judging the length of the text, the number of characters in each line will be checked to ensure that the length of each line of text does not exceed the threshold. If the length of any line of text exceeds the threshold, the electronic device 200 will switch to a dynamic display state and present the extra-long text content in a scrolling manner, so that the user can fully read the text information that exceeds the display control. Furthermore, the user can independently control the timing of line breaks for each line of text to facilitate the control of the length of each line of text. Multiple lines of text can be displayed in each text display control, and the user can reasonably control the timing of line breaks during the text editing process to adjust the text display method.

[0343] The text within the set range will be displayed statically and can be fully displayed without scrolling; while the text beyond the set range will be displayed dynamically, using dynamic forms such as scrolling display, so that the text is displayed cyclically in the control to ensure that the information is presented to the user in full.

[0344] For example, if a text of 30 Chinese characters is edited once every 10 Chinese characters, the text can be loaded into a text display control in three lines, and each line does not exceed the set threshold (for example, 20 characters). At this time, the text display control will display the text in a static manner. On the contrary, if the user edits 25 characters in the first line before changing the line, and the remaining 5 Chinese characters are edited in the second line, the text display control will scroll and display the text in a dynamic manner because the length of one line exceeds the set threshold.

[0345] Furthermore, this solution provides a well-adaptable solution for information display by switching between dynamic and static display modes, which helps the electronic device 200 to effectively display rich information content within a limited interface space.

[0346] In some embodiments, the screen switching sequence of the electronic device 200 may also be directly adjusted through the terminal device 103. Specifically, the method 300' further includes steps S308' and S309'.

[0347] At step S308', a sequential switching command issued by the configuration device is received, wherein the sequential switching command is generated by the configuration device in response to a third input from the user, and the third input is used to adjust the arrangement order of multiple example interfaces on the configuration interface; each example interface corresponds to an actual interface of the electronic device 200, and the actual interface includes a main interface of a default setting and at least one target interface of a subsequent configuration.

[0348] The interface examples and actual interfaces here are used to distinguish the hierarchical relationship between the device configuration interface and the actual operation interface. Each example interface represents an actual interface. The actual interface includes the main interface (ie, the default interface) of the electronic device 200 and the target interface created by the user through configuration.

[0349] The main interface generally provides the default function display of the device, while the target interface is an interface customized by the user to achieve specific functions, which may contain specific controls or information display modules. Fig.31 As shown, the main interface is set with left and right buttons by default, which are used to control two switches 28 of the electronic device 200 (for example, two relays controlling the smart control screen 101), and are also set to display time, date, temperature, weather and other information.

[0350] On the configuration interface, users can preview and adjust the layout and arrangement order of each module or interface through the "Sample Interface". The sample interface represents different functional interfaces or scene displays during the configuration stage. For example, users can adjust the order of the "Sample Interface" on the configuration interface, add or delete sample modules, etc.

[0351] When the user completes the adjustment of the example interface on the configuration interface and confirms it, the electronic device 200 applies the adjustment result of the example interface to the actual interface.

[0352] Furthermore, at step S309', the switching order between the actual interfaces is set according to the sequential switching command, so that the switching order between the actual interfaces of the electronic device 200 is consistent with the adjusted arrangement order of the actual interfaces on the configuration interface.

[0353] The actual interface is the interface presented when the user actually operates on the electronic device 200, including the user's main interface and other target interfaces. The arrangement and switching order of the actual interface will be consistent with the arrangement order of the example interface in the configuration interface.

[0354] The function of the third input here is to trigger a change in the interface arrangement order of the electronic device 200, which can be understood as a specific operation of the user completing the order adjustment in the configuration interface. The user generates the third input through operations on the configuration interface, such as dragging or reordering the sample interface, clicking to confirm, etc., and the third input is recognized by the configuration device to form a sequence switching command.

[0355] This can be understood by taking a smart home control device as an example: the user hopes to arrange several commonly used interfaces on the smart home device in the order they are accustomed to: for example, "lighting control", "security monitoring", "temperature adjustment", etc. The user arranges these three example interfaces in the order of "lighting control->security monitoring->temperature adjustment" on the configuration interface. After the arrangement is completed, the user generates a "third input" by clicking Confirm, and the third input triggers the configuration device to generate a "sequential switching command". Ultimately, the sequential switching command will trigger the actual interface sequence of the electronic device 200 to be set to be consistent with the example interface, that is, the user can switch the interfaces on the electronic device 200 in the order of "lighting control->security monitoring->temperature adjustment". Through such a configuration method, the user can intuitively adjust the interface arrangement on the configuration interface first, and the electronic device 200 will map the corresponding order to the actual interface, providing the user with a convenient interface switching experience.

[0356] This design approach ensures consistency in configuration and operation, and allows users to quickly access commonly used interfaces.

[0357] In some embodiments, when multiple target interfaces are configured, the method 300 ′ further includes step S310 ′ and / or step S311 ′.

[0358] In step S310 ′, in response to a first operation on any actual interface, an interface list is entered.

[0359] The interface list displays all actual interface identifiers; and for a selection operation of any actual interface identifier in the interface list, the corresponding selected actual interface is entered.

[0360] The first operation refers to a certain interactive action performed by the user in any actual interface to enter the interface list. Fig.30 As shown, the interface list 7 is a centralized navigation interface for displaying all currently configured "actual interfaces" on the electronic device 200. When multiple actual interfaces are configured on the electronic device 200, these actual interfaces will be displayed in the interface list 7, and the user can quickly view and access all actual interfaces on the device through this list 7.

[0361] In the interface list 7, the user can view all the actual interface identifiers (the actual interface identifier is an element or symbol that distinguishes and identifies each "actual interface" on the device. In the interface list 7, the device assigns an identifier to each actual interface so that the user can quickly identify the function and content of each interface. These identifiers can usually be names, icons or other visual marks. For example Fig.30 The main interface, interface 1, interface 2, … in it.

[0362] The user can quickly switch to the corresponding interface by selecting the corresponding icon. Fig.30 In the example, if the user selects "Interface 3" in interface list 7, the user will directly switch to interface 3.

[0363] Therefore, "first operation" can be understood as a universal navigation method, helping users to enter the "interface list" that centrally manages and accesses all interfaces from the current interface. Users can enter the interface list from any actual interface, and quickly switch to a specific interface by browsing and selecting each interface item in the list, without having to rely on flipping through or clicking one by one to switch.

[0364] In step S311 ′, when the main interface is not located at the first position in the switching sequence of the actual interfaces, the second operation on any target interface 5 is responded to and returned to the main interface.

[0365] The second action here is used to quickly return to the main interface from any target interface, especially when the main interface is not ranked first in the switching order. Through this special interaction, the user can jump directly back to the main interface without having to go through other target interfaces in sequence.

[0366] For example Fig.31 As shown, in the smart home control device, after the user performs the "second operation" in the target interface such as "temperature adjustment" or "security monitoring", he can directly return to the main interface. Possible "second operation" methods include:

[0367] Tap the "Return to Home" button on the screen;

[0368] Long press an area of ​​the screen to trigger the return operation;

[0369] Swipe up from the bottom of the screen (such as Fig.31 or,

[0370] Other custom gesture operations.

[0371] Based on this, the solution provided in this embodiment further enriches the operational details of interface switching, and increases the user's flexible control over the device interface by adding functions such as an interface list and returning to the main interface.

[0372] In the case of multiple target interfaces, the device processor will display the interface list when receiving a specific operation. The list shows the identifiers of all actual interfaces, and the user can quickly select the required interface, thereby simplifying navigation between the interfaces.

[0373] The interface list can be displayed in the form of icons, labels, etc. to help users make intuitive choices. When the main interface is not in the first position of the actual interface switching order, the device processor can automatically return to the main interface when the user triggers certain operations. This allows users to switch directly back to the main interface from any target interface, reducing repeated operations.

[0374] The first operation is used to call up the interface list, which is convenient for users to select from multiple interfaces; the second operation directly returns the user to the main interface. This function allows users to jump pages more efficiently when operating the device, without having to slide or select one by one in multiple interfaces, improving the smoothness and convenience of the user experience.

[0375] In addition, in addition to the configuration scheme of the association attribute of the association information of the module configured by the first configuration command in the above embodiment, in some embodiments, the module also has a name attribute and an identification attribute. These two attributes can also be configured by the terminal device 103 (for example, by Fig.18 , Fig. 20 Specifically, the method 300' further includes step S312' and / or step S313'.

[0376] In step S312', a second configuration command is obtained, where the second configuration command carries name information and is used to configure the name of the corresponding module.

[0377] The name of a module can be understood as a unique name set by the user for a specific module, similar to a label or title. This name can clarify the function or content of the module, making it easy for users to quickly identify it in actual use. The name is usually a concise text, such as "lighting control", "security monitoring" or "temperature adjustment". The advantage of setting a name is that when multiple modules appear on the target interface 5 of the electronic device 200, the user can quickly determine the purpose or content of the module based on the module name, thereby improving the intuitiveness of the operation.

[0378] The second configuration command is an instruction for assigning name information to a specific module. The function of this command is to help users set or change module names and give modules specific names so that users can more easily identify the uses of different modules on the interface.

[0379] In step S313', a third configuration command is obtained, where the third configuration command carries identification information for configuring an identification of a corresponding module.

[0380] The module logo can be understood as a unique information that can be used to distinguish modules, usually used to indicate the identity or type of the module. This logo can be an icon, symbol, code, color or other visual element to help users quickly identify the corresponding module on the target interface, or to identify the type and function of the module in the background.

[0381] The third configuration command is an instruction for adding identification information to the module. The function of this command is similar to that of the second configuration command, but its specific content is identification information rather than name information. Through the third configuration command, the user can select or set the identification information of the module, thereby giving the module different visual identifications, thereby facilitating user identification and classification management. For example, the user can select specific icons, colors and other identification information for the module in the configuration interface, and the third configuration command applies the user's selection to the module, so that the module has specific identification information on the electronic device 200.

[0382] According to an embodiment of the present disclosure, the name and the logo provide text and graphic prompts respectively, and the combination of the two can display the module information more comprehensively and intuitively.

[0383] for example Fig.30 As shown, when the module 1 displayed on the interface 3 is configured as a lighting control module, there is not only a "lighting" name mark on the lighting control module, but also a light bulb icon, which can speed up the user's cognition and understanding. This is particularly useful in target interfaces 5 with many modules and rich types, such as home security monitoring, smart appliance control, etc. On these electronic devices 200, intuitive module names and marks can greatly reduce the difficulty of operation, help avoid misoperation, and improve usage efficiency.

[0384] In general, the solution provided in this embodiment makes module identification easier through name and identification configuration commands, so that users can clearly find corresponding modules when using the electronic device 200, thereby improving the intuitiveness and usability of the interface. This flexible module labeling method is particularly suitable for multi-module, multi-functional smart home control devices, which helps to improve user experience.

[0385] Although specific serial numbers (S301, S302, ...; S301', S302', ...) are used to describe the method for generating a target interface, these specific serial numbers are only for the convenience of description and distinction, and are not intended to emphasize the order. For example, the method may also include one or more steps that are not shown or numbered. In addition, one or more steps that have been marked with specific serial numbers may not exist in the method. Those skilled in the art may make any reasonable combination and adjustment of the steps during implementation, and this embodiment does not impose specific limitations.

[0386] The present disclosure may be implemented as any combination of an apparatus, a system, an integrated circuit, and a computer program on a non-transitory computer-readable medium. One or more controllers may be implemented as an integrated circuit (IC), an application specific integrated circuit (ASIC), or a large scale integrated circuit (LSI), a system LSI, a super LSI, or a super LSI component that performs some or all of the functions described in the present disclosure.

[0387] The present disclosure includes the use of software, applications, computer programs, or algorithms. The software, applications, computer programs, or algorithms may be stored on a non-transitory computer-readable medium to enable a computer such as one or more processors to perform the above steps and the steps described in the accompanying drawings. For example, one or more memories store the software or algorithm in executable instructions, and one or more processors may associate a set of instructions for executing the software or algorithm to provide network configuration information management functions of the network access device 102 according to the embodiments described in the present disclosure.

[0388] Software and computer programs (which may also be referred to as programs, software applications, applications, components or code) include machine instructions for a programmable processor and may be implemented in a high-level procedural language, an object-oriented programming language, a functional programming language, a logic programming language, or an assembly language or a machine language. The term "computer-readable medium" refers to any computer program product, apparatus or device for providing machine instructions or data to a programmable data processor, such as magnetic disks, optical disks, solid-state storage devices, memories and programmable logic devices (PLDs), including computer-readable media that receive machine instructions as computer-readable signals.

[0389] For example, computer readable media may include dynamic random access memory (DRAM), random access memory (RAM), read-only memory (ROM), electrically erasable read-only memory (EEPROM), compact disk read-only memory (CD-ROM) or other optical disk storage devices, magnetic disk storage devices or other magnetic storage devices, or any other medium that can be used to carry or store the desired computer readable program code in the form of instructions or data structures and can be accessed by a general or special purpose computer or a general or special purpose processor. As used herein, disks or discs include compact disks (CDs), laser discs, optical discs, digital versatile discs (DVDs), floppy disks, and Blu-ray discs, where disks typically reproduce data magnetically, while discs reproduce data optically by lasers. Combinations of the above are also included within the scope of computer readable media.

[0390] In the description of this specification, the description with reference to the terms "some embodiments", "a specific implementation", "a specific implementation process", "an example", etc. means that the specific features, structures, materials or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present disclosure. In this specification, the schematic expressions of the above terms corresponding to the specific features, structures, materials or characteristics described can be combined in any one or more embodiments or examples in an appropriate manner.

[0391] It should also be noted that the above-mentioned embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments, that is, the technical solutions disclosed in the later (order of sequence recorded in the text) embodiments should include the technical solutions recorded in the embodiment and the technical solutions recorded in all embodiments before the embodiment.

[0392] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present disclosure, rather than to limit them. Although the present disclosure has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein by equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present disclosure.

Claims

1. An electronic device, characterized in that: include: A memory storing instructions; The processor is configured to execute the instructions in the memory so that the electronic device performs the following operations: Acquire at least one module of an initial interface, wherein the initial interface can generate a target interface through configuration; Obtaining a first configuration command, where the first configuration command instructs to associate a corresponding module with the target object; Determine the type of the module pointed to by the first configuration command, the type being one of a plurality of module types; wherein different types of modules load different UI elements for the same target object, and the loaded UI elements differ according to the module type and characteristics of the target object; Based on the association between module type and target object, specific UI elements suitable for its module type and target object are loaded in each module, so that users can operate the target object or view its status more conveniently; Generates a target interface based on each module associated with the target object.

2. The electronic device according to claim 1, characterized in that: The processor is further configured to execute instructions in the memory so that the electronic device performs the following operations: A terminal device is connected to a configuration device that has configuration authority for an electronic device through a predetermined boot operation, and the configuration device is capable of receiving user input on a configuration interface of the electronic device through the terminal device; the target object is an object selected from a plurality of preset objects through the configuration interface of the electronic device based on the user input.

3. The electronic device according to claim 2, characterized in that: The processor obtains at least one module of the initial interface, specifically for: Receiving an add interface command issued by a configuration device, where the add interface command is generated by the configuration device in response to a first user input; Generate an initial interface according to the add interface command, wherein the initial interface is a blank interface without any module; receiving a region division command issued by a configuration device, wherein the region division command is generated by the configuration device according to a selected module example; the module example is a module example selected from a plurality of selectable module examples displayed in a selection interface of a module type after the configuration device receives a second user input on the configuration interface through the terminal device, wherein each module example represents a specific module type; According to the area division command, a module of a type corresponding to the module example is generated at a designated position of the initial interface, thereby dividing an independent area on the initial interface to obtain a module of the initial interface.

4. The electronic device according to claim 3, characterized in that: The modules of the target interface are added one by one in sequence; among them, different types of modules may differ in size and / or shape. On the initial interface, each time a module is added, an independent area will be divided for it, so that the user can customize the target interface by adding modules one by one, so that the initial interface is gradually divided into different functional areas.

5. The electronic device according to any one of claims 2 to 4, characterized in that: The UI elements include controls; wherein different types of modules load controls of different types, quantities and / or layouts for the same target object; Based on the association between the module type and the target object, the processor loads specific UI elements in each module that are suitable for its module type and target object. Specifically, it is used to: Controls suitable for its module type and target object are loaded in each module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

6. The electronic device according to claim 5, characterized in that: The processor loads controls in each module that are compatible with its module type and target object, specifically for: Determine the object type to which the target object indicated by the first configuration command belongs; the object type includes at least one of a switch, a device, and a scene; Wherein, when it is determined that the first configuration command indicates that the corresponding module is associated with a switch, at least one switch control of the switch is applied in the corresponding module; the switch is electrically connected to the processor, used to connect a circuit and control the circuit; and has: an on state, used to connect the circuit; and an off state, used to disconnect the circuit; When it is determined that the first configuration command indicates that the corresponding module is associated with a device, at least one function control of the device is applied in the module, each function control is used to trigger at least one function item of the device; the device belongs to one of multiple preset objects; and / or, When it is determined that the first configuration command indicates that the corresponding module is associated with a scene, at least one identification control of the scene is applied in the corresponding module; the scene belongs to one of a plurality of preset objects. After at least one switch control is applied in the module, the processor is further configured to execute instructions in the memory so that the electronic device performs the following operations: If at least one switch control is applied in the module, then in response to at least one trigger signal brought about by the manipulation of the switch control, the on state and the off state of the switch are switched; If at least one functional control is applied in the module, then in response to at least one trigger signal brought about by the control operation of any functional control in the module, a control message is generated and sent out to the outside, so that: the control result pointed to by the control message can be executed by the corresponding controlled device; and / or, If at least one identification control is applied in the module, then in response to at least one trigger signal brought about by the control operation of the identification control, a third control message is generated and sent out, so that: the configuration device can receive the third control message, and control the execution of the corresponding smart scene based on the third control message; the smart scene is pre-defined by the user through the terminal device and stored in the configuration device.

7. A method for generating a target interface, characterized in that: include: Acquire at least one module of an initial interface, wherein the initial interface can generate a target interface through configuration; Obtaining a first configuration command, wherein the first configuration command instructs to associate a corresponding module with a target object; Determine the type of the module pointed to by the first configuration command, the type being one of a plurality of module types; wherein different types of modules load different UI elements for the same target object, and the loaded UI elements differ according to the module type and characteristics of the target object; Based on the association between module type and target object, specific UI elements suitable for its module type and target object are loaded in each module, so that users can operate the target object or view its status more conveniently; Generates a target interface based on each module associated with the target object.

8. The method according to claim 7, characterized in that Before acquiring at least one module of the initial interface, the method further includes: Connecting the electronic device to a configuration device having configuration authority for the electronic device through a predetermined boot operation of a terminal device, wherein the configuration device can receive user input on a configuration interface of the electronic device through the terminal device; The target object is an object selected from a plurality of preset objects through a configuration interface of the electronic device based on user input.

9. The method according to claim 8, characterized in that The at least one module for obtaining the initial interface specifically includes: Receiving an add interface command issued by a configuration device, where the add interface command is generated by the configuration device in response to a first user input; Generate an initial interface according to the add interface command, wherein the initial interface is a blank interface without any module; receiving a region division command issued by a configuration device, wherein the region division command is generated by the configuration device according to a selected module example; the module example is a module example selected from a plurality of selectable module examples displayed in a selection interface of a module type after the configuration device receives a second user input on the configuration interface through the terminal device, wherein each module example represents a specific module type; According to the area division command, a module of a type corresponding to the module example is generated at a designated position of the initial interface, thereby dividing an independent area on the initial interface to obtain a module of the initial interface.

10. The method according to claim 9, characterized in that The modules of the target interface are added one by one in sequence; among them, different types of modules may differ in size and / or shape. On the initial interface, each time a module is added, an independent area will be divided for it, so that the user can customize the target interface by adding modules one by one, so that the initial interface is gradually divided into different functional areas.

11. The method according to any one of claims 8 to 10, characterized in that: The UI elements include controls; wherein different types of modules load controls of different types, quantities and / or layouts for the same target object; The specific UI elements adapted to the module type and the target object are loaded in each module based on the association relationship between the module type and the target object, specifically including: Controls suitable for its module type and target object are loaded in each module to achieve the association between the corresponding module and the target object, so that for the same target object, different types of modules can display controls of different types, quantities and / or layouts.

12. The method according to claim 11, characterized in that The aforementioned loading of controls in each module that are suitable for its module type and target object specifically includes: Determine the object type to which the target object indicated by the first configuration command belongs; the object type includes at least one of a switch, a device, and a scene; When it is determined that the first configuration command indicates that the corresponding module is associated with a switch, at least one switch control of the switch is applied in the corresponding module; wherein the switch is used to connect a circuit and control the circuit, and has: an on state for connecting the circuit; and an off state for disconnecting the circuit; When it is determined that the first configuration command indicates that the corresponding module is associated with a device, at least one function control of the device is applied in the module, each function control is used to trigger at least one function item of the device; the device belongs to one of multiple preset objects; and / or, When it is determined that the first configuration command indicates that the corresponding module is associated with a scene, at least one identification control of the scene is applied in the corresponding module; the scene belongs to one of the plurality of preset objects; After applying at least one control in the module, the method further includes: If at least one switch control is applied in the module, then in response to at least one trigger signal brought about by the manipulation of the switch control, the on state and the off state of the switch are switched; If at least one functional control is applied in the module, then in response to at least one trigger signal brought about by the control operation of any functional control in the module, a control message is generated and sent out to the outside, so that: The control result pointed to by the control message can be executed by the corresponding controlled device; and / or, If at least one identification control is applied in the module, a third control message is generated and sent out in response to at least one trigger signal brought about by the control operation of the identification control, so that: the configuration device can receive the third control message and control the corresponding smart scene to be executed based on the third control message; The smart scene is pre-defined by a user through a terminal device and then stored in a configuration device.

Citation Information

Cited By

  • Interface generation method, computing device, storage medium and computer program product

    CN121401662A