CN110175259A - 图片显示方法、可穿戴设备及计算机可读存储介质 - Google Patents
图片显示方法、可穿戴设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN110175259A CN110175259A CN201910467367.7A CN201910467367A CN110175259A CN 110175259 A CN110175259 A CN 110175259A CN 201910467367 A CN201910467367 A CN 201910467367A CN 110175259 A CN110175259 A CN 110175259A
- Authority
- CN
- China
- Prior art keywords
- picture
- wearable device
- pixel
- dominant hue
- index block
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 55
- 238000013507 mapping Methods 0.000 claims abstract description 25
- 238000010422 painting Methods 0.000 claims description 4
- 235000013399 edible fruits Nutrition 0.000 claims 1
- 239000000284 extract Substances 0.000 abstract description 7
- 230000006854 communication Effects 0.000 description 15
- 238000004891 communication Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 14
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 4
- 238000005452 bending Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000010295 mobile communication Methods 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000005764 inhibitory process Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000007306 turnover Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000005314 correlation function Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000012769 display material Substances 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000008030 elimination Effects 0.000 description 1
- 238000003379 elimination reaction Methods 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000000149 penetrating effect Effects 0.000 description 1
- 230000005236 sound signal Effects 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/58—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
- G06F16/583—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using metadata automatically derived from the content
- G06F16/5838—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using metadata automatically derived from the content using colour
Landscapes
- Engineering & Computer Science (AREA)
- Library & Information Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种图片显示方法,该方法应用于可穿戴设备,该方法包括:遍历图库中的各张图片,提取每张图片的主色调;对同一主色调的图片进行归类,得到若干图片集合;根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。本发明还公开了一种可穿戴设备及计算机可读存储介质。本发明能够提高用户在可穿戴设备的图库中查找图片的便捷性,缩短查找图片所需的时间。
Description
技术领域
本发明涉及可穿戴设备技术领域,尤其涉及一种图片显示方法、可穿戴设备及计算机可读存储介质。
背景技术
目前,可穿戴设备图库中的照片都是按拍照时间进行排列显示,用户要一一进行翻阅浏览,才能找到所需的图片。然而,由于可穿戴设备的显示区域较小,受到显示区域的限制,如果图库中的图片达到上千张,用户可能需要进行多次的翻页操作,非常不便,且比较费时。
发明内容
本发明的主要目的在于提供一种图片显示方法、可穿戴设备及计算机可读存储介质,旨在解决用户在可穿戴设备的图库中查找图片时,不便且费时的技术问题。
为实现上述目的,本发明提供一种图片显示方法,所述方法应用于可穿戴设备,所述方法包括以下步骤:
遍历图库中的各张图片,提取每张图片的主色调;
对同一主色调的图片进行归类,得到若干图片集合;
根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;
在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。
可选地,所述提取每张图片的主色调的步骤包括:
获取每张图片中每个像素的颜色值;
计算每张图片中每个像素的颜色值的平均值;
根据每张图片中每个像素的颜色值及其平均值,计算每张图片的主色调。
可选地,所述获取每张图片中每个像素的颜色值的步骤包括:
调用画布canvas,利用canvas获取每张图片中每个像素的颜色值。
可选地,所述根据每张图片中各个像素的颜色值及其平均值,计算每张图片的主色调的步骤包括:
计算每张图片中每个像素的颜色值与所述平均值之间的绝对差值,并将所述绝对差值与预设阈值进行比对,得到比对结果;
根据每张图片的所述比对结果,计算每张图片的主色调。
可选地,所述根据每张图片的所述比对结果,计算每张图片的主色调的步骤包括:
将所述绝对差值超出预设阈值的像素,作为每张图片的醒目像素;
计算每张图片中所述醒目像素的颜色值的平均值,作为每张图片的主色调。
可选地,所述根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块的步骤包括:
以每个图片集合对应的主色调构建预设形状和预设尺寸的色块,作为每个图片集合对应的颜色索引块。
可选地,所述根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系的步骤之后,包括:
基于每个图片集合的所述颜色索引块,生成图库索引控件,显示于图库界面。
可选地,所述在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片的步骤包括:
在接收到作用于所述图库索引控件的图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合;
对图库界面进行刷新,在图库界面显示所述目标图片集合中图片的缩略图。
此外,为实现上述目的,本发明还提供一种可穿戴设备,所述可穿戴设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片显示程序,所述图片显示程序被所述处理器执行时实现如上所述的图片显示方法的步骤。
此外,为实现上述目的,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有图片显示程序,所述图片显示程序被处理器执行时实现如上所述的图片显示方法的步骤。
本发明提供一种图片显示方法、可穿戴设备及计算机可读存储介质,遍历图库中的各张图片,提取每张图片的主色调;对同一主色调的图片进行归类,得到若干图片集合;根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。本实施例通过提取每张图片的主色调,从而依据主题色对图片进行分类,用户查找图片时,再依据主色调索引,可以快速定位到匹配的图片分类集合,将大大减少用户查找图片时的翻页次数,缩短用户查找图片的时间,为用户带来了便捷。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的可穿戴设备一种实施方式的硬件结构示意图;
图2为本发明实施例提供的可穿戴设备一种实施方式的硬件示意图;
图3为本发明实施例提供的可穿戴设备一种实施方式的硬件示意图;
图4为本发明实施例提供的可穿戴设备一种实施方式的硬件示意图;
图5为本发明实施例提供的可穿戴设备一种实施方式的硬件示意图;
图6为本发明图片显示方法第一实施例的流程示意图。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明,其本身没有特定的意义。因此,“模块”、“部件”或“单元”可以混合地使用。
本发明实施例中提供的可穿戴设备包括智能手环、智能手表、以及智能手机等可穿戴设备。随着屏幕技术的不断发展,柔性屏、折叠屏等屏幕形态的出现,智能手机等可穿戴设备也可以作为可穿戴设备。本发明实施例中提供的可穿戴设备可以包括:RF(RadioFrequency,射频)单元、WiFi模块、音频输出单元、A/V(音频/视频)输入单元、传感器、显示单元、用户输入单元、接口单元、存储器、处理器、以及电源等部件。
后续描述中将以可穿戴设备为例进行说明,请参阅图1,其为实现本发明各个实施例的一种可穿戴设备的硬件结构示意图,该可穿戴设备100可以包括:RF(RadioFrequency,射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图1中示出的可穿戴设备结构并不构成对可穿戴设备的限定,可穿戴设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图1对可穿戴设备的各个部件进行具体的介绍:
射频单元101可用于收发信息或通话过程中,信号的接收和发送,具体的,射频单元101可以将上行信息发送给基站,另外也可以将基站发送的下行信息接收后,发送给可穿戴设备的处理器110处理,基站向射频单元101发送的下行信息可以是根据射频单元101发送的上行信息生成的,也可以是在检测到可穿戴设备的信息更新后主动向射频单元101推送的,例如,在检测到可穿戴设备所处的地理位置发生变化后,基站可以向可穿戴设备的射频单元101发送地理位置变化的消息通知,射频单元101在接收到该消息通知后,可以将该消息通知发送给可穿戴设备的处理器110处理,可穿戴设备的处理器110可以控制该消息通知显示在可穿戴设备的显示面板1061上;通常,射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元101还可以通过无线通信与网络和其他设备通信,具体的可以包括:通过无线通信与网络系统中的服务器通信,例如,可穿戴设备可以通过无线通信从服务器中下载文件资源,比如可以从服务器中下载应用程序,在可穿戴设备将某一应用程序下载完成之后,若服务器中该应用程序对应的文件资源更新,则该服务器可以通过无线通信向可穿戴设备推送资源更新的消息通知,以提醒用户对该应用程序进行更新。上述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(GeneralPacket Radio Service,通用分组无线服务)、CDMA2000(Code Division Multiple Access2000,码分多址2000)、WCDMA(Wideband Code Division Multiple Access,宽带码分多址)、TD-SCDMA(Time Division-Synchronous Code Division Multiple Access,时分同步码分多址)、FDD-LTE(Frequency Division Duplexing-Long Term Evolution,频分双工长期演进)和TDD-LTE(Time Division Duplexing-Long Term Evolution,分时双工长期演进)等。
在一种实施方式中,可穿戴设备100可以通过插入SIM卡来接入现有的通信网络。
在另一种实施方式中,可穿戴设备100可以通过设置esim卡(Embedded-SIM),来实现接入现有的通信网络,采用esim卡的方式,可以节省可穿戴设备的内部空间,降低厚度。
可以理解的是,虽然图1示出了射频单元101,但是可以理解的是,射频单元101其并不属于可穿戴设备的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。,可穿戴设备100可以单独通过wifi模块102来实现与其他设备或通信网络的通信连接,本发明实施例并不以此为限。
WiFi属于短距离无线传输技术,可穿戴设备通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102,但是可以理解的是,其并不属于可穿戴设备的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
音频输出单元103可以在可穿戴设备100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时,将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元103还可以提供与可穿戴设备100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。
A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据),并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。
在一种实施方式中,可穿戴设备100包括有一个或多个摄像头,通过开启摄像头,能够实现对图像的捕获,实现拍照、录像等功能,摄像头的位置可以根据需要进行设置。
可穿戴设备100还包括至少一种传感器105,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度,接近传感器可在可穿戴设备100移动到耳边时,关闭显示面板1061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等。
在一种实施方式中,可穿戴设备100还包括接近传感器,通过采用接近传感器,可穿戴设备能够实现非接触操控,提供更多的操作方式。
在一种实施方式中,可穿戴设备100还包括心率传感器,在佩戴时,通过贴近使用者,能够实现心率的侦测。
在一种实施方式中,可穿戴设备100还可以包括指纹传感器,通过读取指纹,能够实现安全验证等功能。
显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1061。
在一种实施方式中,显示面板1061采用柔性显示屏,采用柔性显示屏的可穿戴设备在佩戴时,屏幕能够进行弯曲,从而更加贴合。可选的,所述柔性显示屏可以采用OLED屏体以及石墨烯屏体,在其他实施方式中,所述柔性显示屏也可以是其他显示材料,本实施例并不以此为限。
在一种实施方式中,可穿戴设备的显示面板1061可以采取长方形,便于佩戴时环绕。在其他实施方式中,也可以采取其他方式。
用户输入单元107可用于接收输入的数字或字符信息,以及产生与可穿戴设备的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作),并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器110,并能接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071,用户输入单元107还可以包括其他输入设备1072。具体地,其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种,具体此处不做限定。
在一种实施方式中,可穿戴设备100的侧边可以设置有一个或多个按钮。按钮可以实现短按、长按、旋转等多种方式,从而实现多种操作效果。按钮的数量可以为多个,不同的按钮之间可以组合使用,实现多种操作功能。
进一步的,触控面板1071可覆盖显示面板1061,当触控面板1071检测到在其上或附近的触摸操作后,传送给处理器110以确定触摸事件的类型,随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中,触控面板1071与显示面板1061是作为两个独立的部件来实现可穿戴设备的输入和输出功能,但是在某些实施例中,可以将触控面板1071与显示面板1061集成而实现可穿戴设备的输入和输出功能,具体此处不做限定。比如,当通过射频单元101接收到某一应用程序的消息通知时,处理器110可以控制将该消息通知显示在显示面板1061的某一预设区域内,该预设区域与触控面板1071的某一区域对应,通过对触控面板1071某一区域进行触控操作,可以对显示面板1061上对应区域内显示的消息通知进行控制。
接口单元108用作至少一个外部装置与可穿戴设备100连接可以通过的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到可穿戴设备100内的一个或多个元件或者可以用于在可穿戴设备100和外部装置之间传输数据。
在一种实施方式中,可穿戴设备100的接口单元108采用触点的结构,通过触点与对应的其他设备连接,实现充电、连接等功能。采用触点还可以防水。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器109可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器110是可穿戴设备的控制中心,利用各种接口和线路连接整个可穿戴设备的各个部分,通过运行或执行存储在存储器109内的软件程序和/或模块,以及调用存储在存储器109内的数据,执行可穿戴设备的各种功能和处理数据,从而对可穿戴设备进行整体监控。处理器110可包括一个或多个处理单元;优选的,处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
可穿戴设备100还可以包括给各个部件供电的电源111(比如电池),优选的,电源111可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管图1未示出,可穿戴设备100还可以包括蓝牙模块等,在此不再赘述。可穿戴设备100通过蓝牙,可以与其他可穿戴设备设备连接,实现通信以及信息的交互。
请参考图2-图4,为本发明实施例提供的一种可穿戴设备一种实施方式下的结构示意图。本发明实施例中的可穿戴设备,包括柔性屏幕。在可穿戴设备展开时,柔性屏幕呈长条形;在可穿戴设备处于佩戴状态时,柔性屏幕弯曲呈环状。图2及图3示出了可穿戴设备屏幕展开时的结构示意图,图4示出了可穿戴设备屏幕弯曲时的结构示意图。
基于上述各个实施方式,可以看到,若所述设备为手表、手环或者可穿戴式设备时,所述设备的屏幕可以不覆盖设备的表带区域,也可以覆盖设备的表带区域。在此,本申请提出一种可选的实施方式,在本实施方式中,所述设备可以为手表、手环或者可穿戴式设备,所述设备包括屏幕以及连接部。所述屏幕可以为柔性屏幕,所述连接部可以为表带。可选的,所述设备的屏幕或者屏幕的显示区可以部分或者全部的覆盖在设备的表带上。如图5所示,图5为本申请实施例提供的一种可穿戴设备一种实施方式的硬件示意图,所述设备的屏幕向两侧延伸,部分的覆盖在设备的表带上。在其他实施方式中,所述设备的屏幕也可以全部覆盖在所述设备的表带上,本申请实施例并不以此为限。
基于上述可穿戴设备硬件结构以及通信网络系统,提出本发明图片显示方法各个实施例。
本发明提供一种图片显示方法。
参照图6,图6为本发明图片显示方法第一实施例的流程示意图。
在本实施例中,所述图片显示方法可选应用于图1中所述的可穿戴设备,所述图片显示方法包括以下步骤:
步骤S10,遍历图库中的各张图片,遍历图库中的各张图片,提取每张图片的主色调;
在本实施例中,可穿戴设备首先遍历图库中的所有图片,提取每张图片的主色调。具体地,提取每张图片的主色调的步骤包括:
获取每张图片中每个像素的颜色值;
计算每张图片中每个像素的颜色值的平均值;
根据每张图片中每个像素的颜色值及其平均值,计算每张图片的主色调。
即,可穿戴设备提取每张图片主色调的过程包括:首先获取每张图片中每个像素的颜色值,该颜色值具体是指RGB值,RGB值是一种用来表示颜色的编码方式其中,R表示红色(Red),G表示绿色(Green),B表示蓝色(Blue),采用这种编码方法,每种颜色都可以用三个变量:红色、绿色以及蓝色的值来表示。然后,计算每张图片中每个像素的颜色值的平均值。进一步地,根据每张图片中每个像素的颜色值及其平均值,计算得到每张图片的主色调。
步骤S20,对同一主色调的图片进行归类,得到若干图片集合;
在提取每张图片的主色调之后,对图库中属于同一主色调的图片进行归类,得到若干个图片集合。
步骤S30,根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引的映射关系;
其中,根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块的步骤包括:
以每个图片集合对应的主色调构建预设形状和预设尺寸的色块,作为每个图片集合对应的颜色索引块。
即,在对图库中所有的图片进行归类得到若干个图片集合之后,根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,也就是,对于每个图片集合,生成该图片集合对应的主色调颜色的色块,该色块的大小和形状可以进行自定义设置,比如预设尺寸的圆形色块,作为该图片集合对应的颜色索引块。之后,建立每个图片集合与每个图片集合对应的颜色索引块之间的映射关系,并进行存储。
步骤S40,在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并显示所述目标图片集合中的图片。
当用户在图库中触发图片查找指令时,可穿戴设备接收该查找指令,提取该查找指令携带的颜色索引块,根据之前建立的每个图片集合与每个图片集合对应的颜色索引块之间的映射关系,从各个图片集合中匹配与该查找指令携带的颜色索引块对应的图片集合(定义为目标图片集合),然后对图库界面进行刷新,仅在图库界面显示目标图片集合中的图片。通过上述方式,进一步缩小了查找范围,能够节省查找时间。
本实施例提供一种图片显示方法,遍历图库中的各张图片,提取每张图片的主色调;对同一主色调的图片进行归类,得到若干图片集合;根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。本实施例通过提取每张图片的主色调,从而依据主题色对图片进行分类,用户查找图片时,再依据主色调索引,可以快速定位到匹配的图片分类集合,将大大减少用户查找图片时的翻页次数,缩短用户查找图片的时间,为用户带来了便捷。
进一步地,基于第一实施例提出本发明图片显示方法的第二实施例。
图片显示方法的第二实施例与图片显示方法的第一实施例的区别在于,所述获取每张图片中每个像素的颜色值的步骤包括:
调用画布canvas,利用canvas获取每张图片中每个像素的颜色值。
即,可以利用画布canvas获取每张图片中每个像素的颜色值,具体地,canvas是HTML5(Hyper Tex tMark-up Language 5,第五代超文本标记语言)中的元素,canvas元素通过getImageData()方法获取每张图片中的像素数据。getImageData()方法用于获取画布上指定区域的图像像素数据,getImageData()方法如下:
var data=context.getImageData(sx,sy,sWidth,sHeight)
其中,sx、sy为所选区域的坐标,sWidth、sHeight为所选区域的宽度和高度。该方法返回一个指向ImageData对象的引用,其内容为所选区域中的原始像素信息,该对象包括以下三个属性:
width:所选区域中的每行有多少个像素。
height:所选区域中的每列有多少个像素。
data:像素数值的一维数组,保存所选区域中每个像素的RGB(红、绿、蓝)值,按该区域从左到右、从上到下按RGB格式依次保存,如{(R1,G1,B1,),(R2,G2,B2),...,(Rn,Gn,Bn)},因此,所选区域中的每个像素,在这个一维数组中就变成了三个整数值,也就是说,该一维数组中的每个元素是一个像素的RGB值。
由此,计算每张图片中每个像素的颜色值的平均值,即,遍历一维数组中的元素,对该一维数组中的所有元素进行平均计算,得出每张图片中每个像素的颜色值的平均值具体如下:
基于上述步骤,所述根据每张图片中各个像素的颜色值及其平均值,计算每张图片的主色调的步骤包括:
计算每张图片中每个像素的颜色值与所述平均值之间的绝对差值,并将所述绝对产值绝对差值与预设阈值进行比对,得到比对结果;
根据每张图片的所述比对结果,计算每张图片的主色调。
其中,所述根据每张图片的所述比对结果,计算每张图片的主色调的步骤包括:
将所述绝对差值超出预设阈值的像素,作为每张图片的醒目像素;
计算每张图片中所述醒目像素的颜色值的平均值,作为每张图片的主色调。
即,对于每张图片,计算每个像素的颜色值与每个像素的颜色值的平均值之间的差值,然后对计算得到的差值取绝对值,得到绝对差值,再将该绝对差值与预设阈值(该预设阈值可以根据实际情况进行灵活设置,比如30)进行比对,将绝对差值超出预设阈值的像素,作为每张图片的醒目像素。进一步地,计算每张图片的醒目像素的颜色值的平均值,作为每张图片的主色调。经过实际试验,通过上述方式从每张图片中提取的主色调,与人眼的观察情况较为贴合,效果较佳。
进一步地,基于第一实施例提出本发明图片显示方法的第三实施例。
图片显示方法的第三实施例与图片显示方法的第一实施例的区别在于,步骤S30之后,包括:
基于每个图片集合的所述颜色索引块,生成图库索引控件,显示于图库界面。
为了进一步提高用户从图库中查找图片的便捷性,在根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的颜色索引块的映射关系之后,可以基于每个图片集合对应的颜色索引块,生成图库索引控件,该图库索引控件可以是横排的颜色索引块队列,并将图库索引控件显示于图库界面顶部。当然,该图库索引控件也可以是竖排的颜色索引块队列,并将图库索引控件显示于图库界面的左侧或者右侧。用户想要查找图片时,可以凭借对该图片的显著色印象,先在图库中点击图库索引控件中的颜色索引块,触发图片查找指令。
基于上述步骤,步骤S40,包括:
在接收到作用于所述图库索引控件的图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合;
对图库界面进行刷新,在图库界面显示所述目标图片集合中图片的缩略图。
即,用户基于图库索引控件触发图片查找指令时,可穿戴设备接收该查找指令,提取该查找指令携带的颜色索引块,根据之前建立的每个图片集合与每个图片集合对应的颜色索引块之间的映射关系,匹配与该查找指令携带的颜色索引块相对应的图片集合(定义为目标图片集合),然后对图库界面进行刷新,仅在图库界面显示目标图片集合中的图片,考虑到可穿戴设备的显示区域较小,可以显示目标图片集合中图片的缩略图供用户浏览,尽量减少用户的翻页操作。
此外,本发明实施例还提出一种计算机可读存储介质。
本发明计算机可读存储介质上存储有图片显示程序,所述图片显示程序被处理器执行时实现如下步骤:
遍历图库中的各张图片,提取每张图片的主色调;
对同一主色调的图片进行归类,得到若干图片集合;
根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;
在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。
其中,在所述处理器上运行的图片显示程序被执行时所实现的方法可参照本发明图片显示方法各个实施例,此处不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台可穿戴设备设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种图片显示方法,其特征在于,所述方法应用于可穿戴设备,所述方法包括以下步骤:
遍历图库中的各张图片,提取每张图片的主色调;
对同一主色调的图片进行归类,得到若干图片集合;
根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系;
在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片。
2.如权利要求1所述的图片显示方法,其特征在于,所述提取每张图片的主色调的步骤包括:
获取每张图片中每个像素的颜色值;
计算每张图片中每个像素的颜色值的平均值;
根据每张图片中每个像素的颜色值及其平均值,计算每张图片的主色调。
3.如权利要求2所述的图片显示方法,其特征在于,所述获取每张图片中每个像素的颜色值的步骤包括:
调用画布canvas,利用canvas获取每张图片中每个像素的颜色值。
4.如权利要求3所述的图片显示方法,其特征在于,所述根据每张图片中各个像素的颜色值及其平均值,计算每张图片的主色调的步骤包括:
计算每张图片中每个像素的颜色值与所述平均值之间的绝对差值,并将所述绝对差值与预设阈值进行比对,得到比对结果;
根据每张图片的所述比对结果,计算每张图片的主色调。
5.如权利要求4所述的图片显示方法,其特征在于,所述根据每张图片的所述比对结果,计算每张图片的主色调的步骤包括:
将所述绝对差值超出预设阈值的像素,作为每张图片的醒目像素;
计算每张图片中所述醒目像素的颜色值的平均值,作为每张图片的主色调。
6.如权利要求5所述的图片显示方法,其特征在于,所述根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块的步骤包括:
以每个图片集合对应的主色调构建预设形状和预设尺寸的色块,作为每个图片集合对应的颜色索引块。
7.如权利要求1所述的图片显示方法,其特征在于,所述根据每个图片集合对应的主色调,生成每个图片集合对应的颜色索引块,并建立每个图片集合与每个图片集合的所述颜色索引块的映射关系的步骤之后,包括:
基于每个图片集合的所述颜色索引块,生成图库索引控件,显示于图库界面。
8.如权利要求7所述的图片显示方法,其特征在于,所述在接收到图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合,并在图库界面显示所述目标图片集合中的图片的步骤包括:
在接收到作用于所述图库索引控件的图片查找指令时,根据所述映射关系,从各个图片集合中确定与所述查找指令携带的颜色索引块对应的目标图片集合;
对图库界面进行刷新,在图库界面显示所述目标图片集合中图片的缩略图。
9.一种可穿戴设备,其特征在于,所述可穿戴设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片显示程序,所述图片显示程序被所述处理器执行时实现如权利要求1至8中任一项所述的图片显示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有图片显示程序,所述图片显示程序被处理器执行时实现如权利要求1至8中任一项所述的图片显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910467367.7A CN110175259A (zh) | 2019-05-30 | 2019-05-30 | 图片显示方法、可穿戴设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910467367.7A CN110175259A (zh) | 2019-05-30 | 2019-05-30 | 图片显示方法、可穿戴设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110175259A true CN110175259A (zh) | 2019-08-27 |
Family
ID=67696104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910467367.7A Pending CN110175259A (zh) | 2019-05-30 | 2019-05-30 | 图片显示方法、可穿戴设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110175259A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111475660A (zh) * | 2020-03-13 | 2020-07-31 | 五八有限公司 | 一种图片统计方法、装置、电子设备及存储介质 |
CN116302293A (zh) * | 2023-05-18 | 2023-06-23 | 荣耀终端有限公司 | 图片显示方法和设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1849601A (zh) * | 2003-09-08 | 2006-10-18 | 皇家飞利浦电子股份有限公司 | 索引和搜索图形元素的方法和设备 |
CN101599073A (zh) * | 2009-07-13 | 2009-12-09 | 腾讯科技(深圳)有限公司 | 一种实现图片搜索的方法及装置 |
CN103218989A (zh) * | 2013-04-09 | 2013-07-24 | 广东欧珀移动通信有限公司 | 预载图片时的个性显示方法及其终端 |
CN105224588A (zh) * | 2015-06-29 | 2016-01-06 | 深圳市美贝壳科技有限公司 | 根据照片主色调生成背景音乐的方法及装置 |
CN106156347A (zh) * | 2016-07-21 | 2016-11-23 | 北京奇虎科技有限公司 | 云相册分类展示方法、装置及服务器 |
-
2019
- 2019-05-30 CN CN201910467367.7A patent/CN110175259A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1849601A (zh) * | 2003-09-08 | 2006-10-18 | 皇家飞利浦电子股份有限公司 | 索引和搜索图形元素的方法和设备 |
CN101599073A (zh) * | 2009-07-13 | 2009-12-09 | 腾讯科技(深圳)有限公司 | 一种实现图片搜索的方法及装置 |
CN103218989A (zh) * | 2013-04-09 | 2013-07-24 | 广东欧珀移动通信有限公司 | 预载图片时的个性显示方法及其终端 |
CN105224588A (zh) * | 2015-06-29 | 2016-01-06 | 深圳市美贝壳科技有限公司 | 根据照片主色调生成背景音乐的方法及装置 |
CN106156347A (zh) * | 2016-07-21 | 2016-11-23 | 北京奇虎科技有限公司 | 云相册分类展示方法、装置及服务器 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111475660A (zh) * | 2020-03-13 | 2020-07-31 | 五八有限公司 | 一种图片统计方法、装置、电子设备及存储介质 |
CN116302293A (zh) * | 2023-05-18 | 2023-06-23 | 荣耀终端有限公司 | 图片显示方法和设备 |
CN116302293B (zh) * | 2023-05-18 | 2024-07-05 | 荣耀终端有限公司 | 图片显示方法和设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110109725A (zh) | 一种界面颜色调整方法及穿戴式设备 | |
CN110213485A (zh) | 一种图像处理方法及终端 | |
CN110099218A (zh) | 一种拍摄过程中的交互操控方法、设备及计算机可读存储介质 | |
CN110362368A (zh) | 可穿戴设备的图片定制显示方法、相关设备及存储介质 | |
CN109947321A (zh) | 界面显示方法、可穿戴设备及计算机可读存储介质 | |
CN110187769A (zh) | 一种预览图像查看方法、设备及计算机可读存储介质 | |
CN110175259A (zh) | 图片显示方法、可穿戴设备及计算机可读存储介质 | |
CN110225282A (zh) | 一种视频录制控制方法、设备及计算机可读存储介质 | |
CN110083289A (zh) | 一种按钮显示方法、可穿戴设备和计算机可读存储介质 | |
CN110175008A (zh) | 操作终端的方法、可穿戴设备及计算机可读存储介质 | |
CN109992472A (zh) | 一种界面监测方法、终端及计算机可读存储介质 | |
CN110177208A (zh) | 一种视频录制的关联控制方法、设备及计算机可读存储介质 | |
CN110198411A (zh) | 一种视频拍摄过程中的景深控制方法、设备及计算机可读存储介质 | |
CN110069193A (zh) | 一种可穿戴设备的界面切换方法、可穿戴设备及存储介质 | |
CN110113529A (zh) | 一种拍摄参数调控方法、设备及计算机可读存储介质 | |
CN110072071A (zh) | 一种视频录制交互控制方法、设备及计算机可读存储介质 | |
CN109918014A (zh) | 页面显示方法、可穿戴设备及计算机可读存储介质 | |
CN110049253A (zh) | 一种对焦控制方法、设备及计算机可读存储介质 | |
CN110174981A (zh) | 一种图标交互控制方法、设备及计算机可读存储介质 | |
CN110134304A (zh) | 一种折叠显示方法、设备及计算机可读存储介质 | |
CN110096150A (zh) | 一种搜索交互控制方法、设备及计算机可读存储介质 | |
CN110150804A (zh) | 一种表带固定结构及可穿戴设备 | |
CN110083513A (zh) | 一种灯效控制方法、设备及计算机可读存储介质 | |
CN110087014A (zh) | 视频补全方法、终端及计算机可读存储介质 | |
CN110109605A (zh) | 一种图像分享方法、设备及计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |