用于生成智能设备操作详情页面的方法和系统

摘要

本发明公开了一种用于生成智能设备操作详情页面的方法和系统。所述方法包括：定制包含各种功能的通用控件；利用图像特征提取算法来提取设备宣传图片的主色调；基于所提取的主色调来自动调整通用控件的色调；以及生成具有独特颜色的设备操作详情页面。

说明书

技术领域

本发明涉及智能设备，更具体地，本发明涉及用于生成智能设备 操作详情页面的方法和系统。

背景技术

随着智能家居的发展，基于电商云的智能家居系统平台是以电商 为中心，消费者为基础建立的支持平台。该平台可以在消费者和企业 之间建立双向的沟通渠道，更有利用智能家居市场的良性发展。

在呈现智能家居设备中，需要为智能家居设备提供“皮肤”。“皮 肤”是应用一个控件上的样式信息。这些样式信息包含在皮肤文件中， 用于定义页面中控件的外观。在现有技术中，考虑到用户的体验，通 常会提供多套皮肤供用户选择。然而，更换皮肤是一项繁重的工作， 因为每切换一次皮肤，都需要在页面更改相应的图片、字体、网页样 式等细小的元素。

在实践中，为了在智能家居系统平台上更好地向用户呈现智能家 居，需要为电商云的不同智能家居的设备定制不同风格的详情控制页 面。然而，采用现有方案需要为智能家居的每个设备至少定制一套皮 肤，使得既费时费力，又制作繁琐。

因此，需要一种能够为智能家居设备高效地生成适当的设备操作 详情页的方法和系统。

发明内容

根据本发明的一个实施例，提供了一种用于生成智能设备操作详 情页面的方法，包括：定制包含各种功能的通用控件；利用图像特征 提取算法来提取设备宣传图片的主色调；基于所提取的主色调来自动 调整通用控件的色调；以及生成具有独特颜色的设备操作详情页面。

优选地，利用图像特征提取算法来提取设备宣传图片的主色调的 步骤进一步包括：遍历图片像素点，算出颜色最多的色值；根据出现 颜色最多的色值算出最接近的颜色值；以及根据计算出的颜色值，计 算出能在特定颜色背景下提供能够与所述背景颜色区分开的颜色。

优选地，基于所提取的主色调来自动调整通用控件的色调的步骤 进一步包括：将通用控件里的通用图标做成图标字体，以便调用和调 整大小、颜色；根据上传的图片获取主色调；根据上传的图片，生成 操控页面的头部通用部分布局和操作区背景；以及根据提取出的主色 调调整所述通用控件中图标字体、文字、高亮处的色值。

优选地，所述通用控件包括以下中的至少一个：按钮、输入框、 下拉选择框、单选按钮、多功能按钮、滑动开关、播放组件、滑杆控 件和旋钮控件。

根据本发明的另一个实施例，提供了一种用于生成智能设备操作 详情页面的系统，包括：定制模块，用于定制一套包含各种功能的通 用控件；色调提取模块，用于利用图像特征提取算法来提取设备宣传 图片的主色调；色调调整模块，用于基于所提取的主色调来自动调整 通用控件的色调；以及页面生成模块，用于生成具有独特颜色的设备 操作详情页面。

优选地，所述色调提取模块进一步被配置成：遍历图片像素点， 算出颜色最多的色值；根据出现颜色最多的色值算出最接近的颜色值； 以及根据计算出的颜色值，计算出能在特定颜色背景下提供能够与所 述背景颜色区分开的颜色。

优选地，所述色调调整模块进一步被配置成：将通用控件里的通 用图标做成图标字体，以便调用和调整大小、颜色；根据上传的图片 获取主色调；根据上传的图片，生成操控页面的头部通用部分布局和 操作区背景；以及根据提取出的主色调调整所述通用控件中图标字体、 文字、高亮处的色值。

根据本公开和附图的下面的详细描述，对本领域的普通技术人员 来说其它的目的、特征、以及优点将是显而易见的。

附图说明

附图图示了本发明的实施例，并与说明书一起用于解释本发明的 原理。在附图中：

图1是根据本发明的实施例的用于生成智能设备操作详情页的系 统的框图。

图2是根据本发明的实施例的用于生成智能设备操作详情页的方 法的流程图。

具体实施方式

根据本发明的实施例公开了一种用于生成智能设备操作详情页的 方法和系统。在以下描述中，为了说明的目的，阐述了多个具体细节 以提供对本发明的实施例的全面理解。然而，对于本领域人员显而易 见的是，本发明的实施例可以在没有这些具体细节的情况下实现。

根据本发明的技术方案，简单地使用商家提供的宣传图片来为商 家快速地定制适合自己产品风格的设备操作详情页面。商家提供的宣 传图片通常都是彩色的，因此在为商家定制适合自己产品风格的设备 操作详情页面中，为产品选取适当颜色是非常重要的程序。

如本领域技术人员已知的，颜色是彩色图像的重要特征，在基于 内容的图像管理和检索中具有重要的作用。目前，描述图像颜色的方 法主要有颜色直方图、颜色一致性矢量、颜色相关图和颜色矩等。这 些描述方法都是对图像颜色特征的统计数据，不能反映图像的颜色视 觉概念或颜色语义特征，而在人们观察图像时，往往首先感觉到图像 的主色调，即图像有哪几种主要颜色，然后才观察图像的颜色细节。 因此，对图像颜色的主色调提取和描述至关重要。

图像的主色调指彩色图像的主要颜色和重要颜色，通过提取图像 的主色调，可以实现对图像颜色的语义标注，对基于语义的图像检索、 分类等具有重要意义。因此，本发明的技术方案通过对商家提供的宣 传图片进行适当的颜色信息提取并将所提取的颜色信息应用于对应设 备操作详情页面来实现快速生成设备操作详情页面。

图1是根据本发明的实施例的用于生成智能设备操作详情页的系 统100的框图。在图1中，系统100包括定制模块102，用于定制包含 各种功能的通用控件；色调提取模块104，用于利用图像特征提取算法 来提取设备宣传图片的主色调；色调调整模块106，用于基于所提取的 主色调来自动调整通用控件的色调；以及页面生成模块108，用于通过 简单的布局生成具有独特颜色的设备操作详情页面。

图2是根据本发明的实施例的用于生成智能设备操作详情页的方 法200的流程图。该方法200在步骤202处开始。在步骤204，定制一 套包含各种功能的通用控件。例如，通用控件可以包括按钮(包含文 字按钮和图标按钮)，点击该按钮可以触发某类事件(例如，开/关机)； 输入框，用于输入文字；下拉选择框，用于在弹出的可选项中选择要 选择的选项；单选按钮，用于成组地显示可选项并高亮显示所选中的 项；多功能按钮，该多功能按钮由同类型的相反的操作的两个按钮组 成，点击该多功能按钮的不同部分会有不同的事件响应(诸如音量的 增加和减小)；滑动开关，用于通过滑动实现开关操作；播放组件， 用于播放音频、视频等多媒体文件，其可以包括快进、后退、音量增 加或减小的子组件；滑杆控件，用于显示文件的进展过程，并可以通 过滑动操作选择性控制文件的进度；以及旋钮控件，该旋钮控件可以 通过旋转按钮进行控制。

然后，在步骤206，根据商家上传的设备宣传图片提取图片的主 色调。可以采用本领域技术人员已知的各种图像特征提取算法来提取 设备宣传图片的主色调。例如，聚类算法等。根据本发明的一个实施 例，采用以下算法来提取设备宣传图片的主色调：

1.遍历图片像素点，算出颜色最多的色值；

2.根据出现颜色最多的色值算出最接近的颜色值；

3.根据计算出的颜色值再计算出能在诸如白色背景的特定颜色 背景下提供良好阅读体验的颜色，所述良好阅读体验的颜色是能够与 背景颜色区分开的颜色，例如，对于白色背景，颜色不能太浅，以免 造成在白色背景下辨识困难。

对于以上步骤2和3中的某些颜色(例如，白色、黑色)会有特 别的处理方式，以免生成的界面无法辨识使用。因为按钮目前的背景 色是白色，或者某些主色调直接会在生成的背景色上，所以颜色不能 太浅，或者太深，可能会造成太接近背景色而无法辨认。

对于某些计算出来的颜色，可能太接近诸如白色或者黑色的背景 色。例如，浅色边界暂定为rgb(221,221,221)，深色边界暂定为 rgb(51,51,51)；色值太高时(颜色太浅)：当计算出的颜色值的rgb的 rg或者gb的两个色不能同时超过浅色的边界，如果超过，会将所有的 色值减去最高色值与边界值的差。例如rgb(255，230，204)，最高 值与边界值的差值是44，最后色值会处理成rgb(211，186，160)。

计算出的颜色值的rgb的三个色值不能同时超过深色的边界时， 此时会将所有的色值加上边界值与最低色值的差。例如rgb(12，34， 52)，最低值与边界值的差值是39，色值最后会处理成为rgb(51，73， 91)。

接着，在步骤208，基于所提取的主色调来自动调整通用控件的 色调。具体操作步骤如下：

1.将通用控件里的通用图标做成图标字体，方便将来调用和调整 大小、颜色；

2.根据上传的图片(例如，一张海洋的背景图片)，获取主色调， 例如编号为#4499DD；

3.根据上传的图片，生成操控页面的头部通用部分布局和操作区 背景(生成方式是根据图片通过一套规定好的生成规则生成，对上传 的图片有一定的大小尺寸限制)；

4.根据提取出的主色调调整通用控件中图标字体、文字、高亮处 的色值，例如，主色调是橙色、蓝色、绿色时调整后的通用控件色调。

在步骤210，通过简单的布局生成具有独特颜色的设备操作详情 页面，例如，能够通过对通用控件简单的设置(设置大小、文字、图 标等)、拖拽来生成自己满意的操作界面。之后，该方法200结束。

根据本发明的技术方案，可以为不同的家居设备快速地生成不同 风格的设备操作详情页面。商家可根据公司产品的颜色、公司文化或 者logo的主色调、公司宣传海报上传自己喜欢的图片，系统会根据上 传的图片自动获取主色调(获取后可允许手动微调)，并基于所提取 的主色调来自动调整通用控件的色调，由于不同的图片获取的主色调 也不一样，所以每一个最终生成的操作页面都会有它自己的颜色，从 而能够为商家快速地定制适合自己产品风格的设备操作详情页面。

上述实施例仅是本发明的优选实施例，并不用于限制本发明。对 本领域技术人员显而易见的是，在不脱离本发明精神和范围的情况下， 可以对本发明的实施例进行各种修改和改变。因此，本发明意在涵盖 落入如权利要求所限定的本发明的范围之内的所有的修改或变型。