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

文档序号:8223263阅读:201来源:国知局
用于生成智能设备操作详情页面的方法和系统的制作方法
【技术领域】
[0001]本发明涉及智能设备,更具体地,本发明涉及用于生成智能设备操作详情页面的方法和系统。
【背景技术】
[0002]随着智能家居的发展,基于电商云的智能家居系统平台是以电商为中心,消费者为基础建立的支持平台。该平台可以在消费者和企业之间建立双向的沟通渠道,更有利用智能家居市场的良性发展。
[0003]在呈现智能家居设备中,需要为智能家居设备提供“皮肤”。“皮肤”是应用一个控件上的样式信息。这些样式信息包含在皮肤文件中,用于定义页面中控件的外观。在现有技术中,考虑到用户的体验,通常会提供多套皮肤供用户选择。然而,更换皮肤是一项繁重的工作,因为每切换一次皮肤,都需要在页面更改相应的图片、字体、网页样式等细小的元素。
[0004]在实践中,为了在智能家居系统平台上更好地向用户呈现智能家居,需要为电商云的不同智能家居的设备定制不同风格的详情控制页面。然而,采用现有方案需要为智能家居的每个设备至少定制一套皮肤,使得既费时费力,又制作繁琐。
[0005]因此,需要一种能够为智能家居设备高效地生成适当的设备操作详情页的方法和系统。

【发明内容】

[0006]根据本发明的一个实施例,提供了一种用于生成智能设备操作详情页面的方法,包括:定制包含各种功能的通用控件;利用图像特征提取算法来提取设备宣传图片的主色调;基于所提取的主色调来自动调整通用控件的色调;以及生成具有独特颜色的设备操作详情页面。
[0007]优选地,利用图像特征提取算法来提取设备宣传图片的主色调的步骤进一步包括:遍历图片像素点,算出颜色最多的色值;根据出现颜色最多的色值算出最接近的颜色值;以及根据计算出的颜色值,计算出能在特定颜色背景下提供能够与所述背景颜色区分开的颜色。
[0008]优选地,基于所提取的主色调来自动调整通用控件的色调的步骤进一步包括:将通用控件里的通用图标做成图标字体,以便调用和调整大小、颜色;根据上传的图片获取主色调;根据上传的图片,生成操控页面的头部通用部分布局和操作区背景;以及根据提取出的主色调调整所述通用控件中图标字体、文字、高亮处的色值。
[0009]优选地,所述通用控件包括以下中的至少一个:按钮、输入框、下拉选择框、单选按钮、多功能按钮、滑动开关、播放组件、滑杆控件和旋钮控件。
[0010]根据本发明的另一个实施例,提供了一种用于生成智能设备操作详情页面的系统,包括:定制模块,用于定制一套包含各种功能的通用控件;色调提取模块,用于利用图像特征提取算法来提取设备宣传图片的主色调;色调调整模块,用于基于所提取的主色调来自动调整通用控件的色调;以及页面生成模块,用于生成具有独特颜色的设备操作详情页面。
[0011]优选地,所述色调提取模块进一步被配置成:遍历图片像素点,算出颜色最多的色值;根据出现颜色最多的色值算出最接近的颜色值;以及根据计算出的颜色值,计算出能在特定颜色背景下提供能够与所述背景颜色区分开的颜色。
[0012]优选地,所述色调调整模块进一步被配置成:将通用控件里的通用图标做成图标字体,以便调用和调整大小、颜色;根据上传的图片获取主色调;根据上传的图片,生成操控页面的头部通用部分布局和操作区背景;以及根据提取出的主色调调整所述通用控件中图标字体、文字、高亮处的色值。
[0013]根据本公开和附图的下面的详细描述,对本领域的普通技术人员来说其它的目的、特征、以及优点将是显而易见的。
【附图说明】
[0014]附图图示了本发明的实施例,并与说明书一起用于解释本发明的原理。在附图中:
[0015]图1是根据本发明的实施例的用于生成智能设备操作详情页的系统的框图。
[0016]图2是根据本发明的实施例的用于生成智能设备操作详情页的方法的流程图。
【具体实施方式】
[0017]根据本发明的实施例公开了一种用于生成智能设备操作详情页的方法和系统。在以下描述中,为了说明的目的,阐述了多个具体细节以提供对本发明的实施例的全面理解。然而,对于本领域人员显而易见的是,本发明的实施例可以在没有这些具体细节的情况下实现。
[0018]根据本发明的技术方案,简单地使用商家提供的宣传图片来为商家快速地定制适合自己产品风格的设备操作详情页面。商家提供的宣传图片通常都是彩色的,因此在为商家定制适合自己产品风格的设备操作详情页面中,为产品选取适当颜色是非常重要的程序。
[0019]如本领域技术人员已知的,颜色是彩色图像的重要特征,在基于内容的图像管理和检索中具有重要的作用。目前,描述图像颜色的方法主要有颜色直方图、颜色一致性矢量、颜色相关图和颜色矩等。这些描述方法都是对图像颜色特征的统计数据,不能反映图像的颜色视觉概念或颜色语义特征,而在人们观察图像时,往往首先感觉到图像的主色调,即图像有哪几种主要颜色,然后才观察图像的颜色细节。因此,对图像颜色的主色调提取和描述至关重要。
[0020]图像的主色调指彩色图像的主要颜色和重要颜色,通过提取图像的主色调,可以实现对图像颜色的语义标注,对基于语义的图像检索、分类等具有重要意义。因此,本发明的技术方案通过对商家提供的宣传图片进行适当的颜色信息提取并将所提取的颜色信息应用于对应设备操作详情页面来实现快速生成设备操作详情页面。
[0021]图1是根据本发明的实施例的用于生成智能设备操作详情页的系统100的框图。在图1中,系统100包括定制模块102,用于定制包含各种功能的通用控件;色调提取模块104,用于利用图像特征提取算法来提取设备宣传图片的主色调;色调调整模块106,用于基于所提取的主色调来自动调整通用控件的色调;以及页面生成模块108,用于通过简单的布局生成具有独特颜色的设备操作详情页面。
[0022]图2是根据本发明的实施例的用于生成智能设备操作详情页的方法200的流程图。该方法200在步骤202处开始。在步骤204,定制一套包含各种功能的通用控件。例如,通用控件可以包括按钮(包含文字按钮和图标按钮),点击该按钮可以触发某类事件(例如,开/关机);输入框,用于输入文字;下拉选择框,用于在弹出的可选项中选择要选择的选项;单选按钮,用于成组地显示可选项并高亮显示所选中的项;多功能按钮,该多功能按钮由同类型的相反的操作的两个按钮组成,点击该多功能按钮的不同部分会有不同的事件响应(诸如音量的增加和减小);滑动开关,用于通过滑动实现开关操作;播放组件,用于播放音频、视频等多媒体文件,其可以包括快进、后退、音量增加或减小的子组件;滑杆控件,用于显示文件的进展过程,并可以通过滑动操作选择性控制文件的进度;以及旋钮控件,该旋钮控件可以通过旋转按钮进行控制。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1