应用程序的界面显示方法、装置、设备及存储介质与流程

1.本技术涉及图形用户界面领域，尤其涉及一种应用程序的界面显示方法、装置、设备及存储介质。


背景技术：

2.随着智能家居设备的普及，越来越多的智能家居设备进入了人们的生活中，智能家居设备能够让用户实现智能化、远程化的操控，深受用户喜爱。
3.在管理智能家居设备时，可以利用应用程序将同一局域网内的各个智能家居设备进行管理，在应用程序界面上显示各个智能家居设备的图标，可以根据需要对任一智能家居设备进行操控，例如：查看或者控制该智能家居设备的运行状态等。
4.但是，目前应用程序中智能家居设备的图标设计繁琐，设计思想不统一，导致界面设计杂乱无章，用户体验差。


技术实现要素：

5.本技术提供了一种应用程序的界面显示方法、装置、设备及存储介质，用以解决现有技术中，应用程序中各个智能家居设备的图标设计思想不统一，导致界面设计杂乱无章，用户体验差的问题。
6.第一方面，本技术实施例提供了一种应用程序的界面显示方法，所述应用程序与至少一个智能设备建立通信连接，每个所述智能设备在所述应用程序的界面上对应一个图标；所述应用程序的界面显示方法，包括：
7.按照预设分类规则，确定所述智能设备所属的目标类别；
8.确定与所述目标类别对应的目标元素；
9.根据所述目标元素，对所述智能设备相关联的所述图标和/或所述图标对应的界面进行调整。
10.可选的，当所述目标元素包括：颜色时；
11.确定与所述目标类别对应的目标元素，包括：
12.确定与所述目标类别对应的色系；
13.从所述色系中，选择一个目标颜色。
14.可选的，当所述目标元素包括：颜色和特征元素时；其中，所述特征元素用于表征所述智能设备在工作时的特性；
15.确定与所述目标类别对应的目标元素，包括：
16.确定与所述目标类别对应的色系；
17.从所述色系中，选择一个目标颜色；
18.确定与所述目标类别对应的特征元素。
19.可选的，所述确定与所述目标类别对应的特征元素，包括：
20.获取所述智能设备的当前工作模式；
21.确定与所述目标类别和所述工作模式对应的特征元素。
22.可选的，所述根据所述目标元素，对所述智能设备相关联的所述图标和/或所述图标对应的界面进行调整，包括：
23.将所述智能设备相关联的所述图标和/或所述图标对应的界面的颜色调整为与所述工作模式对应的颜色。
24.可选的，所述根据所述目标元素，对所述智能设备相关联的所述图标和/或所述图标对应的界面进行调整，包括：
25.将所述智能设备相关联的所述图标和/或所述图标对应的界面的颜色调整为与所述工作模式对应的颜色；
26.在所述智能设备相关联的所述图标和/或所述图标对应的界面上显示所述特征元素。
27.可选的，所述从所述色系中，选择一个目标颜色，包括：
28.获取所述智能设备的当前工作模式；
29.从所述色系中，选择与所述工作模式对应的一个目标颜色。
30.可选的，所述特征元素包括：水、风、水和气泡的组合、颗粒或者气泡、风和颗粒的组合。
31.可选的，所述预设分类规则根据所述智能设备在工作时的特性制定。
32.第二方面，本技术实施例提供了一种应用程序的界面显示装置，所述应用程序与至少一个智能设备建立通信连接，每个所述智能设备在所述应用程序的界面上对应一个图标；所述应用程序的界面显示装置，包括：
33.第一确定模块，用于按照预设分类规则，确定所述智能设备所属的目标类别；
34.第二确定模块，用于确定与所述目标类别对应的目标元素；
35.调整模块，用于根据所述目标元素，对所述智能设备相关联的所述图标和/或所述图标对应的界面进行调整。
36.第三方面，本技术实施例提供了一种电子设备，包括：处理器、存储器和通信总线，其中，处理器和存储器通过通信总线完成相互间的通信；
37.所述存储器，用于存储计算机程序；
38.所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的应用程序的界面显示方法。
39.第四方面，本技术实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的应用程序的界面显示方法。
40.本技术实施例提供的上述技术方案与现有技术相比具有如下优点：本技术实施例提供的该方法，按照预设分类规则，确定智能设备的目标类别，根据智能设备所属的目标类别确定目标元素，根据目标元素对智能设备相关联的图标和/或图标对应的界面进行调整。在设计图形用户界面时，根据智能设备所属的目标类别，调整图标和/或图标对应的界面，使得智能设备的图标和/或所述图标对应的界面的设计更加贴合智能设备的类别特点，设计规范统一，更加直观，用户体验好。
附图说明
41.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
42.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
43.图1为本技术实施例提供的智能终端上应用程序界面的示意图；
44.图2为本技术实施例提供的一种应用程序的界面显示方法的流程示意图；
45.图3a为本技术实施例提供的净水机的操作界面的示意图；
46.图3b为本技术实施例提供的空调的操作界面的示意图；
47.图3c为本技术实施例提供的洗衣机的操作界面的示意图；
48.图3d为本技术实施例提供的空气净化器的操作界面的示意图；
49.图3e为本技术实施例提供的电饭煲的操作界面的示意图；
50.图4为本技术实施例提供的一种应用程序的界面显示装置的结构示意图；
51.图5为本技术实施例提供的电子设备的结构示意图。
具体实施方式
52.为使本技术实施例的目的、技术方案和优点更加清楚，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本技术的一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本技术保护的范围。
53.为了解决现有技术中，应用程序中各个智能家居设备的图标设计思想不统一，导致界面设计杂乱无章，用户体验差的问题，如图1所示，本技术实施例提供一种应用程序的界面显示方法，该应用程序运行于任一智能终端101，例如：手机、平板电脑或者计算机等，该应用程序与至少一个智能设备建立通信连接，例如：智能设备包括：空调、电视、洗衣机、洗碗机、电饭煲、电暖器、空气净化器、加湿器、除湿器、吸尘器、净水机、蒸烤双能机或消毒柜等，在应用程序中，每个智能设备在应用程序的界面上对应一个图标102。如图2所示，本技术实施例提供的应用程序的界面显示方法，包括：
54.步骤201，按照预设分类规则，确定智能设备所属的目标类别；
55.其中，预设分类规则，根据智能设备在工作时的特性制定，例如：将用到水或者风一类的智能设备，如：洗涤类、冷藏、制冷、吹风、制水等功能的智能设备作为一类，将需要加热，例如：烘干、蒸煮等有关的智能设备(例如：厨电类的智能设备)作为一类；将绿色环保、杀菌、消毒等情况下使用的智能设备，如：空气净化器、吸尘器或新风机等智能设备作为一类。按照智能设备的工作特性的不同，将智能设备分成不同的类别。此外，在具体分类时，还可以获取智能设备的当前工作模式，结合智能设备的当前的工作模式确定目标类别，举例说明，例如：在大多数情况下，洗衣机主要工作在洗涤模式下，在洗涤模式下时，可以将洗衣机分类到用到水一类的智能设备，当洗衣机工作在自烘干模式下时，可以将洗衣机分类到需要加热的一类智能设备中。
56.此外，还需要说明的是，还可以按照其他分类规则划分智能设备所属的类别。
57.步骤202，确定与目标类别对应的目标元素；
58.具体的，当目标元素为颜色时，确定与目标类别对应的色系；从色系中，选择一个目标颜色。
59.当目标元素为颜色和特征元素时，确定与目标类别对应的色系；从色系中，选择一个目标颜色；确定与目标类别对应的特征元素；其中，特征元素用于表征智能设备在工作时的特性。
60.其中，对于色系的划分，可以根据需要划分成多个色系，如果智能设备比较少，可以按照冷色系和暖色系来划分，如果智能设备比较多，可以分为红色系、橙色系、黄色系、绿色系、蓝色系、紫色系等。对于同属于同一个目标类别的智能设备的图标和/或图标对应的界面设计成同一个风格，在设计图标和/或图标对应的界面时，使用同一色系中的颜色，或者使用同一种颜色。
61.在具体实现时，预先存储智能设备所属的目标类别与色系之间的对应关系，例如：对于用到水或者风一类的智能设备，使用冷色系，对于需要加热的智能设备，使用暖色系；对于绿色环保、杀菌、消毒等情况下使用的智能设备，使用中性色系。此外，还可以按照如下方式进行色系的划分：对于用到水或者风一类的智能设备，使用蓝色系，对于需要加热的智能设备使用红色系或者橙色系，对于绿色环保、杀菌、消毒等情况下使用的智能设备，使用绿色系。
62.此外，在确定目标颜色时，还可以结合智能设备的工作模式，具体的，获取智能设备的当前工作模式；从色系中，选择与工作模式对应的一个目标颜色。
63.在具体实现时，预先存储每个智能设备的各个工作模式与色系和颜色之间的对应关系，当确定智能设备所属的目标类别和工作模式时，根据智能设备所属的目标类别和工作模式，确定对应的颜色。
64.举例说明，以洗衣机为例，洗衣机在工作时主要用到水，则预先为洗衣机的图标或界面配置蓝色色系，当洗衣机处于快洗模式时，采用浅蓝色表示，对于自清洁模式，可以采用蓝绿色标识。再以电饭煲为例，对于蒸米饭模式，用橘色表示，对于煮粥模式，用黄色表示，对于煲汤模式，用土黄色表示。
65.在确定与目标类别对应的特征元素时，可以根据目标类别确定特征元素，具体的，预先存储不同目标类别与特征元素之间的对应关系，当确定智能设备的目标类别后，根据目标类别获取对应的特征元素。
66.此外，还可以根据智能设备的工作模式确定特征元素，具体的，预先存储不同工作模式和特征元素之间的对应关系，当确定智能设备的工作模式后，根据工作模式获取对应的特征元素。
67.其中，对于上述的特征元素包括：水、风、水和气泡的组合、颗粒或者气泡、风和颗粒的组合。
68.此外，还需要说明的是，每一个智能设备在工作时，具有至少一种工作模式，以洗衣机为例，有常规洗涤模式、快洗模式、自清洁模式、单脱水模式、自烘干等工作模式，以洗碗机为例，有快速洗、果蔬洗、自清洁模式等工作模式，对于电饭煲，有蒸米饭、煮粥、煲汤等工作模式；对于智能设备的当前的工作模式为上述工作模式中的一种。
69.在本技术实施例中，颜色和特征元素能够表征出智能设备在工作时的特性，更加
突出产品的特性，更加贴合智能设备的使用场景，且统一了界面的设计规范，用户体验更好，而且对于用户来讲，通过界面的特征元素即能知晓智能设备的工作特性，更加直观。
70.为了便于理解本技术实施例提供的在图标或者图标的界面上显示特征元素的方案，结合图3a～图3e进行说明。
71.当智能设备在工作过程中，以水作为工作介质时，确定特征元素为水；例如，如图3a所示，当智能设备为净水机、加湿器或者除湿机时，特征元素为水；净水机、加湿器或者除湿机一类的智能设备主要以水为工作介质，因此，对于这一类的设备，选定的特征元素为水，更能够体现智能设备的产品特点，当用户看到图3a所示的界面时，就可以知道该智能设备以水为主要工作介质，更加直观，充分展示了智能设备的工作特性。
72.在具体实现时，除在图标的界面上显示出智能设备对应的特征元素外，还可以获取智能设备在工作模式下的工作参数；在预设图标的界面模板上，显示工作参数。以净水机为例，在净水机的图标的界面上显示的工作参数为：今日制水量、净水机中各部件的使用情况，例如：pp棉(亦称作公仔棉、中空棉或填充棉)的使用情况、活性炭的使用情况、反渗透膜的使用情况和碳棒滤芯的使用情况，例如，在净水机的图标的界面上显示，今日进水量18l，pp棉使用了47％，活性炭使用了25％，反渗透膜使用了78％，碳棒滤芯使用了35％。用户可以根据各部件的使用情况，及时了解各部件的使用寿命，从而及时更换部件，保证智能设备正常运行。
73.当智能设备在工作过程中，以风作为工作介质时，确定特征元素为风；例如，如图3b所示，当智能设备为空调、风扇或者电暖器时，特征元素为风；对于空调、风扇或者电暖器一类的智能设备主要目的是出风，对于这一类的智能设备，确定的特征元素为风，如图3b所示，当用户看到智能设备的界面上显示风时，即可知晓该智能设备以风为主要工作介质。
74.在具体实现时，可以在该类智能设备的界面上显示当前的工作模式和风档，如：目前空调在高速风档的制冷模式下工作；还可以在界面上显示控制按钮，如：开关按钮，工作模式切换按钮、风速调节按钮、睡眠模式控制键和高级设置工作键，用于对空调进行控制。
75.当智能设备在工作过程中，存在旋转和洗涤的情况，确定特征元素为水和气泡；例如，如图3c所示，当智能设备为洗衣机或洗碗机时，特征元素为水和气泡；对于洗衣机或者洗碗机一类的智能设备在工作时，主要以水为工作介质进行洗涤，并且会产生泡沫，以实现清洁，则对于这一类智能设备，以水和气泡共同作为特征特征元素；当用户通过图3c所示的界面上看到水和气泡时，即可了解该智能设备的工作特性。
76.在具体实现时，可以在该类智能设备的界面上显示当前的工作模式，以及需要的剩余时长；还可以在界面上显示控制按钮，如：开关按钮、工作模式切换按钮、设置按钮和定时按钮。
77.当智能设备在工作过程中，以除尘或者换风为工作目的时，确定特征元素为颗粒；例如，如图3d所示，当智能设备为空气净化器、吸尘器或者新风机时，特征元素为颗粒；对于空气净化器、吸尘器或新风机这一类的智能设备主要以清除颗粒物等脏污物为目的，则以颗粒为特征元素，当用户通过图3d所示的界面上看到颗粒，即可了解该智能设备的工作特性。
78.在具体实现时，可以在该类智能设备的界面上显示当前的工作参数，还可以在界面上显示控制按钮，如：开关按钮、模式切换按钮和定时按钮等。以空气净化器为例，在空气
净化器的图标的界面上显示的工作参数为：当前空气净化器的风档，当前室内的pm2.5的指数等，例如，当前净化器的风档为3档，当前室内的pm2.5的指数为20。
79.当智能设备在工作过程中，以加热为工作目的时，确定特征元素为气泡，例如，如图3e所示，当智能设备为电饭煲、电压力锅或者蒸烤双能机，特征元素为气泡。
80.在具体实现时，可以在该类智能设备的界面上显示当前的工作模式，以及需要的时间，如：目前电饭煲工作在煮稀饭的模式下，煮稀饭还需要煮40分钟。此外，还可以在界面上显示控制按钮，如：模式切换按钮、设置按钮、预约按钮和菜谱按钮，其中，通过菜谱按钮可以获取预先存储的菜谱，供用户参考学习。
81.在具体实现时，可以利用大气泡(亦称作能量球)来作为主体设计，对于使用频次越高的智能设备，图标的界面中的大气泡可以越大。可以将特征元素显示在大气泡上，如图3a～图3e。
82.此外，还需要说明的是，在图3a～图3e中示例性的展示了各图标的界面显示的部分内容，在具体实现时，可以根据需要设计不同界面显示内容。
83.步骤203，根据目标元素，对智能设备相关联的图标和/或图标对应的界面进行调整。
84.具体的，当目标元素为颜色时，将智能设备相关的图标和/或图标对应的界面的颜色调整为与工作模式对应的颜色。
85.当目标元素为颜色和特征元素时，将智能设备相关联的图标和/或图标对应的界面的颜色调整为与工作模式对应的颜色；在智能设备相关联的图标和/或图标对应的界面上显示特征元素。
86.在本技术实施例中，根据智能设备所属的目标类别确定目标元素，根据目标元素对智能设备相关联的图标和/或图标对应的界面进行调整。在设计图形用户界面时，根据智能设备所属的目标类别，调整图标和/或图标对应的界面，使得智能设备的图标和/或图标对应的界面的设计更加贴合智能设备的类别特点，设计规范统一，更加直观，用户体验好。
87.基于同一构思，本技术实施例中提供了一种应用程序的界面显示装置，应用程序与至少一个智能设备建立通信连接，每个智能设备在应用程序的界面上对应一个图标；该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述，如图4所示，该装置主要包括：
88.第一确定模块401，用于按照预设分类规则，确定智能设备所属的目标类别；其中，预设分类规则根据智能设备在工作时的特性制定。
89.第二确定模块402，用于确定与目标类别对应的目标元素；
90.调整模块403，用于根据目标元素，对智能设备相关联的图标和/或图标对应的界面进行调整。
91.在本技术实施例中，根据智能设备所属的目标类别确定目标元素，根据目标元素对智能设备相关联的图标和/或图标对应的界面进行调整。在设计图形用户界面时，根据智能设备所属的目标类别，调整图标和/或图标对应的界面，使得智能设备的图标和/或图标对应的界面的设计更加贴合智能设备的类别特点，设计规范统一，更加直观，用户体验好。
92.在一个具体实施例中，第二确定模块402，用于当目标元素为颜色时，确定与目标类别对应的色系；从色系中，选择一个目标颜色；或者，用于当目标元素为颜色和特征元素
时，确定与目标类别对应的色系；从色系中，选择一个目标颜色；确定与目标类别对应的特征元素；其中，特征元素用于表征智能设备在工作时的特性；特征元素包括：水、风、水和气泡的组合、颗粒或者气泡、风和颗粒的组合。
93.在一个具体实施例中，第二确定模块402，用于获取智能设备的当前工作模式；从色系中，选择与工作模式对应的一个目标颜色。
94.在一个具体实施例中，第二确定模块402，用于获取智能设备的当前工作模式；确定与目标类别和工作模式对应的特征元素。
95.在一个具体实施例中，调整模块403，用于将智能设备相关联的图标和/或图标对应的界面的颜色调整为与工作模式对应的颜色；或者，将智能设备相关联的图标和/或图标对应的界面的颜色调整为与工作模式对应的颜色；在智能设备相关联的图标和/或图标对应的界面上显示特征元素。
96.基于同一构思，本技术实施例中还提供了一种电子设备，如图5所示，该电子设备主要包括：处理器501、存储器502和通信总线503，其中，处理器501和存储器502通过通信总线503完成相互间的通信。其中，存储器502中存储有可被处理器501执行的程序，处理器501执行存储器502中存储的程序，实现如下步骤：
97.按照预设分类规则，确定智能设备所属的目标类别；
98.确定与目标类别对应的目标元素；
99.根据目标元素，对智能设备相关联的图标和/或图标对应的界面进行调整。
100.上述电子设备中提到的通信总线503可以是外设部件互连标准(peripheral component interconnect，简称pci)总线或扩展工业标准结构(extended industry standard architecture，简称eisa)总线等。该通信总线503可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
101.存储器502可以包括随机存取存储器(random access memory，简称ram)，也可以包括非易失性存储器(non
‑
volatile memory)，例如至少一个磁盘存储器。可选地，存储器还可以是至少一个位于远离前述处理器501的存储装置。
102.上述的处理器501可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、网络处理器(network processor，简称np)等，还可以是数字信号处理器(digital signal processing，简称dsp)、专用集成电路(application specific integrated circuit，简称asic)、现场可编程门阵列(field
‑
programmable gate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
103.在本技术的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当该计算机程序在计算机上运行时，使得计算机执行上述实施例中所描述的一种应用程序的界面显示方法。
104.在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机指令时，全部或部分地产生按照本技术实施例所述的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个
计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令从一个网站站点、计算机、服务器或者数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、微波等)方式向另外一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如软盘、硬盘、磁带等)、光介质(例如dvd)或者半导体介质(例如固态硬盘)等。
105.需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
106.以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。