CN113625908B - Interface display method, device and equipment of application program and storage medium - Google Patents
Interface display method, device and equipment of application program and storage medium Download PDFInfo
- Publication number
- CN113625908B CN113625908B CN202110845684.5A CN202110845684A CN113625908B CN 113625908 B CN113625908 B CN 113625908B CN 202110845684 A CN202110845684 A CN 202110845684A CN 113625908 B CN113625908 B CN 113625908B
- Authority
- CN
- China
- Prior art keywords
- interface
- icon
- target
- application program
- intelligent
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 claims description 38
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 claims description 34
- 238000004891 communication Methods 0.000 claims description 15
- 239000002245 particle Substances 0.000 claims description 12
- 238000003860 storage Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- -1 wind Substances 0.000 claims 1
- 238000005406 washing Methods 0.000 description 21
- 238000013461 design Methods 0.000 description 15
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 238000010411 cooking Methods 0.000 description 7
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 6
- 241000209094 Oryza Species 0.000 description 6
- 235000007164 Oryza sativa Nutrition 0.000 description 6
- 235000009566 rice Nutrition 0.000 description 6
- 238000004659 sterilization and disinfection Methods 0.000 description 6
- 229920000742 Cotton Polymers 0.000 description 5
- 238000004140 cleaning Methods 0.000 description 5
- 239000000428 dust Substances 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 238000010438 heat treatment Methods 0.000 description 4
- 235000021395 porridge Nutrition 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000001035 drying Methods 0.000 description 3
- 230000007613 environmental effect Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000010025 steaming Methods 0.000 description 3
- 230000001954 sterilising effect Effects 0.000 description 3
- 229910052799 carbon Inorganic materials 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 239000012528 membrane Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000001223 reverse osmosis Methods 0.000 description 2
- 235000014347 soups Nutrition 0.000 description 2
- 238000007664 blowing Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000018044 dehydration Effects 0.000 description 1
- 238000006297 dehydration reaction Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 239000006260 foam Substances 0.000 description 1
- 235000012055 fruits and vegetables Nutrition 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000007935 neutral effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000005057 refrigeration Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 239000010981 turquoise Substances 0.000 description 1
- 238000009423 ventilation Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to an interface display method, a device, equipment and a storage medium of an application program, wherein the application program and at least one intelligent device are in communication connection, and each intelligent device corresponds to an icon on the interface of the application program; the interface display method of the application program comprises the following steps: determining the target category of the intelligent equipment according to a preset classification rule; determining a target element corresponding to the target category; and according to the target element, the icon associated with the intelligent equipment and/or the interface corresponding to the icon are adjusted. The method and the device are used for solving the problems of interface design disorder and poor user experience caused by the fact that icon design ideas of all intelligent household devices in an application program are not uniform in the prior art.
Description
Technical Field
The present application relates to the field of graphical user interfaces, and in particular, to a method, an apparatus, a device, and a storage medium for displaying an interface of an application program.
Background
Along with the popularization of intelligent household equipment, more and more intelligent household equipment enters the life of people, and the intelligent household equipment can enable a user to realize intelligent and remote control and is popular with the user.
When the intelligent home equipment is managed, the application program can be utilized to manage all the intelligent home equipment in the same local area network, icons of all the intelligent home equipment are displayed on an application program interface, any intelligent home equipment can be controlled as required, for example: checking or controlling the running state of the intelligent home equipment, and the like.
However, icon design of intelligent home equipment in the current application program is complicated, design ideas are not uniform, interface design is disordered, and user experience is poor.
Disclosure of Invention
The application provides an interface display method, device, equipment and storage medium of an application program, which are used for solving the problems of interface design disorder and poor user experience caused by the fact that icon design ideas of various intelligent home equipment in the application program are not uniform in the prior art.
In a first aspect, an embodiment of the present application provides an interface display method for an application, where the application establishes a communication connection with at least one intelligent device, and each intelligent device corresponds to an icon on an interface of the application; the interface display method of the application program comprises the following steps:
Determining the target category of the intelligent equipment according to a preset classification rule;
determining a target element corresponding to the target category;
and according to the target element, the icon associated with the intelligent equipment and/or the interface corresponding to the icon are adjusted.
Optionally, when the target element includes: color time;
determining a target element corresponding to the target category, including:
determining a color system corresponding to the target category;
from the color system, a target color is selected.
Optionally, when the target element includes: color and feature element time; the characteristic elements are used for representing the characteristics of the intelligent equipment in working;
determining a target element corresponding to the target category, including:
determining a color system corresponding to the target category;
Selecting a target color from the color system;
and determining characteristic elements corresponding to the target category.
Optionally, the determining the feature element corresponding to the target category includes:
acquiring a current working mode of the intelligent equipment;
And determining characteristic elements corresponding to the target category and the working mode.
Optionally, the adjusting, according to the target element, the icon associated with the smart device and/or an interface corresponding to the icon includes:
And adjusting the icon associated with the intelligent equipment and/or the color of the interface corresponding to the icon to the color corresponding to the working mode.
Optionally, the adjusting, according to the target element, the icon associated with the smart device and/or an interface corresponding to the icon includes:
Adjusting the icon associated with the intelligent device and/or the color of the interface corresponding to the icon to the color corresponding to the working mode;
and displaying the characteristic elements on the icon associated with the intelligent equipment and/or an interface corresponding to the icon.
Optionally, the selecting a target color from the color system includes:
acquiring a current working mode of the intelligent equipment;
and selecting one target color corresponding to the working mode from the color system.
Optionally, the feature elements include: water, wind, a combination of water and air bubbles, particles or a combination of air bubbles, wind and particles.
Optionally, the preset classification rule is formulated according to the characteristics of the intelligent device during working.
In a second aspect, an embodiment of the present application provides an interface display apparatus for an application, where the application establishes a communication connection with at least one intelligent device, and each intelligent device corresponds to an icon on an interface of the application; the interface display device of the application program comprises:
The first determining module is used for determining the target category of the intelligent equipment according to a preset classification rule;
the second determining module is used for determining target elements corresponding to the target categories;
and the adjustment module is used for adjusting the icon associated with the intelligent equipment and/or the interface corresponding to the icon according to the target element.
In a third aspect, an embodiment of the present application provides an electronic device, including: the device comprises a processor, a memory and a communication bus, wherein the processor and the memory are communicated with each other through the communication bus;
the memory is used for storing a computer program;
The processor is configured to execute the program stored in the memory, and implement the interface display method of the application program according to the first aspect.
In a fourth aspect, an embodiment of the present application provides a computer readable storage medium storing a computer program, where the computer program when executed by a processor implements the interface display method of the application program in the first aspect.
Compared with the prior art, the technical scheme provided by the embodiment of the application has the following advantages: according to the method provided by the embodiment of the application, the target class of the intelligent equipment is determined according to the preset classification rule, the target element is determined according to the target class to which the intelligent equipment belongs, and the icon associated with the intelligent equipment and/or the interface corresponding to the icon are adjusted according to the target element. When the graphical user interface is designed, the icon and/or the interface corresponding to the icon are adjusted according to the target category to which the intelligent device belongs, so that the icon of the intelligent device and/or the design of the interface corresponding to the icon are more fit with the category characteristics of the intelligent device, the design specification is uniform, more visual, and the user experience is good.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.
In order to more clearly illustrate the embodiments of the invention or the technical solutions of the prior art, the drawings which are used in the description of the embodiments or the prior art will be briefly described, and it will be obvious to a person skilled in the art that other drawings can be obtained from these drawings without inventive effort.
Fig. 1 is a schematic diagram of an application program interface on an intelligent terminal according to an embodiment of the present application;
Fig. 2 is a flow chart of an interface display method of an application according to an embodiment of the present application;
FIG. 3a is a schematic diagram of an operation interface of a water purifier according to an embodiment of the present application;
Fig. 3b is a schematic diagram of an operation interface of an air conditioner according to an embodiment of the present application;
FIG. 3c is a schematic diagram of an operation interface of a washing machine according to an embodiment of the present application;
FIG. 3d is a schematic diagram of an operation interface of the air purifier according to the embodiment of the present application;
Fig. 3e is a schematic diagram of an operation interface of the electric cooker according to the embodiment of the present application;
Fig. 4 is a schematic structural diagram of an interface display device of an application according to an embodiment of the present application;
Fig. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments of the present application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
In order to solve the problems of disorder interface design and poor user experience caused by non-uniform icon design ideas of various intelligent home devices in an application program in the prior art, as shown in fig. 1, an embodiment of the present application provides an interface display method of an application program, where the application program is run on any intelligent terminal 101, for example: a mobile phone, a tablet computer, a computer, or the like, the application program establishes a communication connection with at least one smart device, for example: the intelligent device includes: air conditioner, TV, washing machine, dish washer, electric rice cooker, electric heater, air purifier, humidifier, dehumidifier, dust catcher, purifier, steaming and baking dual-purpose machine or sterilizer etc. in the application program, each intelligent device corresponds an icon 102 on the interface of application program. As shown in fig. 2, the method for displaying an interface of an application program according to the embodiment of the present application includes:
step 201, determining a target category to which the intelligent device belongs according to a preset classification rule;
The classification rules are preset and formulated according to the characteristics of the intelligent equipment during working, for example: smart devices such as water or wind will be used, such as: as one type, intelligent devices with functions of washing, refrigeration, blowing, water production, etc., will need to be heated, for example: intelligent equipment (such as kitchen electric intelligent equipment) related to drying, stewing and the like is taken as one type; the intelligent equipment used under the conditions of green environmental protection, sterilization, disinfection and the like, such as: intelligent devices such as air cleaners, dust collectors or fresh air blowers are one class. The intelligent devices are classified into different categories according to their operating characteristics. In addition, during specific classification, the current working mode of the intelligent device can be obtained, and the target class is determined by combining the current working mode of the intelligent device, for example: in most cases, the washing machine is mainly operated in a washing mode, in which the washing machine can be classified into a type of intelligent device using water, and in a self-drying mode, the washing machine can be classified into a type of intelligent device requiring heating.
In addition, it should be noted that the categories to which the intelligent devices belong may also be classified according to other classification rules.
Step 202, determining a target element corresponding to a target category;
specifically, when the target element is a color, determining a color system corresponding to the target category; from the color system, a target color is selected.
When the target element is a color and a characteristic element, determining a color system corresponding to the target category; selecting a target color from the color system; determining characteristic elements corresponding to the target category; the characteristic elements are used for representing the characteristics of the intelligent equipment in operation.
The color system may be divided into a plurality of color systems as needed, and if the number of the intelligent devices is small, the intelligent devices may be divided into a cold color system and a warm color system, and if the number of the intelligent devices is large, the intelligent devices may be divided into a red color system, an orange color system, a yellow color system, a green color system, a blue color system, a violet color system, and the like. For the intelligent device icons and/or interfaces corresponding to the icons belonging to the same target class, the same style is designed, and when the icons and/or interfaces corresponding to the icons are designed, the same color in the same color system is used or the same color is used.
In specific implementation, the correspondence between the target class to which the intelligent device belongs and the color system is stored in advance, for example: for intelligent equipment such as water or wind, a cold color system is used, and for intelligent equipment needing heating, a warm color system is used; for intelligent equipment used under the conditions of environmental protection, sterilization, disinfection and the like, a neutral color system is used. In addition, the color system may be divided as follows: for intelligent devices such as water or wind, a blue color system is used, for intelligent devices requiring heating, a red color system or an orange color system is used, and for intelligent devices used under the conditions of environmental protection, sterilization, disinfection and the like, a green color system is used.
In addition, when the target color is determined, the working mode of the intelligent device can be combined, and specifically, the current working mode of the intelligent device can be obtained; from the color system, one target color corresponding to the operation mode is selected.
When the target type and the working mode of the intelligent equipment are determined, the corresponding color is determined according to the target type and the working mode of the intelligent equipment.
For example, taking a washing machine as an example, when the washing machine mainly uses water during operation, a blue color system is configured for an icon or an interface of the washing machine in advance, when the washing machine is in a fast washing mode, a light blue color is adopted for representation, and for a self-cleaning mode, a blue-green color mark can be adopted. Further, by way of example, the rice cooker is shown with orange for the rice steaming mode, yellow for the porridge cooking mode, and turquoise for the soup cooking mode.
When determining the characteristic elements corresponding to the target categories, the characteristic elements can be determined according to the target categories, specifically, the corresponding relations between different target categories and the characteristic elements are stored in advance, and after determining the target categories of the intelligent equipment, the corresponding characteristic elements are obtained according to the target categories.
In addition, the characteristic elements can be determined according to the working mode of the intelligent device, specifically, the corresponding relations between different working modes and the characteristic elements are stored in advance, and after the working mode of the intelligent device is determined, the corresponding characteristic elements are obtained according to the working mode.
Wherein, for the characteristic elements, the method comprises the following steps: water, wind, a combination of water and air bubbles, particles or a combination of air bubbles, wind and particles.
In addition, it should be noted that each intelligent device has at least one working mode when working, for example, a washing machine, a normal washing mode, a quick washing mode, a self-cleaning mode, a single dehydration mode, a self-drying mode and other working modes, for example, a dish washer, a quick washing mode, a fruit and vegetable washing mode, a self-cleaning mode and other working modes, and for electric rice cooker, a rice cooking mode, a porridge cooking mode, a soup cooking mode and other working modes; the current mode of operation for the smart device is one of the modes of operation described above.
In the embodiment of the application, the color and the characteristic elements can represent the characteristics of the intelligent equipment in working, more highlight the characteristics of products, more fit the use scene of the intelligent equipment, unify the design specification of the interface, have better user experience, and can know the working characteristics of the intelligent equipment through the characteristic elements of the interface for users, thus being more visual.
In order to facilitate understanding of the scheme of displaying feature elements on icons or interfaces of icons provided by the embodiments of the present application, the description is made with reference to fig. 3a to 3 e.
When the intelligent equipment takes water as a working medium in the working process, determining that the characteristic element is water; for example, as shown in fig. 3a, when the smart device is a water purifier, a humidifier or a dehumidifier, the characteristic element is water; the intelligent equipment such as the water purifier, the humidifier or the dehumidifier mainly takes water as a working medium, so that for the equipment, the selected characteristic element is water, the product characteristics of the intelligent equipment can be reflected, when a user sees the interface shown in fig. 3a, the intelligent equipment can be known to take water as the main working medium, and the working characteristics of the intelligent equipment are more visual and fully displayed.
In the concrete implementation, besides the characteristic elements corresponding to the intelligent equipment are displayed on the interface of the icon, the working parameters of the intelligent equipment in the working mode can be obtained; and displaying the working parameters on an interface template of the preset icon. Taking a water purifier as an example, the working parameters displayed on the interface of the icon of the water purifier are as follows: the water yield and the use condition of each component in the water purifier are present today, for example: the use of PP cotton (also known as doll cotton, hollow cotton or wadding cotton), the use of activated carbon, the use of reverse osmosis membrane and the use of carbon rod filter elements, for example, the interface of the icon on the water purifier shows that the today water intake 18l, the PP cotton is 47%, the activated carbon is 25%, the reverse osmosis membrane is 78% and the carbon rod filter element is 35%. The user can know the life of each part in time according to the service condition of each part to in time change the part, guarantee intelligent device normal operating.
When the intelligent equipment takes wind as a working medium in the working process, determining that the characteristic elements are wind; for example, as shown in fig. 3b, when the smart device is an air conditioner, a fan or an electric heater, the characteristic element is wind; for intelligent devices such as air conditioners, fans or electric heaters, the main purpose is air outlet, and for the intelligent devices, the determined characteristic element is air, and as shown in fig. 3b, when a user sees the air displayed on the interface of the intelligent device, the user can know that the intelligent device uses the air as a main working medium.
When the method is specifically implemented, the current working mode and the wind gear can be displayed on the interface of the intelligent equipment, such as: at present, an air conditioner works in a refrigerating mode of a high-speed wind shield; control buttons may also be displayed on the interface, such as: a switch button, a working mode switching button, a wind speed adjusting button, a sleep mode control key and an advanced setting working key, for controlling the air conditioner.
When the intelligent equipment is in the working process, rotation and washing conditions exist, and characteristic elements are determined to be water and bubbles; for example, as shown in fig. 3c, when the smart device is a washing machine or a dishwasher, the characteristic elements are water and bubbles; when intelligent equipment such as a washing machine or a dish washer works, water is mainly used as a working medium for washing, foam is generated to realize cleaning, and the intelligent equipment is characterized in that water and air bubbles are used as characteristic elements; the operating characteristics of the smart device can be understood when the user sees water and air bubbles through the interface shown in fig. 3 c.
When the method is specifically implemented, the current working mode and the required residual duration can be displayed on the interface of the intelligent equipment; control buttons may also be displayed on the interface, such as: a switch button, an operation mode switching button, a setting button and a timing button.
When the intelligent equipment is in the working process and aims at dust removal or ventilation, determining characteristic elements as particles; for example, as shown in fig. 3d, when the smart device is an air cleaner, a dust collector, or a fresh air blower, the feature elements are particles; for intelligent devices such as an air purifier, a dust collector or a fresh air fan, the purpose of cleaning dirt such as particulate matters is mainly to be achieved, then the particles are taken as characteristic elements, and when a user sees the particles through an interface shown in fig. 3d, the working characteristics of the intelligent device can be known.
When the method is specifically implemented, the current working parameters can be displayed on the interface of the intelligent equipment, and control buttons can be displayed on the interface, such as: a switch button, a mode switching button, a timer button, etc. Taking the air purifier as an example, the operating parameters displayed on the interface of the icon of the air purifier are: the current air cleaner has a wind speed of 3, an index of PM2.5 in the current room of 20, and so on.
When the intelligent device is in the working process and takes heating as the working purpose, the characteristic elements are determined to be bubbles, for example, as shown in fig. 3e, when the intelligent device is an electric cooker, an electric pressure cooker or a steaming and baking dual-energy machine, the characteristic elements are bubbles.
When in specific implementation, the current working mode and the required time can be displayed on the interface of the intelligent device, such as: at present, the electric rice cooker works in a porridge cooking mode, and the porridge cooking needs 40 minutes. In addition, control buttons may also be displayed on the interface, such as: mode switch button, setting button, reservation button and menu button, wherein, can acquire the menu of prestore through the menu button, for the user to consult the study.
In a specific implementation, large bubbles (also referred to as energy balls) may be utilized as a host design, and for smart devices that are used more frequently, the larger the large bubbles in the interface of the icon may be. The characteristic elements may be displayed on large bubbles as in fig. 3 a-3 e.
In addition, in fig. 3a to 3e, part of the content of the interface display of each icon is exemplarily shown, and in specific implementation, different interface display contents may be designed according to needs.
And 203, adjusting the icon associated with the intelligent device and/or the interface corresponding to the icon according to the target element.
Specifically, when the target element is color, the color of the icon related to the intelligent device and/or the color of the interface corresponding to the icon is adjusted to the color corresponding to the working mode.
When the target element is a color and a characteristic element, adjusting the color of the icon associated with the intelligent device and/or the color of the interface corresponding to the icon to the color corresponding to the working mode; and displaying the characteristic elements on the icon associated with the intelligent device and/or the interface corresponding to the icon.
In the embodiment of the application, the target element is determined according to the target category to which the intelligent device belongs, and the icon associated with the intelligent device and/or the interface corresponding to the icon are adjusted according to the target element. When the graphical user interface is designed, the icon and/or the interface corresponding to the icon are adjusted according to the target category to which the intelligent device belongs, so that the design of the icon and/or the interface corresponding to the icon of the intelligent device is more fit with the category characteristics of the intelligent device, the design specification is uniform, more visual and good in user experience.
Based on the same conception, the embodiment of the application provides an interface display device of an application program, wherein the application program is in communication connection with at least one intelligent device, and each intelligent device corresponds to an icon on the interface of the application program; the specific implementation of the apparatus may be referred to the description of the embodiment part of the method, and the repetition is omitted, as shown in fig. 4, where the apparatus mainly includes:
A first determining module 401, configured to determine, according to a preset classification rule, a target class to which the intelligent device belongs; the preset classification rules are formulated according to the characteristics of the intelligent equipment during working.
A second determining module 402, configured to determine a target element corresponding to the target category;
And the adjustment module 403 is configured to adjust, according to the target element, an icon associated with the intelligent device and/or an interface corresponding to the icon.
In the embodiment of the application, the target element is determined according to the target category to which the intelligent device belongs, and the icon associated with the intelligent device and/or the interface corresponding to the icon are adjusted according to the target element. When the graphical user interface is designed, the icon and/or the interface corresponding to the icon are adjusted according to the target category to which the intelligent device belongs, so that the design of the icon and/or the interface corresponding to the icon of the intelligent device is more fit with the category characteristics of the intelligent device, the design specification is uniform, more visual and good in user experience.
In a specific embodiment, the second determining module 402 is configured to determine, when the target element is a color, a color system corresponding to the target class; selecting a target color from the color system; or for determining a color system corresponding to the target category when the target element is a color and feature element; selecting a target color from the color system; determining characteristic elements corresponding to the target category; the characteristic elements are used for representing the characteristics of the intelligent equipment in working; the characteristic elements include: water, wind, a combination of water and air bubbles, particles or a combination of air bubbles, wind and particles.
In a specific embodiment, the second determining module 402 is configured to obtain a current operation mode of the smart device; from the color system, one target color corresponding to the operation mode is selected.
In a specific embodiment, the second determining module 402 is configured to obtain a current operation mode of the smart device; feature elements corresponding to the target class and the operating mode are determined.
In a specific embodiment, the adjustment module 403 is configured to adjust a color of an icon associated with the smart device and/or an interface corresponding to the icon to a color corresponding to the operation mode; or adjusting the color of the icon associated with the intelligent device and/or the interface corresponding to the icon to the color corresponding to the working mode; and displaying the characteristic elements on the icon associated with the intelligent device and/or the interface corresponding to the icon.
Based on the same conception, the embodiment of the application also provides an electronic device, as shown in fig. 5, which mainly comprises: processor 501, memory 502 and communication bus 503, wherein processor 501 and memory 502 accomplish the communication between each other through communication bus 503. The memory 502 stores a program executable by the processor 501, and the processor 501 executes the program stored in the memory 502 to implement the following steps:
determining the target category of the intelligent equipment according to a preset classification rule;
determining a target element corresponding to the target category;
and according to the target element, the icon associated with the intelligent equipment and/or the interface corresponding to the icon are adjusted.
The communication bus 503 mentioned in the above electronic device may be a peripheral component interconnect standard (PERIPHERAL COMPONENT INTERCONNECT, abbreviated as PCI) bus or an extended industry standard architecture (Extended Industry Standard Architecture, abbreviated as EISA) bus, or the like. The communication bus 503 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown in fig. 5, but not only one bus or one type of bus.
The memory 502 may include random access memory (Random Access Memory, RAM) or may include non-volatile memory (nonvolatile memory), such as at least one disk memory. Optionally, the memory may also be at least one memory device located remotely from the aforementioned processor 501.
The processor 501 may be a general-purpose processor, including a central Processing unit (Central Processing Unit, CPU), a network processor (Network Processor, NP), a digital signal processor (DIGITAL SIGNAL Processing, DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable gate array (FPGA) or other Programmable logic device, discrete gate or transistor logic device, or discrete hardware components.
In still another embodiment of the present application, there is also provided a computer-readable storage medium having stored therein a computer program which, when run on a computer, causes the computer to execute the interface display method of an application program described in the above embodiment.
In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the processes or functions described in accordance with embodiments of the present application are produced in whole or in part. The computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable apparatus. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, by a wired (e.g., coaxial cable, optical fiber, digital Subscriber Line (DSL)), or wireless (e.g., infrared, microwave, etc.) means from one website, computer, server, or data center to another. The computer readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that contains an integration of one or more available media. The usable medium may be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape, etc.), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid state disk), etc.
It should be noted that in this document, relational terms such as "first" and "second" and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The foregoing is only a specific embodiment of the invention to enable those skilled in the art to understand or practice the invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (9)
1. An interface display method of an application program is characterized in that the application program establishes communication connection with at least one intelligent device, and each intelligent device corresponds to an icon on the interface of the application program; the interface display method of the application program comprises the following steps:
determining a target category to which the intelligent equipment belongs according to a preset classification rule, wherein the preset classification rule is formulated according to the characteristics of the intelligent equipment when in operation;
determining a target element corresponding to the target category, wherein the target element comprises a color system corresponding to the target category and a characteristic element corresponding to the target category, and the characteristic element is used for representing the characteristic of the intelligent equipment in working;
and according to the target element, the icon associated with the intelligent equipment and/or the interface corresponding to the icon are adjusted.
2. The interface display method of an application program according to claim 1, wherein the determining a target element corresponding to the target category, wherein the target element includes a color system corresponding to the target category and a feature element corresponding to the target category, includes:
acquiring a current working mode of the intelligent equipment;
And determining characteristic elements corresponding to the target category and the working mode.
3. The method for displaying an interface of an application according to claim 2, wherein the adjusting the icon associated with the smart device and/or the interface corresponding to the icon according to the target element includes:
And adjusting the icon associated with the intelligent equipment and/or the color of the interface corresponding to the icon to the color corresponding to the working mode.
4. The method for displaying an interface of an application according to claim 2, wherein the adjusting the icon associated with the smart device and/or the interface corresponding to the icon according to the target element includes:
Adjusting the icon associated with the intelligent device and/or the color of the interface corresponding to the icon to the color corresponding to the working mode;
and displaying the characteristic elements on the icon associated with the intelligent equipment and/or an interface corresponding to the icon.
5. The interface display method of an application program according to any one of claims 2 to 4, further comprising:
acquiring a current working mode of the intelligent equipment;
and selecting one target color corresponding to the working mode from the color system.
6. The interface display method of an application program according to claim 1 or 2 or 4, wherein the feature elements include any one of: water, wind, particles, bubbles, a combination of water and bubbles, a combination of wind and particles.
7. An interface display device of an application program is characterized in that the application program establishes communication connection with at least one intelligent device, and each intelligent device corresponds to an icon on an interface of the application program; the interface display device of the application program comprises:
The first determining module is used for determining the target category to which the intelligent equipment belongs according to a preset classification rule, wherein the preset classification rule is formulated according to the characteristics of the intelligent equipment during working;
the second determining module is used for determining target elements corresponding to the target category, wherein the target elements comprise a color system corresponding to the target category and characteristic elements corresponding to the target category, and the characteristic elements are used for representing the characteristics of the intelligent equipment in working;
and the adjustment module is used for adjusting the icon associated with the intelligent equipment and/or the interface corresponding to the icon according to the target element.
8. An electronic device, comprising: the device comprises a processor, a memory and a communication bus, wherein the processor and the memory are communicated with each other through the communication bus;
the memory is used for storing a computer program;
the processor is configured to execute the program stored in the memory, and implement the interface display method of the application program according to any one of claims 1 to 6.
9. A computer-readable storage medium storing a computer program, wherein the computer program when executed by a processor implements the interface display method of the application program according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110845684.5A CN113625908B (en) | 2021-07-26 | 2021-07-26 | Interface display method, device and equipment of application program and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110845684.5A CN113625908B (en) | 2021-07-26 | 2021-07-26 | Interface display method, device and equipment of application program and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113625908A CN113625908A (en) | 2021-11-09 |
| CN113625908B true CN113625908B (en) | 2024-10-15 |
Family
ID=78380917
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110845684.5A Active CN113625908B (en) | 2021-07-26 | 2021-07-26 | Interface display method, device and equipment of application program and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113625908B (en) |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9922580B2 (en) * | 2013-04-30 | 2018-03-20 | Google Llc | Apparatus and method for the virtual demonstration of a smart phone controlled smart home using a website |
| CN106855797A (en) * | 2015-12-09 | 2017-06-16 | 阿里巴巴集团控股有限公司 | The method to set up and device of a kind of interface element color |
| CN109117039B (en) * | 2018-07-19 | 2020-11-03 | 珠海格力电器股份有限公司 | Display method and terminal equipment |
| CN111752443B (en) * | 2019-03-28 | 2024-07-23 | 华为技术有限公司 | Method, related device and system for controlling page of display equipment |
| CN110377197A (en) * | 2019-07-23 | 2019-10-25 | 珠海格力电器股份有限公司 | Control method and device of electrical equipment, storage medium and processor |
| CN110688179B (en) * | 2019-08-30 | 2021-02-12 | 华为技术有限公司 | Display method and terminal equipment |
-
2021
- 2021-07-26 CN CN202110845684.5A patent/CN113625908B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN113625908A (en) | 2021-11-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106647304A (en) | Household electrical appliance linkage control method, household electrical appliance, server, and system | |
| US10313147B2 (en) | System and method for controlling an electronic device | |
| CN106953785A (en) | Intelligent home device adding method and device | |
| CN108508755A (en) | Smart home device configuration method and intelligent domestic system | |
| CN107204902A (en) | Intelligent domestic system and its control method, Centralized Controller | |
| CN108490896A (en) | Appliances equipment control method, household appliance and storage medium | |
| KR20200094714A (en) | Method for controlling standby power using mobile terminal | |
| CN107204904A (en) | The control method of smart home, Centralized Controller, intelligent domestic system | |
| CN114110783B (en) | Cabinet air conditioner, control method, electronic equipment and storage medium | |
| CN112902379A (en) | Air conditioning equipment control method and device, electronic equipment and storage medium | |
| CN109188921A (en) | Control method of the refrigerator as household electrical appliance terminal | |
| WO2018163022A1 (en) | Cooker hood and household interconnection control method based on cooker hood | |
| CN110736230B (en) | Air conditioner control method and device and air conditioner control system | |
| CN113625908B (en) | Interface display method, device and equipment of application program and storage medium | |
| CN109829360A (en) | Electrical equipment control method, device, electrical equipment and storage medium | |
| JP6603023B2 (en) | Information provision system | |
| CN103336496A (en) | Remote control system for intelligent home | |
| CN110471298B (en) | Intelligent household appliance control method, equipment and computer readable medium | |
| CN106325125B (en) | Method and device for controlling electric appliance to work based on Internet of things | |
| CN108614439A (en) | Information pushing method and device | |
| CN106557039A (en) | A kind of information recommendation method and electronic equipment | |
| CN115202218A (en) | Smart home control method, device, equipment, storage medium and program product | |
| JP2017157960A (en) | Network system | |
| CN113961804A (en) | Equipment recommendation method, device, equipment and storage medium | |
| CN114690650A (en) | Control method of home appliance, home appliance, server, and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |