CN113760413B - 页面展示方法、清洁机器人系统及客户端设备 - Google Patents

Abstract

本申请公开了一种页面展示方法、清洁机器人系统及客户端设备。其中，页面展示方法包括：获取目标设备的工作模式；基于所述工作模式，确定至少一个页面单元；在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。本申请实施例提供的技术方案，基于目标设备的工作模式确定至少一个页面单元，使得工作模式与页面显示内容的匹配度更高；用户无需通过多层级页面去查找，直观、方便，提高了用户通过第一页面控制目标设备工作的操作效率。

Description

页面展示方法、清洁机器人系统及客户端设备

技术领域

本申请属于机器人技术领域，尤其涉及一种页面展示方法、清洁机器人系统及客户端设备。

背景技术

目前，用户可通过客户端应用便可对机器人进行控制。例如，用户可使用手机客户端应用控制清洁机器人工作。但随着机器人的功能越来越丰富，客户端应用所要承载的功能设置项越来越多。

现有技术中，对功能设置项的展示方式，一般将很多功能设置项都放在二三级页面，功能层级过深，不直观，不方便用户找到并使用。用户对页面设置项进行操作的步骤较繁琐，浪费时间较多，操作效率较低。

发明内容

为解决或改善现有技术中存在的问题，本申请提供一种页面展示方法、清洁机器人系统及客户端设备。

在本申请的一个实施例中，提供了一种页面展示方法。该方法包括：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

在第一页面显示所述至少一个页面单元；

其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。

在本申请的另一个实施例中，还提供了一种页面展示方法。该方法包括：

获取清洁机器人的工作模式；

基于所述工作模式，确定至少一个页面单元；

再第一页面显示所述至少一个页面单元；

其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述清洁机器人进行相应的功能设置或展示所述清洁机器人的工作记录。

在本申请的又一个实施例中，提供了一种清洁机器人系统。该系统包括：

清洁机器人；

客户端设备，与所述清洁机器人通信连接，用于获取所述清洁机器人的工作模式；基于所述工作模式，确定至少一个页面单元；在第一页面显示所述至少一个页面单元；

其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述清洁机器人进行相应的功能设置或展示所述清洁机器人的工作记录。

在本申请的又一个实施例中，还提供了一种客户端设备。该客户端设备包括存储器、处理器、通讯组件及显示器；其中，

所述存储器，用于存储程序；

通讯组件，与所述处理器耦合，用于与目标设备通信连接；

所述处理器，与所述存储器耦合，用于执行所述存储器中存储的所述程序，以用于：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

所述显示器，用于在第一页面显示所述至少一个页面单元；

其中，页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。

本申请各实施例提供的技术方案，对目标设备的功能设置项、目标设备的工作状态信息作为子元素进行分类，同一分类的子元素属于一个页面单元，基于目标设备的工作模式确定欲显示的至少一个页面单元，使得工作模式与页面显示内容的匹配度更高；用户无需通过多层级页面去查找，直观、方便，提高了用户通过第一页面控制目标设备工作的操作效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本申请一实施例提供的页面展示方法的流程示意图；

图2为本申请一实施例提供的第一页面的示意图；

图3为本申请一实施例提供的另一种第一页面的示意图；

图4a为本申请一实施例提供的一页面单元对应的二级页面的示意图；

图4b为本申请一实施例提供的又一种第一页面的示意图；

图5为本申请一实施例提供的另一页面单元对应的二级页面的示意图；

图6为本申请一实施例提供的虚拟墙设置操作页面的示意图；

图7为本申请一实施例提供的清洁机器人系统的结构示意图；

图8为本申请一实施例提供的页面展示装置的结构示意图；

图9为本申请一实施例提供的客户端设备的结构示意图。

具体实施方式

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

在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种，但是不排除包含至少一种的情况。

在本申请的说明书、权利要求书及上述附图中描述的一些流程中，包含了按照特定顺序出现的多个操作，这些操作可以不按照其在本文中出现的顺序来执行或并行执行。操作的序号如101、102等，仅仅是用于区分各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。

图1为本申请一示例性实施例提供的一种页面展示方法的流程示意图。如图1所示，该方法至少包括以下步骤101至步骤104：

101、获取目标设备的工作模式；

102、基于所述工作模式，确定至少一个页面单元；

103、在第一页面显示所述至少一个页面单元。

其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。子元素可包括但不限于：所述目标设备的功能设置项、所述目标设备的工作状态信息中的至少一种。

上述101中，所述目标设备可以是任意可被用户操控的设备，例如，无人驾驶车、机器人等等。以机器人为例，所述机器人可以是擦窗机器人、导购机器人、清洁机器人、拖扫一体的清洁机器人等等。

以目标设备是清洁机器人为例，客户端应用界面的子元素可包括但不限于：地图展示、地图管理、虚拟墙设置、返回充电座、启动操作、行走模式选择、各个清洁记录信息、清洁吸力设置、拖地水量设置、更换抹布提醒设置、拖地模式下只进行拖地的设置、预约清洁设置、语音设置、断点续扫设置、勿扰模式设置、地毯增压设置、清洁顺序设置等。

目前市面上的清洁机器人客户端界面，首页一般显示地图和主要的几个一级操作设置项，而当需要对扫地机人进行一些常规设置时，往往需要跳转到第二、三级页面进行设置，效率低下且不利于用户操作。在本申请中，根据各个子元素之间的相关性，对客户端应用界面的子元素进行分类，譬如将所有的清洁记录信息作为清洁记录分类，将断点续扫设置、勿扰模式设置、地毯增压设置、清洁顺序设置等作为清洁偏好分类，将拖地水量设置、更换抹布提醒设置、拖地模式下只进行拖地的设置作为拖地控制分类，将地图管理、虚拟墙设置、返回充电座、启动操作、行走模式选择作为一级操作分类。对于某些设置项，比如预约清洁设置、语音设置、清洁吸力设置等，可以作为单独的一个分类。即本实施例提供的所述方法还可包括如下步骤：

104、提取目标设备的功能设置项和目标设备的工作状态信息作为子元素；

105、对子元素进行分类；

106、同一分类的子元素设置在一个页面单元内。

将同一类的子元素设置在一个页面单元中，具体而言，页面单元可以是图2和图3中所示的卡片式的页面单元。上述步骤105中，各子元素可具有对应的分类属性。在执行分类时，可基于各子元素对应的分类属性，将分类属性相同或相关的子元素分到一分类组。同一分类组内的至少一个子元素即设置在一个页面单元内。进一步的，基于工作模式，确定至少一个与工作模式关联的页面单元，在第一页面上显示所述至少一个页面单元。在一种可实现的技术方案中，可为页面单元配置相应的模式属性；在获取到目标设备的工作模式后，可基于各页面单元对应的模式属性，从多个页面单元中获取模式属性与所述目标设备的工作模式匹配的页面单元。

对于清洁机器人来说，清洁机器人的工作模式可包括：拖地模式、扫地模式。具体实施时，工作模式的获取可以是在用户触发进入第一页面的操作后执行的，或者是在用户启动客户端应用后执行的，或者是在接收到目标设备切换工作模式的消息后执行的，等等，本实施例对此不作具体限定。

对应不同工作模式时，清洁机器人的功能设置内容会不同，因此，在操作端的第一页面上需要的设置项不同。例如，在扫地模式下，需要对吸力进行设置，而在拖地模式下(默认既吸尘又拖地)还需要对拖地水量进行设置。因此，本申请中根据目标设备当前的工作模式确定需要显示的子元素，确定子元素对应的至少一个页面单元，将页面单元显示在第一页面上，从而只显示与当前工作模式相关的功能设置项和/或显示项(比如目标设备的功能设置项、目标设备的工作状态信息)，而对于与当前工作模式无关的功能设置项和/或工作状态信息不进行显示。

例如：当工作模式为扫地模式时，需要的子元素包括：地图展示、地图管理项、虚拟墙设置、返回充电座、启动操作、行走模式选择、各个清洁记录信息、清洁吸力设置、预约清洁设置、语音设置、断点续扫设置、勿扰模式设置、地毯增压设置、清洁顺序设置等。上述子元素对应的页面单元包括：一级操作分类对应的页面单元、清洁记录分类对应的页面单元、清洁偏好分类对应的页面单元、预约清洁设置分类对应的页面单元、语音设置分类对应的页面单元和清洁吸力设置分类对应的页面单元。

当工作模式为拖地模式(默认是既吸尘又拖地)时，需要的子元素包括：地图展示、地图管理项、虚拟墙设置、返回充电座、启动操作、行走模式选择、各个清洁记录信息、清洁吸力设置、拖地水量设置、更换抹布提醒设置、拖地模式下只进行拖地的设置、预约清洁设置、语音设置、断点续扫设置、勿扰模式设置、地毯增压设置、清洁顺序设置等。上述子元素对应的页面单元可包括：一级操作分类对应的页面单元、清洁记录分类对应的页面单元、清洁偏好分类对应的页面单元、预约清洁设置分类对应的页面单元、语音设置分类对应的页面单元、清洁吸力设置分类对应的页面单元和拖地控制分类对应的页面单元。

目标设备的工作状态可以通过目标设备上是否安装了相关的零部件来获取。以清洁机器人为例，当检测到清洁机器人安装了抹布支架，则判断清洁机器人当前的工作模式为拖地模式(默认的为既吸尘又拖地)，当检测到清洁机器人未安装抹布支架，则判断清洁机器人当前的工作模式为扫地模式。

当目标设备未安装抹布支架，目标设备的工作模式为扫地模式时，参见图2所示，对应的第一页面所包含的页面单元的示意图。如图2所示，在所述清洁机器人处于扫地模式下，位于第一页面中的至少一个页面单元包括：用于对所述目标设备进行运行管理的页面单元21(即上文提及的一级操作分类对应的页面单元)、用于展示所述目标设备的清洁记录信息的页面单元22(即上文提及的清洁记录分类对应的页面单元)；用于对所述目标设备进行清洁吸力控制的页面单元23(即上文提及的清洁吸力设置分类对应的页面单元)；用于对所述目标设备进行预约清洁设置的页面单元24(即上文提及的预约清洁设置分类对应的页面单元)；用于对所述目标设备进行语音设置的页面单元25(即上文提及的语音设置分类对应的页面单元)；以及用于对所述目标设备进行清洁偏好设置的页面单元26(即上文提及的清洁偏好分类对应的页面单元)。

当目标设备安装了抹布支架，其工作模式为拖地模式时，参见图3所示，位于第一页面中的至少一个页面单元包括：用于对所述目标设备进行运行管理的页面单元21、用于展示所述目标设备的清洁记录信息的页面单元22；用于对所述目标设备进行拖地设置的页面单元27(即上文提及的拖地控制分类对应的页面单元)；用于对所述目标设备进行预约清洁设置的页面单元24；用于对所述目标设备进行语音设置的页面单元25；以及用于对所述目标设备进行清洁偏好设置的页面单元26。

除了上述通过检测目标设备上是否安装了相关的零部件来确定工作模式外，还可通过如下两种方式来确定目标设备的工作模式。

方式一、通过用户的工作模式设置事件。

比如，用户可通过客户端设备提供的相应功能，如工作模式控件或语音控制模式命令等，对目标设备进行工作模式的设置。因此，可基于用户设置来确定目标设备当前所处的工作模式。

例如，在一个进一步的实施例中，拖地模式可包括仅拖地模式、以及拖地的同时还保留开启清扫吸力模式(默认模式)，对应的设置可以通过拖地偏好设置项中的“仅拖地”开关来控制。在拖地模式下，当打开“仅拖地”的开关后，清洁机器人将不再进行吸尘，对应的，在第一页面上不需要显示清洁吸力设置分类对应的页面单元，该页面单元会在打开“仅拖地”的开关后消失。具体的，参见图4a所示，对拖地偏好进行设置，如果用户打开“仅拖地”的开关后，清洁机器人将不再进行吸尘仅实施拖地功能；当客户端检测到用户发生了上述设置后，对应的，在第一页面上不需要显示清洁吸力设置分类对应的页面单元(即图3中的)用于对所述目标设备进行清洁吸力控制的页面单元23，该页面单元会在打开“仅拖地”的开关后消失。如图4b所示，用户返回至第一页面后，用于对所述目标设备进行清洁吸力控制的页面单元23消失。

方式二、目标设备基于环境参数自行切换工作模式

目标设备基于自身所处工作环境，自行切换工作模式；并在切换工作模式后，目标设备向客户端设备发送工作模式切换通知。客户端设备可根据接收到的工作模式切换通知，获取到目标设备的工作模式。以目标设备为清洁机器人为例，清洁机器人检测到当前移动到地毯上，自动切换为扫地模式；清洁机器人检测到当前移动到木地板或瓷砖地面上，自动切换为拖地模式。

由于本实施例提供的技术方案中展示在第一页面的页面单元是与目标设备当前所处的工作模式相关的。也就是，在目标设备的工作模式切换时，第一页面中展示的页面单元也需变换。即本实施例提供的所述方法还可包括如下步骤：

监听到所述目标设备的工作模式切换事件时，刷新页面，以显示与切换后工作模式对应的至少一个页面单元。

如上文中描述的，工作模式切换事件可由用户通过客户端设备触发，例如，用户通过客户端设备，如工作模式切换控件或语音等，控制目标设备切换工作模式。或者，所述工作模式切换事件可以是用户通过触发目标设备上的相应控件实现的。或者，工作模式切换事件可由目标设置上零部件的安装或去除触发，以清洁机器人为例，检测到清洁机器人安装了抹布支架或去除了抹布支架，判断说明机器人当前的工作模式发生切换。或者，目标设备基于环境参数自行切换工作模式。

本实施例提供的技术方案，基于目标设备的工作模式确定与工作模式相关的至少一个子元素，并进一步基于所述至少一个子元素确定对应的至少一个页面单元，将至少一个页面单元展示于第一页面，使得目标设备的工作模式与页面显示内容的匹配度更高，且用户无需通过多层级页面去查找，直观、方便，提高了用户通过第一页面控制目标设备工作的操作效率。

在具体实施时，同一类的子元素设置在一个页面单元中。例如，用于对所述目标设备进行拖地偏好设置的页面单元27可包含：用于对所述目标设备进行拖地水量控制的子元素(具体可包括低水量控制的元素、中水量控制的元素、高水量控制的元素)、“仅拖地”的子元素、“更换抹布提醒”的子元素等等。这些子元素中可有一部分显示在页面单元的一级页面中；另一部分显示在所述页面单元的二级页面中。例如，用户经常使用的子元素可展示在页面单元的一级页面上，这样用户在第一页面中便可直接进行操作，而无需跳转至下一层级页面进行操作，方便用户操作，且提高了操作效率。即，本实施例提供的所述方法中，显示至少一个页面单元可具体包括以下步骤：

107、针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素；

108、所述至少一个一级子元素显示在对应的页面单元的一级页面中。

参见图2所示的实例，用于对所述目标设备进行运行管理的页面单元21中包含的是属于一级操作分类的子元素：“区域”运行子元素、“自动”运行子元素、“自定义”运行子元素等。用于展示所述目标设备的清洁记录信息的页面单元22中包含的是属于清洁记录分类的子元素：用于展示清洁模式(如自动清洁)信息的子元素、用于展示清洁面积信息(如128㎡)的子元素、用于展示清洁时长(如74min)的子元素、用于展示全部记录的子元素等。用于对所述目标设备进行清洁吸力控制的页面单元23中包含的是属于清洁吸力设置分类的子元素：用于对目标设备进行标准清洁吸力控制的子元素、用于对目标元素进行强劲控制的子元素。用于对目标设备进行预约清洁设置的页面单元24中包含的是属于预约清洁设置分类的子元素，与其关联的多个子元素可包括：预约时间设置子元素、是否开启预约功能的子元素等等。用于对目标设备进行语音设置的页面单元25中包含的是属于语音设置分类的子元素：语种设置子元素、音量大小设置子元素等。如图5所示，用于对目标设备进行清洁偏好设置的页面单元26中包含的是属于清洁偏好分类的子元素：免打扰设置子元素、断电续扫设置子元素、地毯增压设置子元素、清洁顺序设置子元素等。

参见图3中所示的用于对所述目标设备进行拖地设置的页面单元27中包含的是属于拖地控制分类的子元素，如拖地水量设置(包括低水量控制的子元素、中水量控制的子元素、高水量控制的子元素)、更换抹布提醒设置、拖地模式下只进行拖地的设置等。

这里需要说明的是：上文中提及的子元素可以是操作类控件。其中，操作类控件是指：用户可直接操作，操作后可直观得到结果的控件。具体实施时，操作类控件可包括：按钮(Buttons)、下拉菜单控件、选择器(即显示一个或多个不同值的可滚动列表，出现在屏幕底部或弹出窗口中)、开关控件、滑块等等。其中，按钮可以是如图2和图3中的文字按钮，如“区域”运行子元素、“自动”运行子元素、“自定义”运行子元素；还可以是图2中的浮动按钮等。开关控件可以是如图4a中“仅拖地”的子元素、“更换抹布提醒”的子元素。滑块控件可以是图2和图3中所示的音量大小设置子元素。当然，上文中的子元素也可以是非操作类控件，即用户无法操作的控件，如图2和图3中用于展示所述目标设备的清洁记录信息的页面单元22，与其关联的多个子元素中包括：用于展示清洁模式(如自动清洁)信息的子元素、用于展示清洁面积信息(如128㎡)的子元素、用于展示清洁时长(如74min)的子元素。这些子元素，用户无法操作，但可基于这些子元素了解目标设备的清洁记录信息。

上述107中，在具体实施时，可基于页面单元中各子元素的历史操作信息来确定哪一个或几个为一级子元素，哪一个或几个为二级甚至三级子元素。即，本步骤107“针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素”，可具体包括：

1071、获取所述同一分类的各子元素的历史操作信息；

1072、根据所述历史操作信息，在所述多个子元素中确定至少一个一级子元素。

例如，所述历史操作信息中包含有各子元素历史时期内(如近10天、30天等)被触发的次数。将该历史时期内触发次数大于预设阈值的子元素确定为一级子元素；或者按照各子元素历史时期内被触发次数的排名，将排名前几的(如前3、4等)确定为一级子元素。

以用于对所述目标设备进行拖地设置的页面单元27为例，页面单元27中包含的是属于拖地控制分类的子元素，如用于对所述目标设备进行拖地水量控制的子元素(包括：低水量控制的子元素、中水量控制的子元素、高水量控制的子元素)、“仅拖地”的子元素、“更换抹布提醒”的子元素。通过历史操作信息可确定出：用于对所述目标设备进行拖地水量控制的子元素属于用户高频使用的子元素；则可将“用于对所述目标设备进行拖地水量控制的子元素”确定为一级子元素；而“仅拖地”的子元素、“更换抹布提醒”的子元素属于低频使用的子元素，则可将“仅拖地”的子元素、“更换抹布提醒”的子元素，确定为二级子元素。

进一步的，基于上述内容可知，所述多个子元素包含有可显示在页面单元的一级页面中的一级子元素，相应的，所述多个子元素中还可包含有至少一个二级子元素。对于二级子元素，本实施例提供的所述方法还可包括如下步骤：

109、在所述页面单元上，展示可操作控件；

110、响应于用户对所述可操作控件的操作，跳转至页面单元的二级页面；

111、在所述页面单元的二级页面上，显示所述至少一个二级子元素。

在与页面单元相关联的多个子元素中还包含有二级子元素的情况时，所述页面单元上可显示有可操作控件。例如图2和图3所示的，各卡片式页面单元的一级页面上所显示的可操作控件“>”；用户可通过点击该可操作控件“>”进入页面单元的二级页面。

参见图3和图4a所示的实例，用户可点击图3中用于对所述目标设备进行拖地设置的页面单元27上显示的拖地偏好对应的可操作控件“>”，跳转至如图4a所示的页面单元的二级页面。在图4a所示的二级页面中展示至少一个二级子元素，如“仅拖地”的子元素、“更换抹布提醒”的子元素。

进一步的，本实施例提供的所述方法还可包括如下步骤：

112、响应于用户在所述页面单元的二级页面中针对所述至少一个二级子元素的设置事件，跳回所述页面单元的的一级页面。

113、在所述页面单元的一级页面上，展示用于反映所述设置事件对应的设置结果的标记信息。

上述112中，所述设置事件可以是用户在对所述至少一个二级子元素进行相应设置操作并在完成设置操作后执行返回、确认或提交等操作后被触发的。以用于对所述目标设备进行拖地设置的页面单元27，关联的至少一个二级子元素为例，如图4a所示，用户在完成对“仅拖地”的子元素、“更换抹布提醒”的子元素的设置操作后，点击二级页面上的返回控件“<”便完成了针对所述至少一个二级子元素的设置事件的触发。客户端设备在监听到该设置事件后，跳回所述一级页面。

例如，“仅拖地”的子元素为图4a中所示的开关控件，用户仅开启了该“仅拖地”的子元素，然后点击图4a中二级页面左上角的返回控件“<”跳转至一级页面。在一级页面中显示有用于反映所述“仅拖地”的子元素开启的标记信息。具体的，假设反映所述“仅拖地”的子元素关闭的标记信息为第一图像信息在用户通过上述操作后，返回一级页面后所述用于对所述目标设备进行拖地设置的页面单元27上展示如图4b中显示的开启标记信息，如第二图像信息/>当然，反应所述“仅拖地”的子元素开启或关闭的标记信息，也可以是文字信息，本实施例对此不作具体限定。或者，所述“仅拖地”的子元素关闭时，第一页面中不显示任何相关信息；在所述“仅拖地”的子元素开启时，在第一页面中显示如图4b中显示的开启标记信息，如第二图像信息/>

在如图4a所示的第二页面中，在用户选择开启“更换抹布提醒”子元素时，用户可通过对应的二级页面中的相应编辑控件、下拉菜单控件、选择器等进行时间间隔的设置，如30min。

综上可知，本实施例提供的技术方案可以实现将用户使用的高频功能展示于方便用户操作的页面(如页面单元的一级页面)，当用户使用的低频功能展示于页面单元的二级页面，从而提高用户对高频使用功能进行设置的效率。

在本申请的一些可选的实施例中，页面单元可以是由上到下依次排列在第一页面中，当第一页面上的页面单元太多导致当前屏幕无法全部显示所有的页面单元时，还可包括：响应于用户在所述界面上的浏览操作，隐藏显示在第一页面上部的部分页面单元；使得排在下面的未能被显示的页面单元显示在屏幕上。比如，图3和图4b所示的第一区域201和第二区域202，在用户触发了浏览操作后，可隐藏第一区域201；使得第二区域202上移。在一具体实现实例中，第一区域201内可显示目标设备(如清洁机器人)所处场景的地图。第二区域202内用于显示上述各页面单元(如卡片式页面单元)。

具体地，用户在界面上的浏览操作可以为用户的滑动操作或者点击操作(如在第二区域内的双击操作等)等。例如，所述用户的浏览操作可以是自下向上的滑动手势，客户端设备在检测到用户的自下向上的滑动手势后，第一页面上部的页面单元被隐藏，同时下部的页面单元整体上移，致使排在下面的未能被显示的页面单元显示在所述界面上。又或者，所述用户的浏览操作为自上向下的拉动进度条的操作；又或者，用户的滑动操作可以是自左至右、或自右至左的滑动操作。

如图2和图3所示的实例，用户可通过对运行管理信息中的“地图管理”控件的操作进入地图对应的设置页面，在地图设置页面中用户可进行虚拟墙的设置。即，本实施例提供的所述方法，还可包括如下步骤：

114、在第一页面显示目标设备所处场景对应的场景地图及与场景地图对应的设置子元素；

115、响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式。

图6示出了场景地图对应的设置页面的一具体实例。用户可在该设置页面中进行虚拟墙设置操作。用户可操作控件“添加虚拟墙”在地图中添加虚拟墙。用户根据实际需求拖拽移动、放大缩小虚拟墙，设置完成后点图6界面中右上角的保存按钮统一保存所有虚拟墙。虚拟墙的设置参数可以为虚拟墙的大小信息以及位置信息。用户还可通过如图6中所示的方式为设置好的虚拟墙配置与其关联的工作模式。假设本实施例中的目标设备为清洁机器人，其工作模式包括：扫地模式、拖地模式。用户可通过图6中的下拉菜单控件，为当前设置好的虚拟墙配置与其关联的工作模式，如“扫地、拖地均生效”或“仅拖地生效”。用户选择“扫地、拖地模式均生效”表明当前设置好的虚拟墙(即虚拟墙对应的设置参数)与扫地模式及拖地模式均关联；若选择“仅拖地生效”则表明当前设置好的虚拟墙(即虚拟墙对应的设置参数)与拖地模式关联。

可参见图6所示，图6为一种地图的示意图，用户通过“添加虚拟墙”控件，在所述地图上设置了第一虚拟墙71和第二虚拟墙72。其中，第一虚拟墙71为已完成设置的虚拟墙。第二虚拟墙72为当前处于设置中的虚拟墙，用户通过点击该第二虚拟墙72边界角上的“×”控件，删除该第二虚拟墙72；用户还可通过拖曳第二虚拟墙72边界角上的“┘”来改变第二虚拟墙72的大小；用户还可将第二虚拟墙72移动至所需的位置。

假设第一虚拟墙71关联的工作模式为扫地模式和拖地模式，第二虚拟墙72关联的工作模式为拖地模式，则在展示第一页面时，若当前清洁机器人处于拖地模式，清洁机器人所在的场景地图中展示有所述第一虚拟墙71和第二虚拟墙72。而在清洁机器人处于扫地模式下时，地图中只会展示第一虚拟墙71，而第二虚拟墙72不被展示。

相应的，本实施例提供的所述方法，还可包括：

116、基于所述工作模式，在所述目标设备所处场景对应的场景地图上显示与所述工作模式关联的虚拟墙。

进一步的，为了增加目标设备(如清洁机器人)与用户的交互智能化。即，本实施例提供的所述方法还可包括如下步骤：

117、在界面上显示虚拟形象；

118、响应于用户对所述虚拟形象的操作，确定目标设备的位置信息。

其中，虚拟形象可以为界面上的虚拟机器人标识，例如图3和图4b中的标识20。上述用户对所述虚拟形象的操作可以是对该虚拟机器人标识的点击。具体的，上述118可具体为：响应于用户对虚拟形象的点击，向目标设备发送控制信息；基于控制信息，获得目标设备在当前场景中的位置，从而生成互动信息。该互动信息可具体是：在当前场景地图上显示目标设备当前所在的位置；或者目标设备在接收到控制信息后发出的声音提醒，通过这样的互动信息，使得用户能够快速确定目标设备当前所在的位置。

在一具体实施方案中，在所述场景地图中可以预设显示方式展示所述目标设备在地图中的位置。具体的，可在地图的相应位置处显示预设形状的标识，如圆形标识、或与目标设备外观相同或相近的图案标识等。预设显示方式可以为高亮显示和/或闪烁显示。通过该方案，可以使用户快速确定扫地机器在家中的位置，从而节省了用户寻找清洁机器人耗费的时间。

在另一个实施例中，本实施例提供的所述方法可包括如下步骤：

119、在界面上显示虚拟形象；

120、响应于用户对所述目标设备的操作或响应于目标设备的状态信息，虚拟形象展示与所述用户互动的互动信息。

其中，用户对所述目标设备的操作，如打开开关操作，虚拟形象展示与所述用户互动的互动信息。例如，当用户首次使用目标设备，用户在启动目标设备后，虚拟形象弹出对话框信息，对话框信息用于向用户传达操作指引等。

在另一个实施例中，响应于目标设备的状态，虚拟形象展示与所述用户互动的互动信息。例如，当目标设备发生故障时，虚拟机形象弹出对话框信息，对话框信息用于向用户传达故障详情等。

上述互动信息可以显示在客户端设备的界面上，比如，显示在互动会话框内。除此之外，上述互动信息还可通过语音的方式播放给用户听。其中，互动信息可包括但不限于：目标设备当前的位置信息、工作参数信息、目标设备的故障详情信息等等。

在又一个实施例中，响应于用户对所述虚拟形象的操作，向所述目标设备发送控制指令，以使所述目标设备按照所述控制指令完成相应的动作。

具体地，该操作可以为长按操作，可判断用户对虚拟形象的按压时长是否超过预设时长，若是，则触发获取用户的第一控制指令的程序，第一控制指令可以是语音指令，如指示目标设备由当前位置(如卧室)移动至厨房进行清洁的语音；客户端设备识别该语音，并根据识别结果向目标设备发送相应的第二控制指令，以便所述目标设备按照该第二控制指令移动至厨房进行清洁。

图7为本申请一实施例提供的清洁机器人系统的结构示意图。如图7所示，所述清洁机器人系统包括清洁机器人40及客户端设备30。其中，所述客户端设备30，与所述清洁机器人40通信连接，用于获取清洁机器人40的工作模式；基于所述工作模式，确定至少一个页面单元；在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素以对所述清洁机器人40进行相应的功能设置或展示所述清洁机器人40的工作记录。

其中，所述清洁机器人40可以是擦窗机器人、扫地机器人、扫拖一体机器人等等。所述客户端设备30可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能穿戴设备等，本实施例对此不作具体限定。

进一步的，本实施例中所述客户端设备可实现上述各实施例提供的所述方法中的各步骤，具体内容可参见上述各方法实施例。

本实施例提供的技术方案，基于目标设备的工作模式确定第一页面上的至少一个页面单元，使得工作模式与页面显示内容的匹配度更高；用户无需通过多层级页面去查找，直观、方便，提高了用户通过第一页面控制目标设备工作的操作效率。

图8为本申请一示例性实施例提供的一种页面展示装置的结构示意图。该装置包括：获取模块1001、确定模块1002及显示模块1003。其中，获取模块1001，用于获取目标设备的工作模式。确定模块1002，用于基于所述工作模式，确定至少一个页面单元。显示模块1003，用于在第一页面显示所述至少一个页面单元。其中，所述页面单元包含多个存在关联性的子元素，通过子元素可对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。

可选地，所述页面单元为卡片式页面单元；所述子元素可包括但不限于：所述目标设备的功能设置项、所述目标设备的工作状态信息中的至少一种。

可选地，所述装置还包括：提取模块、分类模块及设置模块。其中，提取模块用于提取目标设备的功能设置项和/或工作状态信息作为子元素。分类模块用于对子元素进行分类。设置模块用于将同一分类的子元素设置在一个页面单元内。

可选地，所述显示模块1003在显示所述至少一个页面单元时，具体用于针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素；所述至少一个一级子元素显示在对应的页面单元的一级页面中。

可选地，所述显示模块1003在针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素时，具体用于：获取所述同一分类的各子元素的历史操作信息；根据所述历史操作信息，在所述多个子元素中确定至少一个一级子元素。

可选地，所述一个页面单元内的多个子元素中还包含有至少一个二级子元素，所述至少一个二级子元素显示在对应的页面单元的二级页面中。

可选地，所述显示模块1003还可用于：在第一页面显示目标设备所处场景的场景地图及与场景地图对应的设置子元素。相应的，所述确定模块1002还可用于：响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式。

可选地，所述显示模块1003还可用于：基于所述工作模式，在所述目标设备所处场景对应的场景地图上显示与所述工作模式关联的虚拟墙。

可选地，所述显示模块1003还可用于：在界面上显示虚拟形象。所述确定模块1002还可用于：响应于用户对所述虚拟形象的操作，确定目标设备的位置信息。

可选地，所述显示模块1003还可用于：在界面上显示虚拟形象；响应于用户对所述目标设备的操作或响应于目标设备的状态信息，虚拟形象展示与所述用户互动的互动信息。

可选地，所述装置还可包括：刷新模块。该刷新模块用于监听到所述目标设备的工作模式切换事件时，刷新页面，以显示与切换后工作模式对应的至少一个页面单元。

这里需要说明的是：本装置实施例中所述目标设备可以是清洁机器人，页面单元在第一页面上可按从上到下的方式依次排列。另外，上述实施例提供的页面展示装置可实现上述各方法实施例中描述的技术方案，上述各模块或单元具体实现的原理可参见上述各方法实施例中的相应内容，此处不再赘述。

图9示出了本申请一实施例提供的客户端设备的结构示意图。如图9所示，客户端设备包括：存储器1101、处理器1102、通讯组件1105及显示器1103。其中，

所述存储器1101，用于存储程序；

通讯组件1105，与所述处理器1102耦合，用于与目标设备通信连接；

所述处理器1102，与所述存储器1101耦合，用于执行所述存储器1101中存储的所述程序，以用于：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

所述显示器，用于在第一页面显示所述至少一个页面单元；

其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录。

上述存储器1101可被配置为存储其它各种数据以支持在客户端设备上的操作。这些数据的示例包括用于在客户端设备上操作的任何应用程序或方法的指令。存储器1101可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

上述处理器1102在执行存储器1101中的程序时，除了上面的功能之外，还可实现其它功能，具体可参见前面各实施例的描述。

进一步，如图9所示，电子设备还包括：电源组件1104等其它组件。图9中仅示意性给出部分组件，并不意味着该只包括图9所示组件。

相应的，本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序被计算机执行时能够实现上述各实施例提供的页面展示方法的步骤或功能。

下面结合具体应用场景，对本申请各实施例提供的技术方案进行说明。

应用场景一

以目标设备为清洁机器人为例，用户在家开启清洁机器人对地面进行清洁。此时，用户可打开手机上的客户端APP，进入第一页面。手机在监听到用户进入第一页面的操作后，获取清洁机器人当前的工作模式，假设为扫地模式。此时，手机客户端基于扫地模式，确定与所述扫地模式关联的至少一种子元素；基于所述至少一个子元素确定对应的至少一个用于展示在第一页面的页面单元。如图2中所示，因手机客户端基于清洁机器人的工作模式，隐去了一部分页面单元。第一页面上仅显示与当前工作模式关联的页面单元，用户仅需通过简单的操作便能完成对清洁机器人的控制或获知有关清洁机器人的清洁记录信息等。

应用场景二

用户通过说明书附图7所示的界面完成虚拟墙的设置。用户可通过触摸屏拖曳、扩大缩小等操作来设置虚拟墙，并可通过如图7所示的下拉菜单为设置的虚拟墙配置关联的工作模式。返回至第一页面后，第一页面中显示的地图中可展示与当前工作模式关联的虚拟墙。用户可清楚明了的看到各工作模式下的虚拟墙。扫地、拖地均生效的虚拟墙在扫地、拖地两种模式下均会阻止机器人前往，仅拖地生效的虚拟墙仅在拖地模式下阻止机器人前往。

应用场景三

用户在家没看到清洁机器人，想要快速找到清洁机器人。此时，用户可打开手机客户端进入第一页面。如图3和图4b所示，该第一页面中显示有清洁机器人对应的虚拟形象。用户点击该虚拟形象，扫地机立刻会发出声音，已提醒用户扫地机当前所在的位置，从而可以快速寻找到清洁机器人在家中的位置；另一种方式是当用户点击虚拟形象，APP的地图上显示清洁机器人当前所在的位置，用户根据地图上显示位置去找。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (15)

1.一种页面展示方法，其特征在于，包括：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录；

在第一页面显示所述目标设备所处场景对应的场景地图及与场景地图对应的设置子元素；

响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式；

基于所述工作模式，在所述目标设备所处场景对应的场景地图上显示与当前工作模式关联的虚拟墙。

2.根据权利要求1所述的方法，其特征在于，所述子元素包括：所述目标设备的功能设置项、所述目标设备的工作状态信息中的至少一种。

3.根据权利要求1所述的方法，其特征在于，还包括：

提取目标设备的功能设置项和目标设备的工作状态信息作为子元素；

对子元素进行分类；

同一分类的子元素设置在一个页面单元内。

4.根据权利要求3所述的方法，其特征在于，显示所述至少一个页面单元，包括：

针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素；

所述至少一个一级子元素显示在对应的页面单元的一级页面中。

5.根据权利要求4所述的方法，其特征在于，针对一个页面单元的同一分类的子元素，确定出至少一个一级子元素，包括：

获取所述同一分类的各子元素的历史操作信息；

根据所述历史操作信息，在多个子元素中确定至少一个一级子元素。

6.根据权利要求4所述的方法，其特征在于，所述一个页面单元内的多个子元素中还包含有至少一个二级子元素，所述至少一个二级子元素显示在对应的页面单元的二级页面中。

7.根据权利要求1至6中任一项所述的方法，其特征在于，所述页面单元为卡片式页面单元。

8.根据权利要求1至6中任一项所述的方法，其特征在于，还包括：

在界面上显示虚拟形象；

响应于用户对所述虚拟形象的操作，确定目标设备的位置信息。

9.根据权利要求1至6中任一项所述的方法，其特征在于，还包括：

在界面上显示虚拟形象；

响应于用户对所述目标设备的操作或响应于目标设备的状态信息，虚拟形象展示与所述用户互动的互动信息。

10.根据权利要求1所述的方法，其特征在于，还包括：

监听到所述目标设备的工作模式切换事件时，刷新页面，以显示与切换后工作模式对应的至少一个页面单元。

11.根据权利要求1所述的方法，其特征在于，所述目标设备为清洁机器人。

12.根据权利要求1所述的方法，其特征在于，所述页面单元在第一页面上按从上到下的方式依次排列。

13.一种清洁机器人系统，其特征在于，包括：

清洁机器人；

客户端设备，与所述清洁机器人通信连接，用于获取所述清洁机器人的工作模式；基于所述工作模式，确定至少一个页面单元；在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述清洁机器人进行相应的功能设置或展示所述清洁机器人的工作记录；在第一页面显示所述清洁机器人所处场景对应的场景地图及与场景地图对应的设置子元素；响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式；基于所述工作模式，在所述清洁机器人所处场景对应的场景地图上显示与当前工作模式关联的虚拟墙。

14.一种客户端设备，其特征在于，包括：存储器、处理器、通讯组件及显示器；其中，

所述存储器，用于存储程序；

通讯组件，与所述处理器耦合，用于与目标设备通信连接；

所述处理器，与所述存储器耦合，用于执行所述存储器中存储的所述程序，以用于：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

所述显示器，用于在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录；

在第一页面显示所述目标设备所处场景对应的场景地图及与场景地图对应的设置子元素；

响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式；

基于所述工作模式，在所述目标设备所处场景对应的场景地图上显示与当前工作模式关联的虚拟墙。

15.一种存储有计算机程序的计算机可读存储介质，其特征在于，当所述计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器执行包括以下的动作：

获取目标设备的工作模式；

基于所述工作模式，确定至少一个页面单元；

在第一页面显示所述至少一个页面单元；其中，所述页面单元包含多个存在关联性的子元素，通过子元素对所述目标设备进行相应的功能设置或展示所述目标设备的工作记录；

在第一页面显示所述目标设备所处场景对应的场景地图及与场景地图对应的设置子元素；

响应于用户通过所述设置子元素触发的针对所述场景地图的虚拟墙设置操作，确定所述虚拟墙的设置参数及关联的工作模式；

基于所述工作模式，在所述目标设备所处场景对应的场景地图上显示与当前工作模式关联的虚拟墙。