一种显示控制方法及装置

技术领域

本申请属于显示控制技术领域，具体涉及一种显示控制方法及装置。

背景技术

随着液晶显示技术的发展，越来越多的家电产品上设置液晶显示装置，通过在液晶显示装置上显示家电产品的操作模式等相关内容，以提高用户体验。

在相关技术中，在显示多个显示元素时，需要针对各个显示元素，为其绑定对应的显示坐标信息，以使显示元素在对应的显示坐标处显示。

根据相关技术中的方法，在对显示元素进行删除或增加等修改时，需要对其他显示元素的信息进行对应修改，这会导致处理速度低和容易出错的问题。

发明内容

本申请旨在提供一种显示控制方法及装置，至少解决在先技术中，在修改显示元素时，存在处理速度低和容易出错的问题。

第一方面，本申请实施例公开了一种显示控制方法，所述方法应用于用户设备，所述方法包括：

获取第一配置文件，所述第一配置文件包括：至少一个区域的区域序号，以及按照先后顺序排列的至少一个目标多媒体元素；所述至少一个区域是与所述第一配置文件对应的界面中，用于展示多媒体元素的区域；

根据所述区域序号对应的区域排序，以及所述目标多媒体元素的排序，确定与所述目标多媒体元素对应的目标区域；

根据所述目标区域，将所述目标多媒体元素展示在与所述第一配置文件对应的界面所包括的所述目标区域中

第二方面，本申请实施例公开了一种显示控制装置，所述装置位于用户设备，所述装置包括：

第一获取模块，用于获取第一配置文件，所述第一配置文件包括：至少一个区域的区域序号，以及按照先后顺序排列的至少一个目标多媒体元素；所述至少一个区域是与所述第一配置文件对应的界面中，用于展示多媒体元素的区域；

第一确定模块，用于根据所述区域序号对应的区域排序，以及所述目标多媒体元素的排序，确定与所述目标多媒体元素对应的目标区域；

显示模块，用于根据所述目标区域，将所述目标多媒体元素展示在与所述第一配置文件对应的界面所包括的所述目标区域中。

第三方面，本申请实施例还公开了一种电子设备，包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。

第四方面，本申请实施例还公开了一种可读存储介质，所述可读存储介质上存储有程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。

第五方面，本申请实施例还公开了一种洗碗机，包括第二方面所述的显示控制装置，以实现如第一方面任一项所述的显示控制方法。

综上，在本申请实施例中，通过获取第一配置文件，根据第一配置文件中至少一个区域的序号对应的区域排序，以及多个目标多媒体元素的排序，确定分别与各目标多媒体元素对应的目标区域，并在目标区域中显示对应的目标多媒体元素。本申请根据各区域的排序和各目标多媒体元素的排序，实现目标多媒体元素在对应目标区域中的显示，不需要根据目标多媒体元素的坐标信息确定目标多媒体元素显示在于第一配置文件对应的界面中的哪个位置。需要明白的是，在删除或增加目标多媒体元素时，更改后的目标多媒体元素的排序会自动发生改变，根据至少一个区域的序号对应的区域排序，以及改变后的目标多媒体元素的排序，可以确定出与改变后的各目标多媒体元素对应的目标区域，并在目标区域中显示对应的目标多媒体元素。由此，基于本申请实施例的方法，在对目标多媒体元素进行删除或增加等修改时，无需改变其他目标多媒体元素的信息，便可实现各目标多媒体元素的展示，节省了修改其他目标多媒体元素信息的时间，提高了处理效率，且避免了信息修改容易出错的问题，解决了相关技术中，在修改显示元素时，存在处理速度低和容易出错的问题。

附图说明

在附图中：

图1是本申请实施例提供的一种显示控制方法的步骤流程图；

图2是本申请实施例提供的另一种显示控制方法的步骤流程图；

图3是本申请实施例提供的又一种显示控制方法的步骤流程图；

图4是本申请实施例提供的一种显示界面示意图；

图5是本申请实施例提供的再一种显示控制方法的步骤流程图；

图6是本申请实施例提供的一种显示控制装置的框图；

图7是本申请实施例提供的一个实施例的电子设备的框图；

图8是本申请实施例提供的另一个实施例的电子设备的框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。

图1是本实施例提供的一种显示控制方法的步骤流程图，方法应用于用户设备。

具体的，用户设备为具备显示屏的设备，显示屏幕可用于显示界面的信息，显示的界面的信息可以包括文字、图片、动画，或者其他多媒体元素。示例地，用户设备可以为具备显示屏的烤箱、洗碗机、冰箱，也可以为其他具备显示屏的设备，此处对用户设备的种类不做限定。

方法可以包括如下步骤：

步骤101，获取第一配置文件。

具体的，第一配置文件包括：至少一个区域的区域序号，以及按照先后顺序排列的至少一个目标多媒体元素；至少一个区域是与第一配置文件对应的界面中，用于展示多媒体元素的区域。

具体的，目标多媒体元素为需要在第一配置文件对应的界面上展示的多媒体元素。示例地，目标多媒体元素可以包括文字、图片、动画，或者其他可在界面上展示的内容。

例如，用户设备为洗碗机，目标多媒体元素可以为用于表示洗碗机清洗模式的图片。进一步的，洗碗机的清洗模式可以包括如下六种：智能洗模式、标准洗模式、节能洗模式、快速洗模式、茶具洗模式、宝宝洗模式，对应的，目标多媒体元素可以包括六幅图片，这六幅图片分别与洗碗机的六中清洗模式相对应。

在一个实施例中，第一配置文件包括与各目标多媒体元素对应的代码段，代码段中至少包括用于获取目标多媒体元素的路径。在第一配置文件中，各目标多媒体元素对应的代码段按先后顺序排列，代码段的先后顺序即为对应多媒体元素的先后顺序。

例如，第一配置文件中包括六个目标多媒体元素，多媒体元素为图片，这六个图片分别对应洗碗机中的六种清洗模式。其中，各清洗模式分别具备对应的代码段，且各代码段中分别包括有对应图片的路径，包括图片路径的代码段即为与图片对应的代码段。其中，各代码段的先后排列顺序为：智能系模式对应的代码段、标准洗模式对应的代码段、节能洗模式对应的代码段、快速洗模式对应的代码段、茶具洗模式对应的代码段、宝宝洗模式对应的代码段，则六个图片的先后顺序为：智能系模式对应的图片、标准洗模式对应的图片、节能洗模式对应的图片、快速洗模式对应的图片、茶具洗模式对应的图片、宝宝洗模式对应的图片。

示例地，第一配置文件中的每个目标多媒体元素，均具备对应的代码段，该代码段中包括目标多媒体元素的配置数据，该配置数据至少包括目标多媒体元素的显示参数。比如，配置数据包括目标多媒体元素显示的位置相对于目标区域的位置偏移、用于获取目标多媒体元素的路径，以及与目标多媒体元素对应的下一层级的界面所对应的配置文件的存储地址。具体的，与目标多媒体元素对应的下一层级的界面所对应的配置文件的存储地址，用于在用户设备相应到对目标多媒体元素的点击操作时，跳转至与其对应的下一层级的界面，并从该存储地址中获取与下一层级的界面对应的配置文件，并在下一层级的界面中显示该配置文件中的目标多媒体元素。

步骤102，根据区域序号对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域。

在一个实施例中，根据区域序号对应的区域排序，以及目标多媒体元素的排序，将目标多媒体元素依次匹配至各区域。进一步的，配置目标多媒体元素的区域，即为与目标多媒体元素对应的目标区域。

在一个实施例中，用于展示多媒体元素的区域个数大于或等于待展示的目标多媒体元素的个数，则将目标多媒体元素依次配置至不同的区域。其中，目标多媒体元素和区域一一对应。

在另一个实施例中，用于展示多媒体元素的区域个数小于待展示的目标多媒体元素的个数，可以确定多个界面，每个界面均包括第一配置文件中的至少一个区域，用户设备响应于在界面所在屏幕上的滑动操作，进行不同界面的切换。多个界面共包括多个区域，将目标多媒体元素依次匹配至该多个区域，以获取每个目标多媒体元素对应的目标区域。

示例地，第一配置文件中区域的个数为3个，对应的，一个界面中包括3个区域，进一步的，一个界面中可以展示3个目标多媒体元素。其中，目标多媒体元素的个数为6个，由此，可以将排序靠前的3个目标多媒体元素匹配至界面中的3个区域，得到与排序靠前的3个目标多媒体元素对应的目标区域。响应于在界面所在显示屏上的滑动操作，切换至当前界面的下一界面，下一界面也包括3个区域，将剩下的3个目标多媒体元素依次匹配至下一界面的3个区域，得到与剩下的3个目标多媒体元素对应的目标区域。

步骤103，根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中。

在一个实施例中，第一配置文件还包括各区域的区域坐标，示例的，区域坐标至少包括区域中预设点的坐标。例如，区域坐标可以包括角点的坐标、区域中心位置的坐标，或者其他预设点的坐标。

在一个实施例中，确定与目标多媒体元素对应的目标区域中预设点的坐标，为目标多媒体元素中与预设点对应的点的坐标，以使目标多媒体元素展示在与其对应的目标区域中。

在另一个实施例中，通过预设的坐标偏差值，以及与目标多媒体元素对应的目标区域中预设点的坐标，得到目标多媒体元素中与预设点对应的点的坐标，以使目标多媒体元素展示在与其对应的目标区域中。

示例地，在区域坐标包括角点的坐标的情况下，使目标多媒体元素角点的坐标和其对应的目标区域的角点的坐标重合，以使目标多媒体元素展示在和其对应的目标区域中。在区域坐标包括中心点的坐标的情况下，使目标多媒体元素中心点的坐标和其对应的目标区域的中心点的坐标重合，以使目标多媒体元素展示在和其对应的目标区域中。

在本申请实施例中，在需要调换目标多媒体元素的显示顺序时，只需要调换目标多媒体元素对应的代码段的顺序。例如，在当前的显示中，节能洗模式对应的图片显示的位置在标准洗模式对应的图片之后，如果需要将节能洗模式对应的图片调换至标准洗模式对应的图片之前，只需要将节能洗模式对应的代码段调换至标准洗模式对应的代码段之后。在代码段的顺序调换后，与代码段对应的图片的排序也发生了相应的调换，对应地，与图片对应的目标区域的序号也发生了调换。由此，在界面上显示图片时，图片的显示位置也发生了调换。

在本申请实施例中，如果需要删除某个模式对应的图片，只需要删除该模式对应的代码段。如果需要在某两个图片之间增加某个模式的图片，只需要在该两个图片对应的代码段之间，增加用于描述该模式的图片的代码段即可。对代码段进行增减操作后，图片的显示方法，可参照上述调换代码段后图片的显示方法描述，此处不再赘述。

综上，在本申请实施例中，根据各区域的排序和各目标多媒体元素的排序，实现目标多媒体元素在对应目标区域中的显示，不需要根据目标多媒体元素的坐标信息确定目标多媒体元素显示在于第一配置文件对应的界面中的哪个位置。在相关技术中，根据各层级界面中的显示元素元素，分别设定其对应的显示参数，比如，分别设定其对应的坐标，由此实现对各目标多媒体元素的独立绘制，这种方法存在的缺陷是：如果对某个显示元素进行删除、或者增加显示元素，或者切换显示元素对应的界面时，需要对其他未修改的显示元素的显示参数和显示逻辑进行对应的修改，这会导致处理速度低和容易出错的问题。而基本申请的方法，在删除或增加目标多媒体元素时，更改后的目标多媒体元素的排序会自动发生改变，根据至少一个区域的序号对应的区域排序，以及改变后的目标多媒体元素的排序，可以确定出与改变后的各目标多媒体元素对应的目标区域，并在目标区域中显示对应的目标多媒体元素。由此，基于本申请实施例的方法，在对目标多媒体元素进行删除或增加等修改时，无需改变其他目标多媒体元素的信息，便可实现各目标多媒体元素的展示，节省了修改其他目标多媒体元素信息的时间，提高了处理效率，且避免了信息修改容易出错的问题，解决了相关技术中，在修改显示元素时，存在处理速度低和容易出错的问题。

图2为申请实施例提供的另一种显示控制方法，参照图2，方法可以包括如下步骤：

步骤201，获取第一配置文件。

其中，第一配置文件包括：至少一个区域的区域序号，以及按照先后顺序排列的至少一个目标多媒体元素；至少一个区域是与第一配置文件对应的界面中，用于展示多媒体元素的区域。

本步骤所示方法，在步骤101中已作说明，此处不再赘述。

步骤202，根据区域序号所对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域。

本步骤所示方法，在步骤102中已作说明，此处不再赘述。

在一个实施例中，第一配置文件还包括：至少一个区域的区域坐标。

具体的，区域坐标至少包括区域中预设点的坐标。其中，预设点可以根据用户设定，用于确定区域的位置。例如，区域坐标可以包括区域角点的坐标、区域中心位置的坐标，或者其他预设点的坐标。

步骤203，获取界面的尺寸信息。

其中，第一配置文件还包括至少一个区域的区域坐标。

示例地，根据预设的尺寸信息构建界面，该预设的尺寸信息即为界面的尺寸信息，将界面的尺寸信息存储在预设数据库中。通过在预设数据库中提取得到界面的尺寸信息。

步骤204，根据界面的尺寸信息，确定各区域的区域坐标是否超出界面的尺寸范围。

示例地，界面的尺寸信息，可以包括界面所在的区域坐标，通过比对界面所在区域的坐标和各区域的区域坐标，确定各区域的区域坐标是否超出界面的尺寸范围。

进一步的，界面所在区域的坐标包括界面所在区域的四个角点的坐标，各区域的区域坐标，包括对应区域的角点的坐标，在区域的角点坐标大于界面所在区域任意角点的坐标的情况下，确定区域超出界面的尺寸范围。

进一步的，在区域的角点坐标小于或但等于界面所在区域所有角点的坐标的情况下，确定区域未超出界面的尺寸范围。

步骤205，在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中。

其中，根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中的方法，在步骤103中已作说明，此处不再赘述。

综上，在本申请实施例中，在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，说明第一配置文件中的第一区域包括在在第一配置文件对应的界面中。在这种情况下，根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中，可以确保各目标多媒体元素在界面中正常显示，避免区域超出界面的尺寸范围的情况下显示目标多媒体元素，导致多媒体元素超出界面的尺寸范围，使得目标多媒体元素只能部分显示在界面中，或者无法显示在界面中的问题。即，基于本申请实施例的方法，可以确保目标多媒体元素的正常显示。

在一些实施例中，在步骤202之后，还可以包括：

步骤206，获取第二配置文件，并进入根据区域序号对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤。

其中，第二配置文件，是在第一配置文件中删除部分目标多媒体元素，和/或在第一配置文件中添加新的目标多媒体元素后得到的。

示例地，配置文件中的各目标多媒体元素均对应有代码段，代码段中至少包括对应目标多媒体元素的链接信息。对应地，通过在第一配置文件的代码中删除部分目标多媒体元素对应的代码段，实现在第一配置文件中删除部分目标多媒体元素。对应地，通过在第一配置文件的代码中添加新的目标多媒体元素对应的代码段，实现在第一配置文件中添加新的目标多媒体元素。

在一些实施例中，界面为包括多层界面的嵌套界面，每层界面均具备对应的配置文件。

示例地，不同层级界面对应的配置文件的类型可能不同，不同类型的配置文件所包含的区域的个数、区域的序号、区域的坐标，以及待显示的多媒体元素可能不同。

对应地，在步骤205之后，还包括：

步骤207，响应于对目标多媒体元素的点击操作，获取与第一配置文件对应的界面的下一层界面。

具体的，响应于对目标多媒体元素的点击操作，获取到的下一层界面，用于显示和目标多媒体元素关联的多媒体元素。

步骤208，获取与下一层界面对应的第三配置文件，并进入根据区域序号对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤。

在本步骤中，第三配置文件可能和第一配置文件的类型不同。例如，第三配置文件和第一配置文件中区域的个数、区域的坐标可能不同。再例如，第一配置文件中目标多媒体元素的个数大于区域的个数，用户设备基于第一配置文件显示其中的目标多媒体元素时，需要通过多个界面进行显示，具体的，通过响应于滑动界面所在屏幕的操作，实现不同界面的切换。而第三配置文件中目标多媒体元素的个数小于或等于区域的个数，对应地，不需要使用多个界面显示其中的目标多媒体元素，也不用通过响应于滑动界面所在屏幕的操作，实现不同界面的切换。

示例地，目标多媒体元素包括智能洗模式对应的图片，在用户点击智能洗模式对应的图片后，跳转至下一层界面，下一层界面用于显示和智能洗对应的图片所关联的多媒体元素。比如，界面中的目标多媒体元素包括文字“智能洗模式”，界面的下一层界面，用于显示对智能洗模式进行进一步说明的图片或动画。响应于点击“智能洗模式”对应的多媒体元素，跳转至下一层界面，并获取对应的第三配置文件，通过第三配置文件获取用于对智能洗模式进行进一步说明的图片或动画，以及对应的区域，并在该区域中显示该图片或动画。

在一些实施例中，界面为包括多层界面的嵌套界面，每层界面均具备对应的配置文件；

对应地，在步骤205之后，还包括：

步骤209，响应于回退指令，获取与第一配置文件对应的界面的上一层界面。

示例地，与第一配置文件对应的界面上具备回退控件，用户设备响应于用户在界面上点击回退控件的操作，获取回退指令，并响应于回退指令，获取与第一配置文件对应的界面的上一层界面。

步骤210，获取与上一层界面对应的第四配置文件，并进入根据区域序号对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤。

在本步骤中，第四配置文件可能和第一配置文件的类型不同。例如，第四配置文件和第一配置文件中目标多媒体元素的种类、区域的个数，以及区域的区域坐标可能不同。例如，第一配置文件中的目标多媒体元素为动画，第四配置文件中的目标多媒体元素为图片。

在一些可选实施例中，在步骤203之后，还包括：

步骤211，在确定任一区域的区域坐标超出界面的尺寸范围的情况下，在界面上展示对第一配置文件的错误信息提示。

本步骤中，在界面上展示的第一配置文件的错误信息提示，用于提示用户第一配置文件中的区域坐标和界面尺寸不匹配。

示例地，错误信息提示可以只包括“配置文件错误”的提示，也可以包括具体哪一个区域的区域坐标超出界面的尺寸范围的提示。

在一些可选实施例中，在步骤203之后，还包括：

步骤212，在确定任一区域的区域坐标超出界面的尺寸范围的情况下，发送配置文件升级请求，以供服务端响应于配置文件升级请求，向用户设备返回升级版本的配置文件。

其中，升级版本的配置文件和第一配置文件中用于展示多媒体元素的区域的区域坐标不同。

在一个实施例中，升级版本的配置文件中的目标多媒体元素和第一配置文件中的目标多媒体元素相同，在另一个实施例中，升级版本的配置文件中的目标多媒体元素和第一配置文件中的目标多媒体元素不相同。

示例地，升级版本的配置文件包括对应的目标多媒体元素，以及多个区域的序号和区域坐标。服务端向用户设备返回升级版本的配置文件之后，可参照步骤201至步骤205的方法，将升级版本的配置文件中的目标多媒体元素，显示在确定出的目标区域中。

在本步骤中，在任一区域的区域坐标超出界面的尺寸范围的情况下，说明第一配置文件和界面的尺寸不匹配，在界面上显示第一配置文件中的目标多媒体元素时，目标多媒体元素可能会无法显示，或者无法完整显示。因此需要获取升级版本的配置文件，以使升级版本的配置文件替换第一配置文件，并将升级版本的配置文件中的目标多媒体元素显示在界面中。

在一个实施例中，用户设备响应于用户在用户设备的操作界面上申请第升级版本的配置文件的操作，主动向服务端发送配置文件获取请求，服务端基于配置文件获取请求，向用户设备发送升级版本的配置文件。

在另一个实施例中，服务端在识别到第一配置文件需要升级或者需要进行数据修正的情况下，生成升级版本的配置文件，并主动将升级版本的配置文件发送至用户设备。

通过向服务端获取升级版本的配置文件，即可实现对原有配置文件的更换，进而更换与原配置文件对应的目标多媒体元素，使界面显示升级版本的配置文件中的目标多媒体元素。整个过程不涉及对用于解析配置文件的主体程序的升级和下载，由此可以避免下载主体程序中断所造成的用户设备无法显示任何配置文件中的目标多媒体元素的问题。

在一些可选实施例中，配置文件还包括：背景图片，以及用于展示背景图片的背景区域的区域坐标。

具体的，配置文件包括背景图片的路径。用户设备根据背景图片的路径获取背景图片。

对应地，在步骤203之后，还包括：

步骤213，在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，根据背景区域的区域坐标，将背景图片展示在背景区域中。

在本步骤中，背景图片的图层位于目标多媒体元素的图层之下，且背景图片对应的区域大于或等于至少一个目标多媒体元素对应的目标区域，在界面上显示背景图片和目标多媒体元素后，每个目标多媒体元素对背景图片部分遮挡。

图3是本发明实施例提供的又一种显示控制方法的步骤流程图，参照图3所示，方法可以包括如下步骤：

步骤S11，打开界面。

在一个实施例中，在为显示屏所在的设备上电后，用于显示目标多媒体元素的界面打开。

步骤S12，根据页面层级选择配置文件。

示例地，本实施例中的界面为包括多层界面的嵌套界面，每层界面均具备对应的配置文件。在用户设备上电后，显示屏显示的界面所对应的层级默认为是顶级层级，该顶级层级对应的界面，具备与其对应的配置文件。

步骤S13，读取配置文件中的基础信息。

在本步骤中，基础信息可以包括区域的区域序号、区域的区域坐标、背景图片的区域坐标，以及背景图片的路径。

示例地，配置文件中的基础信息包括目标多媒体元素的个数，例如，目标多媒体元素的个数可以为6个。配置文件还可以包括同一层级的每个界面中区域的个数，例如，区域的个数可以为3个。

需要说明的是，在增减目标多媒体元素后，基础信息中目标多媒体元素的个数也需要作对应的修改。

示例地，配置文件的基础信息中包括了配置文件的类型(type)、3个区域的区域序号，以及各区域的坐标。比如，第1个区域的横坐标p1x可以表示为：p1x:0，第1个区域的纵坐标p1y可以表示为：p1y:70；第2个区域的横坐标p2x可以表示为p2x:284，第2个区域的纵坐标p2y可以表示为：p2y:70，第3个区域的横坐标p3x可以表示为p3x:570，第3个区域的纵坐标p3y可以表示为：p3y:70。

步骤S14，判断基础数据是否符合要求。不符合要求则进入步骤S15，符合要求则进入步骤S16。

具体的，在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，确定基础数据符合要求，在任一区域的区域坐标超出界面的尺寸范围的情况下，确定基础数据不符合要求。确定各区域的区域坐标是否超出界面的尺寸范围的方法在步骤204中已作说明，此处不再赘述。

步骤S15，在界面上探出错误提示框，显示不符合要求信息，并转入后台网络进行升级。

具体的，错误提示框中显示的不符合要求信息是对当前界面对应的配置文件的错误提示。确定基础数据不符合要求的情况下，转入后台网络，并向服务端发出配置文件升级请求，以使服务端返回新的配置文件。

步骤S16，按照背景坐标装载背景图片。

其中，基础信息中还包括背景图片的路径，以及与背景图片对应的区域的区域坐标，其中，该区域坐标可以为该区域某个角点的坐标。例如，该角点的横坐标bgx可以表示为：bgx:0，该角点的纵坐标bgy可以表示为bgy:50。

具体的，通过配置文件中背景图片的路径获取背景图片，并将背景图片展示在用于展示背景图片的区域中。

步骤S17，判断当前界面位置，计算目标多媒体元素的序号，获取目标多媒体元素的相关数据，并显示目标多媒体元素。

具体的，配置文件中各目标多媒体元素均具备对应的代码段，各代码段依次排序，且各代码段中可以包括：目标多媒体元素对应的名称、目标多媒体元素的路径、点击目标多媒体元素后，与当前界面中该目标多媒体元素对应的下一层界面的配置文件的存储地址，以及目标多媒体元素相对于目标区域的地址偏移。

在一个实施例中，用户设备为洗碗机，目标多媒体元素可以为用于表示洗碗机清洗模式的图片。进一步的，洗碗机的清洗模式可以包括如下六种：智能洗模式、标准洗模式、节能洗模式、快速洗模式、茶具洗模式、宝宝洗模式，对应的，目标多媒体元素可以包括六幅图片，这六幅图片分别与洗碗机的六中清洗模式相对应。下面以智能洗模式为例，对目标多媒体元素对应的代码段进行说明。

与智能洗模式对应的代码段中，可以包括与智能洗模式对应的图片的名称，名称Title可以表示为：Title：智能洗。代码段中还包括智能洗模式对应的图片的路径、点击该图片后所要跳转的下一层界面的配置文件的存储地址，以及该图片的横坐标偏移offsetX和纵坐标偏移offsetY。其中，横坐标偏移offsetX和纵坐标偏移offsetY可以根据用户需求设定，例如，可以设定将这两个数据均设定为0，则在该代码段中，图片的坐标偏移可以表示为offsetX:0，offsetY:0。

在本步骤中，根据当前界面，确定配置文件的类型，并获取配置文件中，各目标多媒体元素所在代码段的排列序号，获取多个目标多媒体元素对应的代码段中，各代码段的序号，并确定代码段的序号为对应目标多媒体元素的序号。根据代码段中目标多媒体元素的路径，以及代码段中目标多媒体元素的坐标偏移。根据目标多媒体元素的排列顺序，从基础信息的多个区域中，确定出与目标多媒体元素对应的目标区域。根据目标区域的区域坐标，以及目标多媒体元素的坐标偏移，确定目标多媒体元素的显示坐标，并将目标多媒体元素显示在该显示坐标处。

在本实施例中，根据配置文件的基础信息，获取到当前界面的背景图片对应的区域的坐标(bgx，bgy)，以及用于获取背景图片的路径。基础信息中包含了每个界面显示的区域为3个，且包含了各区域的坐标。

在一个实施例中，如下六种清洗模式对应的代码段的排列顺序为：智能洗模式、标准洗模式、节能洗模式、快速洗模式、茶具洗模式、宝宝洗模式。

由此，在界面上显示于各清洗模式对应的图片时，可以按代码段的排序，依次取出前3个模式(智能洗模式、标准洗模式、节能洗模式)对应的图片，并将其依次显示在3个区域中。在用户滑动界面所在的屏幕时，洗碗机响应到该操作，由当前界面切换至下一个界面，该下一个界面与前一个界面为同一层级的不同界面，其对应的配置文件相同，因此在切换至下一个界面后，下一个界面中也包含3个区域，且这3个区域的坐标和前一个界面的3个区域的坐标相同。在切换至下一个界面后，将后3个模式(快速洗模式、茶具洗模式、宝宝洗模式)对应的图片显示在该界面的3个区域中。由此实现了对6种清洗模式所对应的6幅图片的顺序显示。

其中，与该实施例对应的界面示意图如图4所示，与该配置文件对应的界面包括两个，第一个界面中显示智能洗模式图片、标准洗模式图片和节能洗模式图片，在对该界面所在的平面进行滑屏操作时，用户设备响应于该滑屏操作，由第一个显示界面切换至第二个显示界面，具体的，第二个显示界面中显示的是快速洗模式图片、茶具洗模式图片和宝宝洗模式图片。

基于该处理方法，从用户视觉层面来看，前3个模式对应的图片一起显示在同一个界面上，在滑动界面所在的屏幕后，后3个模式对应的图片一起显示在下一个界面上，实现了连贯滑屏的效果。

步骤S18，判断是否点击了界面上的回退控件，是则进入步骤S19，否则进入步骤S20。

示例地，界面上设置有回退控件。

步骤S19，读取上一层界面对应的配置文件，并显示上一层界面对应的配置文件中的目标多媒体元素。

具体的，根据上一层界面的配置文件中的区域信息和目标多媒体元素的信息，参照步骤201至步骤205的方法，在跳转到的上一层界面中，显示其中的目标多媒体元素。

步骤S20，判断是否点击了目标多媒体元素，是则进入步骤S21，否则返回步骤S18。

示例地，目标多媒体元素为图片。

步骤S21，读取下一层界面对应的配置文件，并显示下一层界面对应的配置文件中的目标多媒体元素。

示例地，目标多媒体元素为图片，响应于用户点击图片的操作，跳转至下一层界面，并读取下一层界面对应的配置文件，并显示下一层界面对应的配置文件中的目标多媒体元素。

图5是本发明实施例提供的再一种显示控制方法的步骤流程图，参照图5所示，方法可以包括如下步骤：

步骤S31，打开界面。

在一个实施例中，在为显示屏所在的设备上电后，用于显示目标多媒体元素的界面打开。

步骤S32，根据页面层级选择配置文件。

本步骤在步骤S12中已做说明，此处不再赘述。

步骤S33，读取配置文件中的基础信息。

在本步骤中，基础信息可以包括配置文件类型、区域的区域序号、区域的区域坐标、背景图片的区域坐标，以及背景图片的路径。

步骤S34，判断配置信息类型。若配置信息类型为类型1，则进入步骤S35，若配置信息类型为类型2，则进入步骤S37，若配置信息类型为类型3，则进入步骤S39。

需要说明的是，不同层级的界面中，目标多媒体元素的显示方式可能不同，对应的，不同层级的界面中目标多媒体元素的排布和格式可能不同，不同层级界面的不同排布和格式，可以用配置文件中的配置信息类型标识。即，配置信息类型可用于表示配置信息中的目标多媒体元素在界面上的显示方式。比如，不同的类型，界面中包括的区域的个数可能不同，针对有些类型，可以通过滑动界面所在屏幕的方式，实现同一层级中不同界面的切换，针对有些类型，则不可以通过滑动界面所在屏幕的方式，实现同一层级中不同界面的切换。

其中，类型1、类型2和类型3对应不同层级的界面中，目标多媒体元素显示方式。针对不同层级的界面，设置不同类型的配置文件，由此，可以实现在不同层级的界面上，显示不同排版和格式的目标多媒体文件，可以实现多层级界面的标准化设计。需要说明的是，在确定各层级界面对应的配置文件的配置信息类型后，在后续的处理过程中，可以不改变各层级界面与配置信息类型的对应关系，在显示目标多媒体元素时，只需更改与其对应的配置文件即可。

需要说明的是，本实施例中列举出类型1、类型2和类型3只是为了表示本实施例的配置文件可以包括多个类型，并不表示配置文件的类型只有3种。

步骤35，按照背景坐标装载背景图片。

其中，本步骤可参考步骤S16的说明，此处不再赘述。

步骤36，按照类型1显示对应配置文件中的目标多媒体元素。

具体的，该步骤可参考步骤201至步骤205的说明，此处不再赘述。

步骤37，按照背景坐标装载背景图片。

其中，本步骤可参考步骤S16的说明，此处不再赘述。

步骤38，按照类型2显示对应配置文件中的目标多媒体元素。

具体的，该步骤可参考步骤201至步骤205的说明，此处不再赘述。

步骤39，按照背景坐标装载背景图片。

其中，本步骤可参考步骤S16的说明，此处不再赘述。

步骤40，按照类型3显示对应配置文件中的目标多媒体元素。

具体的，该步骤可参考步骤201至步骤205的说明，此处不再赘述。

在本实施例中，不同类型的配置文件具备对应的显示方式，且不同层级的界面具备对应的配置文件，相当于固化了各层级的配置文件的分布架构，且每个架构对应的配置文件中，目标多媒体元素的显示方法、目标多媒体元素对应的具体内容，均由配置文件中的参数(比如区域序号、区域坐标、多个目标多媒体元素的排列顺序)和目标多媒体元素的路径中存储的图片或动画确定。当需要增减界面中目标多媒体元素的时候，只需要修改与需要增减的目标多媒体元素对应的代码段即可，不需要更改配置文件的整体逻辑，由此避免了修改整体逻辑所导致的错误。

参考图6，其示出了本申请实施例提供的一种显示控制装置40，显示控制装置40包括：

第一获取模块401，用于获取第一配置文件，第一配置文件包括：至少一个区域的区域序号，以及按照先后顺序排列的至少一个目标多媒体元素；至少一个区域是与第一配置文件对应的界面中，用于展示多媒体元素的区域；

第一确定模块402，用于根据区域序号对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域；

显示模块403，用于根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中。

可选地，显示控制装置40还包括：

第二获取模块，用于根据区域序号所对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域之后，获取第二配置文件，并进入根据区域序号所对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤；其中，第二配置文件，是在第一配置文件中删除部分目标多媒体元素，和/或在第一配置文件中添加新的目标多媒体元素后得到的。

可选地，界面为包括多层界面的嵌套界面，每层界面均具备对应的配置文件；

对应地，显示控制装置40还包括：

第三获取模块，用于在根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中之后，响应于对目标多媒体元素的点击操作，获取与第一配置文件对应的界面的下一层界面；

第四获取模块，用于获取与下一层界面对应的第三配置文件，并进入根据区域序号所对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤。

可选地，界面为包括多层界面的嵌套界面，每层界面均具备对应的配置文件；对应地，显示控制装置40还包括：

第五获取模块，用于在根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中之后，响应于回退指令，获取与第一配置文件对应的界面的上一层界面；

第六获取模块，用于获取与上一层界面对应的第四配置文件，并进入根据区域序号所对应的区域排序，以及目标多媒体元素的排序，确定与目标多媒体元素对应的目标区域的步骤。

可选地，第一配置文件还包括：至少一个区域的区域坐标；

对应地，显示模块403可以包括：

第一获取子模块，用于获取界面的尺寸信息；

第一确定子模块，用于根据界面的尺寸信息，确定各区域的区域坐标是否超出界面的尺寸范围；

第一显示子模块，用于在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，根据目标区域，将目标多媒体元素展示在与第一配置文件对应的界面所包括的目标区域中。

可选地，显示模块403还包括：

第二显示子模块，用于在确定界面的尺寸信息之后，在确定任一区域的区域坐标超出界面的尺寸范围的情况下，在界面上展示对第一配置文件的错误信息提示。

可选地，显示模块403还包括：

发送子模块，用于在确定界面的尺寸信息之后，在确定任一区域的区域坐标超出界面的尺寸范围的情况下，发送配置文件升级请求，以供服务端响应于配置文件升级请求，向用户设备返回升级版本的配置文件；其中，升级版本的配置文件和第一配置文件中用于展示多媒体元素的区域的区域坐标不同。

可选地，配置文件还包括：背景图片，以及用于展示背景图片的背景区域的区域坐标；

对应地，第一显示模块403还包括：

第三显示子模块，用于在确定界面的尺寸信息之后，在确定各区域的区域坐标均未超出界面的尺寸范围的情况下，根据背景区域的区域坐标，将背景图片展示在背景区域中。

本申请还提供了一种洗碗机，洗碗机设置有上述任一实施例的显示控制装置，用于实现上述任一项的显示控制方法。

示例地，洗碗机设置有智能洗模式、标准洗模式、节能洗模式、快速洗模式、茶具洗模式、宝宝洗模式六种清洗模式。洗碗机的显示控制装置包括显示屏，显示屏可以显示包括这六种清洗模式图片或动画的显示界面。具体的，在洗碗机上电后，洗碗机的显示屏显示如图4中左侧附图所示的显示界面，该显示界面中包括智能洗模式图片、标准洗模式图片，以及节能洗模式图片共三种清洗模式的图片。在用户滑动显示屏后，显示界面从图4左侧附图所示的显示界面滑动至右侧所示的显示界面，对应的，显示界面中的显示内容变更为快速洗模式图片、茶具洗模式图片和宝宝洗模式图片。

示例地，在用户点击标准洗模式图片后，界面跳转至当前界面的下一层界面，下一层界面可以显示包括标准洗模式的清洗温度、清洗进度等内容的动画或图片。

参照图7，电子设备500可以包括以下一个或多个组件：处理组件502，存储器504，电源组件506，多媒体组件508，音频组件510，输入/输出(I/O)接口512，传感器组件514，以及通信组件516。

处理组件502通常控制电子设备500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504用于存储各种类型的数据以支持在电子设备500的操作。这些数据的示例包括用于在电子设备500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，多媒体等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为电子设备500的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为电子设备500生成、管理和分配电力相关联的组件。

多媒体组件508包括在电子设备500和用户之间的提供一个输出接口的界面。在一些实施例中，界面可以包括液晶显示器(LCD)和触摸面板(TP)。如果界面包括触摸面板，界面可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的分界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当电子设备500处于操作模式，如拍摄模式或多媒体模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件510用于输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当电子设备500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

输入/输出I/O接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为电子设备500提供各个方面的状态评估。例如，传感器组件514可以检测到电子设备500的打开/关闭状态，组件的相对定位，例如组件为电子设备500的显示器和小键盘，传感器组件514还可以检测电子设备500或电子设备500一个组件的位置改变，用户与电子设备500接触的存在或不存在，电子设备500方位或加速/减速和电子设备500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516用于便于电子设备500和其他设备之间有线或无线方式的通信。电子设备500可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于实现本申请实施例提供的一种显示控制方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器504，上述指令可由电子设备500的处理器520执行以完成上述方法。例如，非临时性存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图8是本发明另一个实施例的电子设备600的框图。例如，电子设备600可以被提供为一服务器。参照图8，电子设备600包括处理组件622，其进一步包括一个或多个处理器，以及由存储器632所代表的存储器资源，用于存储可由处理组件622的执行的指令，例如应用程序。存储器632中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件622被配置为执行指令，以执行本申请实施例提供的一种显示控制方法。

电子设备600还可以包括一个电源组件626被配置为执行电子设备600的电源管理，一个有线或无线网络接口650被配置为将电子设备600连接到网络，和一个输入/输出(I/O)接口658。电子设备600可以操作基于存储在存储器632的操作系统，例如WindowsServerTM，Mac OS XTM，UnixTM，LinuxTM，FreeBSDTM或类似。

本领域技术人员在考虑说明书及实践这里公开的申请后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。