CN116974644A - 控制页面的配置方法、设备控制方法及相关设备 - Google Patents

Abstract

本申请涉及一种控制页面的配置方法、设备控制方法及相关设备。所述方法包括：响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；各所述布局页面示例包括控件区域和/或内容区域；响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。采用本方法能够更好地实现对多个或多种智能设备的集中控制。

Description

控制页面的配置方法、设备控制方法及相关设备

技术领域

本申请涉及电子设备技术领域，特别是涉及一种控制页面的配置方法、设备控制方法及相关设备。

背景技术

随着物联网技术的发展，人们生产和生活中的智能设备越来越多。由于不同智能设备通常是设置或安装于不同的区域或不同的位置。因此用户控制这些设备时需要去到对应的区域或位置，因此亟需一种能够对多个不同智能设备进行集中控制的方案。

发明内容

基于此，有必要针对上述技术问题，提供一种控制页面的配置方法、设备控制方法及相关设备，以解决目前不能对多个不同智能设备进行集中控制的问题。

第一方面，本申请实施例提供了一种控制页面的配置方法，所述方法包括：

响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；各所述布局页面示例包括控件区域和/或内容区域；

响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；

响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

第二方面，本申请实施例提供了一种基于控制页面的设备控制方法，所述方法包括：

展示目标控制页面，所述目标控制页面包括控件区域和/或内容区域；所述目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，所述待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成；

响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

第三方面，本申请实施例提供了一种控制页面的配置装置，所述装置包括：

第一展示模块，用于响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；各所述布局页面示例包括控件区域和/或内容区域；

第二展示模块，用于响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；

第一页面配置模块，用于响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

在其中一个实施例中，所述第一页面配置模块在响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置时，具体用于：

若获取到针对所述待配置控制页面中的控件区域的配置操作，展示针对所述控件区域的第一配置项，并基于选中的第一配置项配置所述控件区域的控制功能；所述第一配置项包括已绑定的受控设备的控制项和场景控制项中的至少一种；

若获取到针对所述待配置控制页面中的内容区域的配置操作，展示针对所述内容区域的第二配置项，并基于选中的第二配置项配置所述内容区域的内容；所述第二配置项包括针对已绑定的受控设备的页面和场景内容项中至少一种。

在其中一个实施例中，所述装置还包括：第四展示模块和第一配置模块：

所述第四展示模块用于：响应于针对已绑定的受控设备的触发操作，展示针对所述受控设备的配置页面；所述受控设备的配置页面包括可供选择的无线控制项和有线控制项；

所述第一配置模块用于：响应于针对所述有线控制项的选择操作，将所述控件区域的第一配置项配置为针对所述受控设备的有线控制项；所述有线控制项通过智能控制设备的控制器对相应受控设备进行控制。

在其中一个实施例中，所述装置还包括：第五展示模块和第二配置模块；

所述第五展示模块用于：响应于针对已绑定的受控设备的触发操作，将所述内容区域的第二配置项配置为针对所述受控设备的控制项页面；

所述第二配置模块用于：响应于针对所选择的场景内容项的配置操作，将所述内容区域的第二配置项配置为所述场景内容项。

在其中一个实施例中，所述装置还包括：第六展示模块和第二页面配置模块；

所述第五展示模块，用于响应于针对已配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；

所述第二页面配置模块，用于响应于针对已配置控制页面中的控件区域和/或内容区域所选中或所取消选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域修改已配置控制页面。

第四方面，本申请实施例提供了一种基于控制页面的设备控制装置，所述装置包括：

第三展示模块，用于展示目标控制页面，所述目标控制页面包括控件区域和/或内容区域；所述目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，所述待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成；

设备控制模块，用于响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

在其中一个实施例中，所述控件区域包括针对受控设备的控制项；所述设备控制模块在响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行时，具体用于：

响应于对所述目标控制页面中的控件区域的点击控件的点击操作，生成用于切换受控设备运行状态的控制指令；

控制受控设备切换为与所述控制指令对应的运行状态。

在其中一个实施例中，所述内容区域包括针对受控设备的滑块控件；所述装置还包括：指令生成模块和参数调节模块；

指令生成模块，用于响应于对所述滑块控件的滑动操作，基于滑动操作的幅度信息生成针对所述受控设备相应控制属性的调节指令；

参数调节模块，用于基于所述调节指令，调节受控设备的运行参数。

在其中一个实施例中，所述装置还包括：第七展示模块；

所述第七展示模块，用于获取各受控设备的状态，在所述目标控制页面中展示与受控设备对应的设备标识和当前状态；其中，展示受控设备的当前状态包括：将与受控设备对应的控件区域和/或内容区域的颜色调整为与受控设备的当前状态相一致。

第五方面，本申请实施例还提供一种电子设备，其包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时，实现如第一方面中任意一项所述的控制页面的配置方法的步骤，或实现如第二方面中任意一项所述的基于控制页面的设备控制方法的步骤。

第六方面，本申请实施例提供了一种设备控制系统，所述系统包括终端设备和智能控制设备；

所述终端设备用于：响应于针对待配置控制页面的配置操作，展示多个包括控件区域和/或内容区域的布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面；

所述智能控制设备用于：展示所述目标控制页面，响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

第七方面，本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时，实现如第一方面中任意一项所述的控制页面的配置方法的步骤，或实现如第二方面中任意一项所述的基于控制页面的设备控制方法的步骤。

第八方面，本申请实施例还提供一种计算机程序产品或计算机程序，所述计算机程序产品或计算机程序包括计算机指令，所述计算机指令存储在计算机可读存储介质中；计算机设备的处理器从所述计算机可读存储介质读取所述计算机指令，所述处理器执行所述计算机指令时实现如第一方面中任意一项所述的控制页面的配置方法的步骤，或实现如第二方面中任意一项所述的基于控制页面的设备控制方法的步骤。

上述控制页面的配置方法、设备控制方法及相关设备中，通过响应于针对待配置控制页面的配置操作，展示多个包括控件区域和/或内容区域的布局页面示例，并基于选中的布局页面示例生成待配置控制页面的布局页面；响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；配置项包括受控设备和场景功能中的至少一种；响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。如此，通过对基于软件实现的待配置控制页面进行配置，可以得到包含控件控制功能和/或内容显示功能的目标控制页面，并可应用到带有触控屏的智能控制面板中，由于不同的控件区域和/或不同的内容区域可以配置不同的配置项，因此，基于配置好的目标控制页面可以实现对多个或多种智能设备的集中控制；并且，用户可以从布局页面示例中选择想要采用的布局页面，并进行相应配置，从而使得配置的控制页面更加符合用户的实际需求。

附图说明

图1为一个实施例中控制页面的配置方法和基于控制页面的设备控制方法的应用环境图；

图2为一个实施例中控制页面的配置方法的流程示意图；

图3为一个实施例中的布局页面示例的示意图；

图4为一个实施例中智能控制面板X的屏幕配置界面的示意图；

图5为另一个实施例中智能控制面板X的屏幕配置界面的示意图；

图6为一个实施例中布局页面示例的示意图；

图7为另一个实施例中布局页面示例的示意图；

图8为一个实施例中屏幕栅格的示意图；

图9为一个实施例中关于控件区域的屏幕布局配置界面的示意图；

图10为另一个实施例中关于控件区域的屏幕布局配置界面的示意图；

图11为一个实施例中关于内容区域的屏幕布局配置界面的示意图；

图12为一个实施例中关联状态显示的示意图；

图13为一个实施例中基于控制页面的设备控制方法的流程示意图；

图14为一个实施例中目标控制页面的示意图；

图15为一个实施例中受控设备不同状态下设备标识和滑块控件的显示状态的示意图；

图16为一个实施例中控件区域展示的设备不同状态的示意图；

图17为一个实施例中控件区域展示的场景不同状态的示意图；

图18为另一个实施例中控件区域展示的设备不同状态的示意图；

图19为一个实施例中控制页面的配置方法和基于控制页面的设备控制方法的应用场景的流程示意图；

图20为一个实施例中控制页面的配置装置的结构框图；

图21为一个实施例中基于控制页面的设备控制装置的结构框图；

图22为一个实施例中电子设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

申请概述

对于多个智能设备集中控制的问题，一些解决方案是将多个智能设备的实体控制按键集中于一个智能控制面板中，从而实现对多个智能设备的集中控制。但实体按键是通过硬件实现相应的功能，存在开发周期长且按键的形状以及大小、位置等固定无法调节的问题，因此难以很好的实现多个智能设备的集中控制。

针对上述提到的问题，本申请提供一种控制页面的配置方法、设备控制方法及相关设备，目的在于更好地解决多个智能设备的集中控制问题。以下通过实施例对具体方案进行详细说明。

示例性实施环境

本申请提供的控制页面的配置方法和基于控制页面的设备控制方法，可以应用于如图1所示的实施环境中，该实施环境为一物联网平台。其中，一个或多个物联网设备110通过WIFI、蓝牙、ZIGBEE(紫蜂)等方式与网关120相连接，网关120通过WIFI等方式与路由器130相连接，路由器130通过WIFI等方式与云端服务器140相连接；此外，一些场景下，路由器130还通过WIFI等方式与终端设备150相连接，终端设备150还通过2G/3G/4G/5G/WIFI等方式与云端服务器140相连接。当然应当理解的是，上述各设备的通信连接不限于上述列举的连接方式，可根据实际情况需要进行相应调整。上述各设备间相互通信连接后，可实现通信过程，通信过程包括但不限于数据交互和指令传递。

物联网设备110可以但不限于是智能打印机、智能传真机、智能摄像机、智能空调、智能电视、智能冰箱或者配置了通信模块(例如ZIGBEE模块、WIFI模块、蓝牙通信模块等)的人体传感器、门窗传感器、温湿度传感器、水浸传感器、天然气报警器、烟雾报警器、墙壁开关、墙壁插座、无线开关、无线墙贴开关、魔方控制器、窗帘电机等设备，在此不进行限定。在本申请实施例中，物联网设备110可以是设置有屏幕的智能控制面板，如中控屏设备。

可以理解的是，上述实施环境并非本申请提供的控制页面的配置方法和基于控制页面的设备控制方法的唯一实施环境，而是其中一种，这里仅以物联网平台为例对本申请提供的控制页面的配置方法和基于控制页面的设备控制方法进行说明。

示例性方法

在一示例性实施例中，提供了一种控制页面的配置方法，以该方法应用于终端设备为例进行说明，该终端设备具体可以是图1中的终端设备150，也即由终端设备150执行该方法。该终端设备150可以是台式电脑、笔记本电脑、平板电脑、智能手机或者其他可实施网络连接的电子设备，在此不进行限定。

请参阅图2，该控制页面的配置方法可以包括以下步骤：

步骤S201：响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成待配置控制页面的布局页面。

其中，待配置控制页面可以是待配置的用于配置控制、服务等功能的页面，例如具体可以是针对具有显示功能的智能控制设备的控制页面，智能控制设备具体可以是图1所示实施环境中的物联网设备110，如智能控制面板，在下面的描述中均以智能控制面板为例进行解释说明。

其中，上述配置操作用于在待配置控制页面中，配置控制功能和/或显示功能等。这里所述的控制功能可以是但不限于：对各种设备的控制功能，如灯具、空调、音响等设备的控制功能。这里所述显示功能可以是对各种信息的显示功能，包括但不限于：设备信息(如设备标识信息、设备状态信息等)、服务信息(如天气信息、时间信息、温度信息等)等。该配置操作可以包括但不限于以下至少一种：语音输入操作(如语音指令)、触控操作(如在触控屏上进行的点击操作、长按操作、拖动操作等)、隔空手势操作(如在手指与触控屏之间的距离大于预设值(非0的数值)的情况下进行的点击手势操作、滑动手势操作等)。

本申请实施例中，终端设备在接收到针对待配置控制页面的配置操作后，可以对该配置操作进行响应，展示多个类型的布局页面示例，以供用户选择。这里所述的布局页面示例是待配置控制页面的布局样例，展示了不同功能(如控制功能、显示功能等)的配置区域的位置、大小和数量。具体地，各布局页面示例中可以包括控件区域和/或内容区域，控件区域可以是控制功能对应的配置区域，如可以被配置为对灯具的控制功能，完成配置后，该控件区域可形成一虚拟控件，通过触发该控件区域可以对相应的灯具进行控制；内容区域可以是显示功能对应的配置区域，如可以被配置为用来显示天气、时间等信息，完成配置后，该内容区域可以显示对应的天气、时间等信息。图3示意了一种页面布局示例，图中301指示的黑色区域为内容区域，图中302指示的白色区域为控件区域，在该页面布局示例中，包括一个内容区域301和四个控件区域302。通过展示页面布局示例，可以帮助用户更好地规划待配置控制页面的布局，使得规划后的页面内容更便于查看和使用。

本申请实施例中，用户可以根据自身需求，在展示的多个布局页面示例中选择所需的布局页面示例，而终端设备可以基于用户选择的布局页面示例，生成待配置控制页面的布局页面，该布局页面是终端设备将选中的布局页面示例中的控件区域和/或内容区域的布局，应用到待配置控制页面中得到的，该布局页面中的控件区域和/或内容区域，与选中的布局页面示例中的控件区域和/或内容区域的布局相同，例如，用户选中了图3所示的布局页面示例，则终端设备将该布局页面示例中的控件区域和/或内容区域的布局，应用到待配置控制页面中，使得待配置控制页面具有图3所示的区域布局。

步骤S202：响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项。

这里所述的配置操作是用于赋予控件区域和/内容区域具体功能的操作。该配置操作可以包括但不限于以下至少一种：语音输入操作(如语音指令)、触控操作(如在触控屏上进行的点击操作、长按操作、拖动操作等)、隔空手势操作(如在手指与触控屏之间的距离大于预设值(非0的数值)的情况下进行的点击手势操作、滑动手势操作等)。

本申请实施例中，在得到待配置控制页面的布局页面后，可以继续对待配置控制页面中的控件区域和/或内容区域进行配置。终端设备接收到针对控件区域和/或内容区域的配置操作后，对该配置操作进行响应，展示对应的配置项。

这里所述的配置项是指控件区域和/或内容区域可被配置的具体功能选项，如对灯具的控制功能、对空调的控制功能、对天气信息的显示功能等。具体地，配置项可以包括受控设备和场景功能中的至少一种，也即：可以对控件区域配置受控设备和场景功能中的至少一种，也可以对内容区域配置受控设备和场景功能中的至少一种。

上述受控设备是指可以被控制或监测的设备，可以包括但不限于：灯具、空调、电动窗帘、投影、音响等。在配置项为受控设备时，可以为控件区域配置受控设备的控制功能，可以为内容区域配置受控设备的信息显示功能。

上述场景功能是指与场景有关的功能，这里所述的场景可以是但不限于：回家场景、娱乐场景、休息场景等。不同场景下对应至少一种受控设备，例如，回家场景下对应的受控设备可以是但不限于：灯、空调、窗帘、音响等智能家居设备。在配置项为场景功能时，可以为控件区域配置各种场景的开关控件，如回家场景的开关控件，在开启该控件后，可以相应的控制灯和空调打开以及控制窗帘关闭。当然，在配置项为场景功能时，也可以为内容区域配置场景功能的标识信息等，如回家场景功能的标识信息。

配置项除了可以包括受控设备和场景功能外，还可以包括服务功能，如天气、时间、温度、湿度等日常需求服务。

步骤S303：响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

这里所述的目标控制页面是配置有具体功能(如对设备的控制功能、对信息的显示功能等)，且可配置至智能控制面板上的控制页面。

本申请实施例中，用户可以根据自身需求，在展示的配置项中，针对控件区域和/或内容区域选择所需的配置项，例如，针对控件区域选择回家场景的开关功能配置项，再例如，针对内容区域选择显示灯具状态的配置项。终端设备可以基于用户选中的配置项，对对应的控件区域和/或内容区域进行功能配置，使对应的控件区域和/或内容区域具有与选中的配置项对应的功能，从而完成对选中的布局页面的配置，形成用于显示于智能控制面板屏幕中的目标控制页面，以供用户使用。例如，在控件区域被配置为回家场景的开关功能的情况下，用户通过触发该控件区域，即可开启或关闭与回家场景关联的设备。再例如，在内容区域被配置为灯具状态的显示功能的情况下，用户可以通过该区域显示的灯具开关状态标识，确定灯具的开关状态。

由于不同的控件区域和/或不同的内容区域可以配置不同的配置项，因此，基于配置好的目标控制页面可以实现对多个或多种智能设备的集中控制，并且，各种控件以虚拟控件形式存在，克服了现有技术中的实体按键存在的开发周期长以及大小、形状、位置等固定无法调节的问题。进一步的，用户可以从布局页面示例中选择想要采用的布局页面，并进行相应配置，从而使得目标控制页面更加符合用户的实际需求，如更加便于用户操作、更与周围装修风格匹配等。

下面以一具体示例，对上述方法进行进一步的描述。

用户可以通过终端设备上安装的应用程序进行待配置控制页面的配置。该应用程序用于对智能控制面板进行控制，其中一种控制功能则是对智能控制面板的待配置控制页面进行配置。

图4左图示意了该应用程序关于智能控制面板X的设备首页中的屏幕配置界面400。在该界面400的【我的屏幕】配置项中，展示了已配置的屏幕布局页面，如屏1至屏4。通过【我的屏幕】配置项中的添加控件401，可以添加新的屏幕布局页面。用户触发添加控件401后，如图4右图所示，展示包括多个布局页面示例的布局选择页面402，用户可根据需求进行选择布局页面示例。例如，用户通过点击操作选中了第二行第二个布局页面示例，之后再点击确定控件403，终端设备则可发送创建布局页面的请求信息至云端，并在接收到云端发送的创建成功的指示信息后，将选中的布局页面示例添加至【我的屏幕】中，以及控制智能控制面板X在其屏幕中生成待配置控制页面的布局页面。若终端设备接收到云端发送的创建失败的指示信息，则可显示创建失败的提示信息，提醒用户重新选择。若用户不想选择布局页面示例，可点击取消控件404，关闭布局选择页面402。

一些实施例中，在未选中任何布局页面示例的情况下，图4右图中的确定控件403可以置灰显示，并设置为禁止响应状态，在选中一个布局页面示例之后，则取消确定控件403的置灰显示，并由禁止响应状态调整为可响应状态。

一些实施例中，布局选择页面402中还包括新布局配置项406，通过触发新布局配置项406可以展示系统新增的一些布局页面示例，从而为用户提供更多的选择性。

一些实施例中，相同的布局页面示例可以重复选择，如图4左图中的屏2和屏3所示。其中，相同的布局页面可以配置不同的内容。

一些实施例中，可以设置可添加的布局页面的最大值，如最大值取值6，则最多可添加6个布局页面。在添加的布局页面达到6个时，可隐藏添加控件401，这种情况下则无法继续添加布局页面。

一些实施例中，已添加的布局页面的名称可以默认按照添加顺序自动命名，如屏1、屏2、屏3等，也可以由用户根据需求手动命名。新添加的布局页面一般可排序在添加控件401之前。

一些实施例中，用户还可以对已添加的布局页面进行编辑，例如，点击图5左图中的编辑控件405后，展示【我的屏幕】配置项对应的二级页407，如图5右图所示。在二级页407中展示已添加的布局页面，通过每个布局页面右上角的删除控件4071，可以将对应的布局页面删除。通过长按并拖动某个布局页面，可以调整各布局页面的排序。

一些实施例中，每次打开智能控制面板X的设备首页时，应用程序可通过后台静默方式，自动刷新界面内容，在实现无感刷新操作的同时，也实现了最新界面信息的展示。可以理解的是，用户也可以通过手动下拉方式进行界面信息刷新，此类刷新方式中可具有下拉刷新动画，实现有感刷新操作。

其中，各布局页面示例可以包括控件区域和/或内容区域，控件区域用于配置虚拟控件，内容区域用于配置所要显示的信息内容。

在各布局页面示例中，可以包括仅具有内容区域的布局页面示例，如图6中的A图所示(601表示内容区域)，此类布局页面示例应用于屏幕中之后，可形成全面控制屏样式；在各布局页面示例中，也可以包括仅具有控件区域的布局页面示例，如图6中的B图所示(602表示控件区域)，此类布局页面示例应用于屏幕中之后，可形成全控件样式；在各布局页面示例中，还可以包括既具有控件区域又具有内容区域的布局页面示例，如图6中的C图所示，此类布局页面示例应用于屏幕中之后，可形成屏与控件结合的样式。

需要说明的是，一个布局页面示例中的控件区域和内容区域的数量、大小以及形状，均可根据实际需求设计，本申请实施例对此不进行具体限定。

例如，在一些实施例中，终端设备可以为用户提供控件区域的数量从0到9的不同布局页面示例，如图7所示，A图至J图分别示意了控件区域数量从0到9的10个布局页面示例，其中图中黑色矩形区域表示内容区域，白色矩形区域表示控件区域。可以理解的是，在另一些实施例中，终端设备还可以为用户提供数量相同但大小和位置不同的控件区域的布局页面示例，如图7中的D图和K图所示，二者控件区域的数量相同，均为3个，但控件区域的位置和大小有所不同。在又一些实施例中，除了控件区域的数量可以是多个之外，内容区域的数量也可以是多个，如图7中的L图所示，包括两个内容区域，即两个黑色区域所示的区域。

再例如，在一些实施例中，控件区域的形状可以是规则形状，如矩形、圆形、椭圆形等，也可以是不规则形状，如图7中由M图的白色区域所示的控件区域所示。对于内容区域的形状，也可以是规则形状或不规则形状，但考虑到用户的视觉体验，内容区域的形状可优选规则形状，如矩形、圆形等。

本申请实施例中，通过自由组合控件区域和内容区域，来形成不同的布局页面示例，如形成数量、位置以及大小不同的控件区域和/或内容区域的布局页面示例，再如形成纯控件、纯屏或屏与控件结合的布局页面示例，从而满足不同用户的个性化需求。

在一些实施例中，每个布局页面示例中的控件区域和内容区域的形状和大小，可以是基于预先划分的屏幕栅格进行设计的，该屏幕栅格是根据待配置控制页面所在的智能控制面板的屏幕划分得到的。

例如，如图8所示，对于尺寸为480×480px的智能控制面板屏幕800，可以通过栅格划分得到6×6个栅格801，若栅格间距802为4px，且屏幕四周预留2px的编辑空间803，则每个栅格801的尺寸为76×76px。其中，px(Pixel)为像素。

可以设计每个控件区域和每个内容区域占用至少一个栅格，且每个布局页面示例中，两个区域之间的间距与栅格间距相同，布局页面示例的边缘与屏幕四周预留的编辑空间适配，从而得到适配屏幕的布局页面示例。

对于上述示例，当布局页面示例中的内容区域占用6×6个栅格，也即内容区域占用0个栅格时，将其应用于屏幕中之后，则可形成全面控制屏样式。当布局页面示例中的内容区域占用0个栅格，也即控件区域占用6×6个栅格时，将其应用于屏幕中之后，则可形成全控件样式，在一个控件区域至少占用4个栅格的情况下，控件数量可以是1至9个。当布局页面示例中的内容区域和控件区域均占用大于0且小于6×6个栅格时，将其应用于屏幕中之后，则可形成屏与控件结合的样式。

假设，用户选择了弹窗402中的第二行第二个布局页面示例，且终端设备成功将其配置为智能控制面板X的屏幕布局页面后，终端设备可以显示屏幕布局配置界面900，如图9所示和图11所示。在图9和图11所示的屏幕布局页面中，包括一个内容区域(具有白色“+”号的黑色矩形区域)和3个控件区域(具有黑色“+”号的白色矩形区域)。

触发内容区域的配置控件901或触发控件区域的配置控件902，也即触发对内容区域或控件区域的配置操作后，可以展示对应的配置项。例如，触发控件区域的配置控件902后，可以展示场景功能配置页903；也可以展示受控设备配置页904。之后，用户则可以根据自身需求对控件区域902进行具体功能配置。在完成配置后，则可以生成目标控制页面。对于配置项设置的示例性说明，具体可见后面一些实施例的描述中。

可选地，在一些实施例中，步骤S302中的“响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置”的步骤，可以包括：若获取到针对待配置控制页面中的控件区域的配置操作，展示针对控件区域的第一配置项，并基于选中的第一配置项配置控件区域的控制功能。

其中，第一配置项是指控件区域可被配置的具体功能选项，如各种设备的控制功能，用于配置控件区域的具体控制功能。

其中，第一配置项可以包括已绑定的受控设备的控制项和场景控制项中的至少一种。

这里所述的已绑定的受控设备的控制项对应步骤S302中所述的配置项中的受控设备，受控设备的控制项是指针对单个设备的控制项。该选项可以是但不限于：对灯具的开关控制、对空调的开关以及各种功能的控制、对电动窗帘的开关控制等中的至少一种。

这里所述的场景控制项对应步骤S302中所述的配置项中的场景功能，场景控制项是指针对场景模式的控制项，该选项可以是但不限于：对回家场景模式的控制、对娱乐场景模式的控制、对休息场景模式的控制等中的至少一种。由于一种场景与至少一个个设备关联，因此，场景控制也可以理解为是对与一种场景关联的设备的控制。

例如，如图9所示，可以在场景功能配置页903中展示针对控件区域的多个场景模式控制项，如游戏模式、回家模式、办公模式、地理围栏模式、电影模式等。在场景模式控制项中，用户可根据自身需求选择场景模式，终端设备将选中的场景模式作为选中的第一配置项，从而对该控件区域的控制功能进行配置，使选中的场景模式与该控件区域关联。选中的场景模式与该控件区域关联后，除了可以使该控件区域对该场景模式具有控制功能，还可以在该控件区域显示该场景模式信息(如场景模式标识)和场景模式的状态信息(如模式开启状态、模式关闭状态、模式离线状态等)等中的至少一种。

若关联失败，可显示关联失败的提醒弹窗，提醒用户重试，如图10所示，在回家模式与控件区域1001关联失败的情况下，显示布局配置页面1002，提醒用户关联失败。用户点击重试控件1003后，终端设备可控制回家模式与控件区域1001重新进行关联。用户点击取消控件1004后，终端设备可取消回家模式与控件区域1001之间的关联处理操作。

本申请实施例中，通过为待配置控制页面的控件区域配置具体控制功能，可以使得用户通过一个控制页面，即可实现对相应设备的控制，同时也使得设备的控制，不再局限于通过与设备就近设置的实体按键，操作更加便捷。另外，由于不同的控件区域可以配置不同的配置项，或是一个控件区域可以被配置为与多种设备关联的场景控制功能，因此，基于配置好的控件区域可以实现对多个或多种智能设备的集中控制，同样也可以使得操作更加便捷。并且控件区域是以虚拟控件形式存在，克服了现有技术中的实体按键存在的开发周期长以及大小、形状、位置等固定无法调节的问题。

具体地，受控设备的控制项可以包括但不限于：无线控制项和有线控制项中的至少一种。终端设备可以响应于针对已绑定的受控设备的触发操作，展示针对受控设备的配置页面，受控设备的配置页面包括可供选择的无线控制项和有线控制项；以及响应于针对有线控制项的选择操作，将控件区域的第一配置项配置为针对受控设备的有线控制项，或响应于针对无线控制项的选择操作，将控件区域的第一配置项配置为针对受控设备的无线控制项。

其中，有线控制项，也即有线开关，可以通过与带屏智能控制面板的底座连接的控制器(如继电器)，对受控设备进行控制。

其中，无线控制项，也即无线开关，可以通过无线通信方式(如WIFI、蓝牙、ZIGBEE等)与控制器连接，对受控设备进行控制。

其中，在对控件区域进行受控设备的控制项配置时，一般需要先绑定受控设备，也即将受控设备与该控件区域进行关联，然后再将与被绑定的受控设备对应的控制项，与该控件区域进行关联。需要说明的是，一个受控设备可以与同一个布局页面中的不同控件区域进行关联，当用户解除受控设备与某个控件区域的关联关系时，仅解除与当前控件区域的关联关系，而继续保持受控设备与其他控件区域的关联关系。例如，餐桌顶灯可以分别与布局页面A中的控件区域a和控件区域b进行了关联。当用户解除餐桌顶灯与控件区域a的关联关系时，餐桌顶灯与控件区域b的关联关系不变。

如图9所示，可以在场景功能配置页904中展示针对控件区域的【设备开关】配置页。在【设备开关】配置页中，通过对已绑定的受控设备进行点击操作(也即针对已绑定的受控设备进行触发操作)，可以展示与已绑定的受控设备对应的开关页面(也即展示针对受控设备的配置页面)。如图9中的开关配置页面905所示，用户点击已绑定的妙控场景开关后，展示与妙控场景开关对应的各开关。其中，开关配置页面905中的开关1至开关3为有线开关，无线开关1至无线开关6为无线开关。需要说明的是，这里所述的妙控场景开关是指待配置至智能控制面板上的一种场景的开关控件，而开关1至开关6是指与该场景关联的各种设备对应的开关。

在开关页面中，用户可根据自身需求选择所需的开关，终端设备将选中的开关作为选中的第一配置项，以对该控件区域的控制功能进行配置。例如，如图9所示，用户选择了“开关3”，则终端设备将妙控场景开关中的“开关3”与当前被配置的控件区域进行关联。若关联成功，则可以在“开关3”所在位置处以“√”符号进行标识，如开关配置页面905所示；若关联失败，则可以在“开关3”所在位置处以“！”符号进行标识，如图9中的显示示例906所示。选中的设备开关与该控件区域关联后，除了可以使该控件区域具备对受控设备的开关控制功能外，还可以在该控件区域显示该受控设备信息(如受控设备标识)和受控设备的状态信息(如设备开启状态、设备关闭状态、设备离线状态等)等中的至少一种。

其中，在一些实施例中，已绑定的受控设备可通过特定标识标记，如通过“√”标识标记，或通过“当前”“已绑定”等文字进行标识，例如，对于图9中已绑定的妙控场景开关，则通过“当前”文字进行标识。此外，已绑定的受控设备还可置顶显示，以进行突出显示。

本申请实施例中，可以将设备的有线开关对应的控制功能配置为待配置控制页面中的控件区域的控制功能，也可以将设备的无线开关对应控制功能配置为待配置控制页面中的控件区域的控制功能，可兼容多种类型的实体开关控件功能。且无论是有线开关还是无线开关，用户控制这些设备时均需要去到对应的区域或位置进行操作，而本申请实施例中可以将多个或多种智能设备的开关控制功能集中至一个控制页面中，实现对多个或多种智能设备的集中控制，使得操作更加便捷。

可选地，在一些实施例中，步骤S303中的“响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置”的步骤，可以包括：若获取到针对待配置控制页面中的内容区域的配置操作，展示针对内容区域的第二配置项，并基于选中的第二配置项配置内容区域的内容。

其中，第二配置项是指内容区域可被配置的具体功能选项，如各种信息的显示功能，用于配置内容区域的具体显示功能。第二配置项包括针对已绑定的受控设备的页面和场景内容项中至少一种。这里所述的已绑定的受控设备的页面对应步骤S302中所述的配置项中的受控设备，这里所述的场景内容项对应步骤S302中所述的配置项中的场景功能。可以理解的是，第二配置项还可以包括服务内容项，如天气、时间、温度等服务内容选项。

其中，在对内容区域进行受控设备的页面配置时，一般需要先绑定受控设备，也即将受控设备与该内容件区域进行关联，然后再将与被绑定的受控设备对应的页面，与该内容区域进行关联绑定。

例如，如图11所示，用户点击内容区域的配置控件901之后，终端设备对作为配置操作的点击操作进行响应，展示针对内容区域的受控设备的页面配置项或场景内容配置项。用户可根据自身需求对展示的配置项进行选择，而终端设备则可以基于用户选中的配置项对内容区域所要显示的内容进行配置。

例如，如图11所示，可在设备配置页面907中展示针对受控设备的多个页面配置项，如作为受控设备的餐桌顶灯页面配置项、晾衣机页面配置项、茶几顶灯页面配置项、空调伴侣页面配置项以及窗帘电机页面配置项等。在页面配置项中，用户可根据自身需求选择相应的受控设备，终端设备根据用户选中的受控设备，将选中的受控设备的页面作为选中的第二配置项，以对内容区域所要显示的内容进行配置。

本申请实施例中，可以为待配置控制页面的内容区域配置具体各种类型的显示信息，使得用户可以通过一个控制页面集中了解各种信息，方便了信息的查看操作。

具体地，在一些实施例中，终端设备可以响应于针对已绑定的受控设备的触发操作，将内容区域的第二配置项配置为针对受控设备的控制项页面。

这里所述的控制项页面中的内容可以包括：设备信息以及用于控制受控设备的虚拟控件(如滑动调节控件)等。例如，卧室床头灯支持无级调光功能，在该卧室床头灯作为第二配置项对为内容区域进行配置之后，可以在内容区域显示灯具标识以及无级调节控件，该无级调节控件可以是长条形状，通过沿控件长度方向的滑动，可以对卧室床头灯的灯光进行无级调节。

本申请实施例中，待配置控制页面的内容区域不仅可以配置所要显示的信息，还可以配置受控设备的控制功能，如对一些具体参数(如灯的颜色、亮度灯等)调节的控制，为受控设备的控制提供了更多的控制方式，方便用户对设备的控制操作。

具体地，在一些实施例中，终端设备可以响应于针对所选择的场景内容项的配置操作，将内容区域的第二配置项配置为场景内容项。

这里所述的场景内容项是指指针对场景的内容信息，如场景模式的标识信息等，具体可以是场景模式的开关状态的标识信息等。本申请实施例中，通过在待配置控制页面的内容区域配置场景内容，可以便于用户了解场景模式的相关信息。

可选地，在第二配置项为服务内容项的情况下，终端设备也可以响应针对所选择的服务内容项的配置操作，将内容区域的第二配置项配置为服务内容项。

例如，如图11所示，可以在服务配置页面908展示针对内容区域的多个服务内容项，如时钟、天气等。在服务内容项中，用户可根据自身需求进行选择，终端设备则将选择的服务内容项作为第二配置项，以对该内容区域所要显示的内容进行配置。

可选地，在一些实施例中，在将布局页面与受控设备关联的过程中，还可以在布局页面显示关联状态。例如，如图12中A图所示的布局示例，在关联状态为关联中的情况下，可以在布局页面显示用于表示关联中状态的标识1201。再例如，如图12中B图所示的布局示例，在关联状态为关联失败的情况下，可以在布局页面显示用于表示关联失败状态的标识1202。

此外，当已关联的受控设备处于离线状态的情况下，如图12中C图所示的布局示例，还可以在布局页面显示用于离线状态的标识1203。其中，这里所属的布局页面可以是屏幕配置界面400中【我的屏幕】配置项中显示的布局页面，也可以是智能控制面板中显示的布局页面等。各标识的显示位置也不仅限于图中所示，具体显示位置可根据实际需求设置。通过在布局页面显示这些标识，可以便于用户了解设备关联情况以及设备状态等信息。其中，在一些实施例中，在屏幕配置界面400中【我的屏幕】配置项中，还可以显示关联失败的汇总结果，点击重试控件，可批量重试关联。

可选地，在一些实施例中，除了可以配置布局页面中的控件区域和/或内容区域，还可以配置布局页面的主题风格，以增加布局页面的趣味性。如图4所示，可以通过屏幕配置界面400中的【主题风格】配置项，设置布局页面的主题风格。

可选地，在一些实施例中，该控制页面的配置方法还可以包括以下步骤：

响应于针对已配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；响应于针对已配置控制页面中的控件区域和/或内容区域所选中或所取消选中的配置项，对控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域修改已配置控制页面。

这里所述配置操作用于修改控件区域或内容区域已配置的具体功能。本实施例中，对于已配置控制页面中的控件区域和内容区域中的至少一个，可以对其已有配置进行修改。例如，将某一控件区域对餐厅顶灯的控制功能重新配置为对卧室灯的控制功能，或是取消该控件区域对餐厅顶灯的控制功能。再例如，在某一内容区域添加之前没有的天气服务内容，或取消该内容区域已配置的时间服务内容显示。这样可以使得用户根据自身需求随时对布局页面的配置进行调整，提升了配置功能的灵活性。

最后需要说明的是，当一个布局页面中的控件区域的数量为多个的情况下，可以对全部或部分控件区域进行配置。同理，当一个布局页面中的内容区域的数量为多个的情况下，也可以对全部或部分内容区域进行配置。

在上述各实施例方案的基础上，本申请还提供了一种基于控制页面的设备控制方法，以该方法应用于智能控制设备为例进行说明，该智能控制设备可以是图1所示的实施环境中作为物联网设备110，例如智能控制面板。

请参阅图13，该基于控制页面的设备控制方法可以包括以下步骤：

步骤S1301：展示目标控制页面。

其中，目标控制页面包括控件区域和/或内容区域。目标控制页面是基于从多个配置项中所选中的配置项，对待配置控制页面的布局页面中的控件区域和/或内容区域进行配置得到的，待配置控制页面的布局页面是基于从展示的多个布局页面示例中所选中的布局页面示例生成的。关于布局页面示例、布局页面中的控件区域和内容区域的解释说明，以及目标控制页面的生成过程，具体可参见对上述各实施例的描述，为避免重复，这里便不再赘述。

其中，对于目标控制页面的控件区域，除了具备对控制对象(即受控设备)的控制功能外，还可以显示控制对象信息、控制对象的状态信息等中的至少一种。例如，在控制对象为空调的情况下，可以在控件区域显示空调标识，以及显示用于表示空调开关状态的文字或标识。

其中，对于目标控制页面的内容区域，可以显示关联的设备信息、场景信息等中的至少一种。例如，关联的设备为空调，则可以在内容区域显示空调标识、当前设置温度、工作模式等设备信息。再例如，关联的场景信息为环境湿度和温度，则可以在内容区域显示湿度信息和温度信息。

步骤S1302：响应于目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

用户可以根据自身需求，对目标控制页面中的控件区域进行触发操作，以使智能控制设备可以基于触发操作生成相应的控制指令，并将控制指令发送至受控设备，以使受控设备根据该控制指令，执行相应的处理操作。

例如，控件区域与电影场景模式关联，当用户想要开启该场景模式时，可以对该控件区域进行触发操作。智能控制设备根据用户的触发操作，生成电影场景模式的开启控制指令，并将该开启控制指令发送至与电影场景模式匹配的各设备的控制器。各设备的控制器接收到该控制指令后，控制各设备执行对应处理操作，例如，将室内灯光关闭或调暗，开启投影仪以及打开家庭影院音响等。

这里所述的触发操作可以包括但不限于：点击操作、长按操作、重按操作、滑动操作等中至少一种。

在本申请实施例提供的基于控制页面的设备控制方法中，用户通过对控件区域进行触发操作，则可以对与该控件区域关联的受控设备进行控制，操作简单便捷。且由于不同的控件区域可以配置不同的配置项，因此，基于配置好的目标控制页面可以实现对多个或多种智能设备的集中控制。

可选地，在一些实施例中，控件区域包括针对受控设备的控制项。这里所述的受控设备的控制项可以是但不限于：有线控制项(即有线开关)或无线控制项(即无线开关)。

相应的，步骤S1302：响应于对控制页面中的控件区域的触发操作，生成相应的控制指令并执行，具体包括：

智能控制设备响应于对控制页面中的控件区域的点击控件的点击操作，生成用于切换受控设备运行状态的控制指令；控制受控设备切换为与控制指令对应的运行状态。

这里所述的运行状态可以包括但不限于：开启状态和关闭状态。

本实施例中，控件区域可以被配置为点击控件，以及被配置具备对受控设备的运行状态的切换控制功能，因此，当用户想要切换受控设备的运行状态时，可以点击控件区域，智能控制设备可以根据该点击操作，生成用于切换受控设备运行状态的控制指令，并发送该控制指令至受控设备，以使受控设备根据该控制指令进行运行状态的切换。

例如，控件区域被配置为具备对窗帘的运行状态的切换控制功能。当用户准备休息，想要关闭处于打开状态的窗帘时，可以对该控件区域进行点击操作。智能控制设备根据用户的点击操作，生成窗帘的关闭控制指令，并将该关闭控制指令发送至与窗帘电机。窗帘电机接收到该控制指令后，控制窗帘关闭。

本申请实施例中，用户通过一个目标控制页面，即可实现对相应设备的控制，且操作简单，同时这也使得设备的控制，不再局限于通过与设备就近设置的实体按键，操作更加便捷。另外，由于不同的控件区域可以配置不同的控制功能，因此，基于配置好的控件区域可以实现对多个或多种智能设备的集中控制，同样也可以使得操作更加便捷。并且控件区域是以虚拟控件形式存在，克服了现有技术中的实体按键存在的开发周期长以及大小、形状、位置等固定无法调节的问题。

可选地，一些实施例中，内容区域包括针对受控设备的滑块控件，该滑块控件可以用于调节受控设备的运行参数。

相应的，该方法还可以包括：响应于对滑块控件的滑动操作，基于滑动操作的幅度信息生成针对受控设备相应控制属性的调节指令；基于调节指令，调节受控设备的运行参数。

对于有些受控设备，除了具有开启和关闭运行状态外，还可以具有其他一些连续可调的运行参数，如灯光的亮度、色温等，对于此类参数，可以在内容区域显示对应的调节控件，从而实现参数调节的可操作性。

具体的，该调节控件可以是滑块控件，智能控制设备可以基于用户对滑块控件的滑动操作，生成相应的调节指令，调节受控设备的此类运行参数。

例如，参照容图14，图14中出示了多个控制页面A至E。在各控制页面中与内容区域1401关联的受控设备为灯具，且灯具支持亮度调节功能的情况下，可以在内容区域1401显示与该灯具匹配的亮度滑块控件1402，如图14中的A图至C图示意了不同布局页面中的亮度滑块控件1402。通过在亮度滑块控件1402上进行上下滑动，则可调节灯具的亮度。

再例如，当灯具支持色温调节功能的情况下，也可以在内容区域显示与该灯具匹配的色温滑块控件。若灯具既支持亮度调节功能又支持色温调节功能，如控制页面D，则可以在内容区域1401分别显示亮度滑块控件1402和色温滑块控件1405。

可选地，一些实施例中，对于有些受控设备，还可以具有其他一些离散可调的运行参数，如灯光的颜色等，对于此类参数，可以在内容区域显示对应的点击控件，从而实现参数调节的可操作性。例如，如图14中的控制页面E图所示，图中虚线框框出的4个控件1406，分别为灯具不同颜色的控件，点击某一颜色控件，则可控制灯具发出对应颜色的灯光。

可选地，在内容区域显示空间充足的情况下，内容区域除了可以包括针对受控设备的滑块控件和/或点击控件外，还可以包括受控设备的设备标识，如图14中的控制页面A、B、D、E中的灯具标识1403。

进一步的，还可以在内容区域显示受控设备的开关控件，如图14中的控制页面A至E中的开关控件1404。通过触发该开关控件可以控制受控设备的开启或关闭。

其中，在受控设备处于开启状态的情况下，针对受控设备的滑块控件和/或点击控件处于可操作状态；在受控设备处于关闭状态的情况下，针对受控设备的滑块控件和/或点击控件处于不可操作状态，并可以置灰显示，以起到提醒作用。例如，如图15中的左图所示的控制页面中，在灯具处于开启状态时，用于可以通过亮度调节控件1402，调节灯具亮度；在用户点击左图中的开关控件1404开闭灯具后，亮度调节控件1402和灯具标识1403置灰显示，且亮度调节控件1402切换为禁止响应状态，如图15中的右图所示的控制页面中。在用户点击右图中的开关控件1404开启灯具后，则亮度调节控件1402和灯具标识1403的状态切换至图15中的左图所示的控制页面。

需要说明的是，对于上述显示于内容区域的滑块控件、开关控件、点击控件等，均可根据实际需求自由组合显示，本申请实施对此不进行具体限定。

本申请实施例中，目标控制页面中的内容区域不仅可以显示信息，还可以配置对受控设备的控制功能，如对一些具体参数(如灯的颜色、亮度灯等)调节的控制，为受控设备的控制提供了更多的控制方式，方便用户对设备的控制操作。

可选地，一些实施例中，该方法还可以包括：

获取各受控设备的状态，在目标控制页面中展示与受控设备对应的设备标识和当前状态。

其中，展示受控设备的当前状态包括：将与受控设备对应的控件区域和/或内容区域的颜色调整为与受控设备的当前状态相一致。

该实施例中，为了便于用户了解受控设备的状态，智能控制设备可以定时或实时获取各受控设备的状态，或是在接收到用户的触发操作的情况下，获取被控制的受控设备的状态，并将获取到的受控设备的状态通过目标控制页面进行展示，具体可以是通过目标控制页面中的内容区域和/或控件区域进行展示。

例如，参照图16，出示了控制页面A至D，在各控制页面中的控件区域1601被配置为灯具的开关控件的情况下，当灯具处于关闭状态的情况下，该控件区域1601置灰显示，如图16中的控制页面B所示；在用户点击控制页面B中的控件区域1601，开启灯具时，该控件区域1601取消置灰显示，并按照与开启状态对应的颜色进行显示，如图16中的控制页面A所示。

再例如，当灯具处于离线状态时，控件区域1601的颜色可以调整为与离线状态匹配的颜色，并显示离线图标1602。这种情况下，用户点击控件区域1601，会先触发登录操作(即loading操作)，进行离线设备的控制。在第一预设时长(如5秒)后，若控制成功，则恢复灯具的在线状态，并真实状态显示，例如，若真实状态为开启状态，则按照图16中的控制页面A进行显示；若真是状态为关闭状态，则按照图16中的控制页面B进行显示；若仍是离线，则显示离线提示弹窗，提醒用户可能的离线原因，如图16中的E图所示。点击E图中的【我知道了】，可关闭弹窗。

同理，当该灯具与内容区域关联的情况下，内容区域的颜色也可随灯具状态的变化而变化。

需要说明的是，在通过应用程序或语音进行控制时，智能控制设备的处理过程与前述类似，这里便不再赘述。

本申请实施例中，不仅可以在目标控制页面中展示与受控设备对应的设备标识，还可以将对应的控件区域和/或内容区域的背景颜色，设置为与受控设备的当前状态匹配的颜色，以更加突出、明显的方式，标识设备状态，便于用户了解具体某一受控设备的状态。

可选地，一些实施例中，该方法还可以包括：

获取各场景的状态，在目标控制页面中展示与场景对应的场景标识和当前状态。

其中，展示场景的当前状态包括：将与场景对应的控件区域和/或内容区域的颜色调整为与场景的当前状态相一致。

该实施例中，为了便于用户了解场景的状态，智能控制设备可以定时或实时获取各场景的状态，或是在接收到用户的触发操作的情况下，获取被控制的场景的状态，并将获取到的场景的状态通过目标控制页面进行展示，具体可以是通过目标控制页面中的内容区域和/或控件区域进行展示。

例如，参照图17，图17出示了不同状态下的控制页面A和控制页面B。在控件区域1701被配置为回家场景模式的开关控件的情况下，当回家场景模式处于关闭状态的情况下，该控件区域1701置灰显示，如图17中的控制页面B所示；在用户点击控制页面B中的控件区域1701，开启回家场景模式时，该控件区域1701取消置灰显示，并按照与开启状态对应的颜色进行显示，如图17中的控制页面A所示。同理，当该回家场景模式与内容区域关联的情况下，内容区域的颜色也可随回家场景模式状态的变化而变化。

本申请实施例中，不仅可以在目标控制页面中展示与场景对应的场景标识，还可以将对应的控件区域和/或内容区域的背景颜色，设置为与场景的当前状态匹配的颜色，以更加突出、明显的方式，标识设备状态，便于用户了解具体某一场景设备的状态。

可选地，一些实施例中，内容区域和/或控件区域的显示可以包括常态显示和执行态显示。

其中，常态显示即平常的显示状态。

其中，执行态显示是指：当智能控制设备接收到用户的触发操作，且该触发操作会导致受控设备状态或场景状态发生变化时，可在对应的内容区域和/或控件区域，显示用于表示执行状态的信息，如执行状态标识和/或对应的文字信息。执行成功后，恢复常态显示。通过进行常态显示和执行态显示，可以便于用户感知处理过程。

例如，参照图18，图18出示了另一实施例中不同状态的控制页面A至C。控件区域1801被配置为窗帘的开关控件，图18中的控制页面A示意了窗帘处于关闭状态下的控件区域1801。当用户点击控件区域1801后，控件区域1801进入执行状态显示，显示执行状态标识1802以及对应的文字信息“执行中”，如图18中的控制页面B所示。在成功打开窗帘后，控件区域1801进入常态显示，如图18中的控制页面C所示。

可选地，一些实施例中，对于用户对智能控制设备的触发操作，智能控制设备在检测操作松手时，生成对应的指令，并将生成的指令发送至对应的受控设备。若用户多次连续进行触发操作，如对开关控件连续多次进行点击操作，且每次控制的时间间隔小于第二预设时长(如0.2秒)，则只将最后一次操作生成的控制指令发送至受控设备。智能控制设备若在第三预设时长内(如5秒内)收到受控设备的真实状态上报，则按真实状态显示。若智能控制设备查询到状态或收到的推送状态，与实际控制不一致，则显示操作失败的提醒信息。

示例性应用场景

参照图19，本申请还提供了一种应用场景，该应用场景应用于上述的控制页面的配置方法和基于控制页面的设备控制方法。该应用场景中以终端设备为手机为例，以智能控制设备为智能控制面板为例进行描述，用于配置智能控制面板的待配置控制页面的应用程序为应用A。

具体地，前述方法在该应用场景的应用如下：

步骤S1901：手机响应于用户对应用A的操作，显示应用A针对智能控制面板的屏幕配置界面，然后进入步骤S1902。

其中，屏幕配置界面可以如图4中的400所示。

步骤S1902：手机响应于对布局页面添加控件的点击操作，显示布局页面示例弹窗，然后进入步骤S1903。

其中，布局页面添加控件可以如图4中的401所示，布局页面示例弹窗可以如图4中的402所示，该布局页面示例弹窗中显示有多个布局页面示例。

步骤S1903：手机响应于对布局页面a的选择操作，将布局页面a设置为智能控制面板的一个布局页面，然后进入步骤S1904或步骤S1905。

其中，布局页面a包括一个内容区域a1和一个控制区域a2，布局页面a以及内容区域a1与控制区域a2的位置关系，可以如图4所示弹窗402中的第一行第二个布局示例所示，黑色矩形表示内容区域，白色矩形表示控件区域。

步骤S1904：手机响应于对内容区域a1的点击操作，显示内容区域配置弹窗，然后进入步骤S1906。

其中，内容区域配置弹窗可以如图11中的设备配置页面907或服务配置页面908所示。

步骤S1905：手机响应于对控件区域a2的点击操作，显示控件区域配置弹窗。

其中，控件区域配置弹窗可以如图9中的场景配置页面903或设备配置页面904所示。

步骤S1906：手机响应于对内容区域配置弹窗中的餐桌顶灯的选择操作，将餐桌顶灯对应的页面信息配置为内容区域a1所要显示的内容，然后进入步骤S1908。

其中，餐桌顶灯支持亮度调节功能，因此，餐桌顶灯对应的页面信息包括亮度滑块控件。

步骤S1907：手机响应于对控件区域配置弹窗中的回家场景模式的选择操作，将回家场景模式的开关功能配置为控件区域a2的控制功能，然后进入步骤S1908。

步骤S1908：手机根据对内容区域a1和控件区域a2的配置操作，生成目标控制页面，并控制目标控制页面显示于智能控制面板的屏幕中，然后进入步骤S1909或步骤S1910。

步骤S1909：智能控制面板响应于对内容区域a1中显示的亮度滑块控件的滑动操作，对处于开启状态的餐桌顶灯的亮度进行调节。

步骤S1910：智能控制面板响应于对控件区域a2的点击操作，开启处于关闭状态的回家场景模式，并将控件区域a1的颜色由于与关闭状态对应的颜色调整与开启状态对应的颜色。

本申请实施例中，通过为待配置控制页面的控件区域配置具体控制功能，可以使得用户通过一个控制页面，即可实现对相应设备的控制，使得设备的控制，不再局限于通过与设备就近设置的实体按键，操作更加便捷。另外，由于不同的控件区域可以配置不同的配置项，或是一个控件区域可以被配置为对一个与多种设备关联的场景的控制功能，因此，基于配置好的控件区域可以实现对多个或多种智能设备的集中控制，并且控件区域是以虚拟控件形式存在，克服了现有技术中的实体按键存在的开发周期长以及大小、形状、位置等固定无法调节的问题。

应该理解的是，虽然图2、图13以及图19所示的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2、图13以及图19中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

示例性装置

在一个实施例中，如图20所示，提供了一种控制页面的配置装置，该装置应用于终端设备，该终端设备具体可以是图1所示实施环境中的终端设备150。该终端设备150可以是台式电脑、笔记本电脑、平板电脑、智能手机或者其他可实施网络连接的电子设备，在此不进行限定。

该控制页面的配置装置2000包括：第一展示模块2001、第二展示模块2002和第一页面配置模块2003，其中：

第一展示模块2001，用于响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成待配置控制页面的布局页面；各布局页面示例包括控件区域和/或内容区域。

第二展示模块2002，用于响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；配置项包括受控设备和场景功能中的至少一种。

第一页面配置模块2003，用于响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

在其中一个实施例中，第一页面配置模块2003在响应于针对控件区域和/或内容区域所选中的配置项，对控件区域和/或内容区域进行配置时，具体用于：若获取到针对待配置控制页面中的控件区域的配置操作，展示针对控件区域的第一配置项，并基于选中的第一配置项配置控件区域的控制功能；第一配置项包括已绑定的受控设备的控制项和场景控制项中的至少一种；若获取到针对待配置控制页面中的内容区域的配置操作，展示针对内容区域的第二配置项，并基于选中的第二配置项配置内容区域的内容；第二配置项包括针对已绑定的受控设备的页面和场景内容项中至少一种。

在其中一个实施例中，装置2000还包括：第四展示模块和第一配置模块：第四展示模块用于：响应于针对已绑定的受控设备的触发操作，展示针对受控设备的配置页面；受控设备的配置页面包括可供选择的无线控制项和有线控制项；第一配置模块用于：响应于针对有线控制项的选择操作，将控件区域的第一配置项配置为针对受控设备的有线控制项；有线控制项通过智能控制设备的控制器对相应受控设备进行控制。

在其中一个实施例中，装置2000还包括：第五展示模块和第二配置模块；第五展示模块用于：响应于针对已绑定的受控设备的触发操作，将内容区域的第二配置项配置为针对受控设备的控制项页面；第二配置模块用于：响应于针对所选择的场景内容项的配置操作，将内容区域的第二配置项配置为场景内容项。

在其中一个实施例中，装置2000还包括：第六展示模块和第二页面配置模块；第五展示模块，用于响应于针对已配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；第二页面配置模块，用于响应于针对已配置控制页面中的控件区域和/或内容区域所选中或所取消选中的配置项，对控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域修改已配置控制页面。

关于控制页面的配置装置的具体限定可以参见上文中对于控制页面的配置方法的限定，在此不再赘述。上述控制页面的配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在另一个实施例中，如图21所示，提供了一种基于控制页面的设备控制装置，该装置应用于智能控制设备，该智能控制设备可以是图1所示实施环境中作为物联网设备110，如设置有屏幕的智能控制面板。

该基于控制页面的设备控制装置2100可以包括：第三展示模块2101和设备控制模块2102，其中：

第三展示模块2101，用于展示目标控制页面，目标控制页面包括控件区域和/或内容区域；目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成；

设备控制模块2102，用于响应于对目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

在其中一个实施例中，控件区域包括针对受控设备的控制项；设备控制模块2102在响应于对目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行时，具体用于：响应于对目标控制页面中的控件区域的点击控件的点击操作，生成用于切换受控设备运行状态的控制指令；控制受控设备切换为与控制指令对应的运行状态。

在其中一个实施例中，内容区域包括针对受控设备的滑块控件；装置2100还包括：指令生产模块，用于响应于对滑块控件的滑动操作，基于滑动操作的幅度信息生成针对受控设备相应控制属性的调节指令；参数调节模块，用于基于调节指令，调节受控设备的运行参数。

在其中一个实施例中，装置2100还包括：第七展示模块，用于获取各受控设备的状态，在目标控制页面中展示与受控设备对应的设备标识和当前状态；其中，展示受控设备的当前状态包括：将与受控设备对应的控件区域和/或内容区域的颜色调整为与受控设备的当前状态相一致。

关于基于控制页面的设备控制装置的具体限定可以参见上文中对于基于控制页面的设备控制方法的限定，在此不再赘述。上述基于控制页面的设备控制装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

示例性电子设备

在一个实施例中，提供了一种电子设备，该电子设备可以是手机、平板电脑等终端设备，也可以是设置有屏幕的智能控制面板。其内部结构图可以如图22所示。该电子设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种控制页面的配置方法或一种基于控制页面的设备控制方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图22中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

示例性设备控制系统

在一个实施例中，提供了一种设备控制系统，其包括：终端设备和智能控制设备。其中，终端设备为前述实施例中所述的终端设备，智能控制设备为前述实施例中所述的智能控制面板。

所述终端设备用于：响应于针对待配置控制页面的配置操作，展示多个包括控件区域和/或内容区域的布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

所述智能控制设备用于：展示所述目标控制页面，响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行；所述目标控制页面包括控件区域和/或内容区域；所述目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，所述待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成。

示例性计算机程序产品和计算机可读存储介质

在一个实施例中，提供了一种计算机程序产品，其包括计算机程序指令，计算机程序指令在被处理器运行时使得处理器执行本说明书上述“示例性方法”部分中描述的根据本申请各实施例的控制页面的配置方法或基于控制页面的设备控制方法中的步骤。

计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本申请实施例操作的程序代码，程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在设备上执行或作为一个独立的软件包执行。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述示例性方法部分各实施例示出的控制页面的配置方法或基于控制页面的设备控制方法各个步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (14)

1.一种控制页面的配置方法，其特征在于，所述方法包括：

响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；各所述布局页面示例包括控件区域和/或内容区域；

响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；

响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

2.根据权利要求1所述的方法，其特征在于，所述响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，包括：

若获取到针对所述待配置控制页面中的控件区域的配置操作，展示针对所述控件区域的第一配置项，并基于选中的第一配置项配置所述控件区域的控制功能；所述第一配置项包括已绑定的受控设备的控制项和场景控制项中的至少一种；

若获取到针对所述待配置控制页面中的内容区域的配置操作，展示针对所述内容区域的第二配置项，并基于选中的第二配置项配置所述内容区域的内容；所述第二配置项包括针对已绑定的受控设备的页面和场景内容项中至少一种。

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

响应于针对已绑定的受控设备的触发操作，展示针对所述受控设备的配置页面；所述受控设备的配置页面包括可供选择的无线控制项和有线控制项；

响应于针对所述有线控制项的选择操作，将所述控件区域的第一配置项配置为针对所述受控设备的有线控制项；所述有线控制项通过智能控制设备的控制器对相应受控设备进行控制。

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

响应于针对已绑定的受控设备的触发操作，将所述内容区域的第二配置项配置为针对所述受控设备的控制项页面；

响应于针对所选择的场景内容项的配置操作，将所述内容区域的第二配置项配置为所述场景内容项。

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

响应于针对已配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；

响应于针对已配置控制页面中的控件区域和/或内容区域所选中或所取消选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域修改已配置控制页面。

6.一种基于控制页面的设备控制方法，其特征在于，所述方法包括：

展示目标控制页面，所述目标控制页面包括控件区域和/或内容区域；所述目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，所述待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成；

响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

7.根据权利要求6所述的方法，其特征在于，所述控件区域包括针对受控设备的控制项；所述响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行，包括：

响应于对所述目标控制页面中的控件区域的点击控件的点击操作，生成用于切换受控设备运行状态的控制指令；

控制受控设备切换为与所述控制指令对应的运行状态。

8.根据权利要求6所述的方法，其特征在于，所述内容区域包括针对受控设备的滑块控件；所述方法还包括：

响应于对所述滑块控件的滑动操作，基于滑动操作的幅度信息生成针对所述受控设备相应控制属性的调节指令；

基于所述调节指令，调节受控设备的运行参数。

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

获取各受控设备的状态，在所述目标控制页面中展示与受控设备对应的设备标识和当前状态；其中，展示受控设备的当前状态包括：将与受控设备对应的控件区域和/或内容区域的颜色调整为与受控设备的当前状态相一致。

10.一种控制页面的配置装置，其特征在于，包括：

第一展示模块，用于响应于针对待配置控制页面的配置操作，展示多个布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；各所述布局页面示例包括控件区域和/或内容区域；

第二展示模块，用于响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；

第一页面配置模块，用于响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面。

11.一种基于控制页面的设备控制装置，其特征在于，包括：

第三展示模块，用于展示目标控制页面，所述目标控制页面包括控件区域和/或内容区域；所述目标控制页面基于从多个配置项中所选中的配置项，对待配置控制页面的控件区域和/或内容区域进行配置得到，所述待配置控制页面的布局页面基于从展示多个布局页面示例中所选中的布局页面示例生成；

设备控制模块，用于响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

12.一种电子设备，其特征在于，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时，实现如权利要求1至5中任意一项所述的控制页面的配置方法的步骤，或实现如权利要求6至9中任意一项所述的基于控制页面的设备控制方法的步骤。

13.一种设备控制系统，其特征在于，包括终端设备和智能控制设备；

所述终端设备用于：响应于针对待配置控制页面的配置操作，展示多个包括控件区域和/或内容区域的布局页面示例，并基于选中的布局页面示例生成所述待配置控制页面的布局页面；响应于针对待配置控制页面中的控件区域和/或内容区域的配置操作，展示对应的配置项；所述配置项包括受控设备和场景功能中的至少一种；响应于针对控件区域和/或内容区域所选中的配置项，对所述控件区域和/或内容区域进行配置，并基于已配置的控件区域和/或内容区域生成目标控制页面；

所述智能控制设备用于：展示所述目标控制页面，响应于对所述目标控制页面中的控件区域的触发操作，生成相应的控制指令并执行。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时，实现如权利要求1至5中任意一项所述的控制页面的配置方法的步骤，或实现如权利要求6至9中任意一项所述的基于控制页面的设备控制方法的步骤。