预载图片时的个性显示方法及其终端技术

技术编号:8960041 阅读:109 留言:0更新日期:2013-07-25 19:30
本发明专利技术公开了一种预载图片时的个性显示方法,包括:存储多张图片并计算每张所述图片的主色调值;根据每张所述图片的名称、存储位置及所述主色调值生成记录条;根据所述存储位置调用所述主色调值以填充图片预载界面。与现有技术相比,由于根据主色调值填充图片预载界面的时间与预载图片的时间相比可以忽略不计,故在预载图片过程中,用户看到的是根据主色调值填充后的图片预载界面,同时由于图片的主色调值与图片的颜色较为相近,从而本发明专利技术预载图片时的个性显示方法在预载图片过程中呈现彩色效果、且预载过程在视觉上颜色过渡更加自然,提升了用户体验。本发明专利技术同时公开了一种预载图片时的个性显示终端。

【技术实现步骤摘要】

本专利技术涉及图片显示
,更具体地涉及一种预载图片时的个性显示方法及其终端
技术介绍
目前的手机等移动终端,在浏览大量图片信息时,经常会有预载过程。常见的预载过程中,在预载图片之前,图片缩略图对应的矩形框一般是灰化的单色调图片,即在预载过程中所有的矩形框以某一固定的灰度进行显示(如图1所示),直至慢慢刷新出所有图片,或者在预载过程中,矩形框中以一张默认的固定图片进行显示。可见,上述预载过程中颜色显示单调、容易使用户产生乏味感,且预载前和预载结束后的矩形框的颜色变化比较突兀,用户体验不好。因此,有必要提供一种预载图片时的个性显示方法及其终端来克服上述缺陷。
技术实现思路
本专利技术的目的是提供一种预载图片时的个性显示方法,以实现预载图片过程中的彩色效果、使预载过程在视觉上颜色过渡更加自然,提升用户体验。本专利技术的另一目的是提供一种预载图片时的个性显示终端,以实现预载图片过程中的彩色效果、使预载过程在视觉上颜色过渡更加自然,提升用户体验。为实现上述 目的,本专利技术提供了一种预载图片时的个性显示方法,包括以下步骤:存储多张图片并计算每张所述图片的主色调值;根据每张所述图片的名称、存储位置及所述主色调值生成记录条;根据所述存储位置调用所述主色调值以填充图片预载界面。与现有技术相比,本专利技术预载图片时的个性显示方法首先存储多张图片并计算每张图片的主色调值,之后根据每张所述图片的名称、存储位置及所述主色调值生成记录条,最后根据所述存储位置调用所述主色调值以填充图片预载界面,由于根据主色调值填充图片预载界面的时间与预载图片的时间相比可以忽略不计,故在预载图片过程中,用户看到的是根据主色调值填充后的图片预载界面,而图片的主色调值与图片的颜色较为相近,从而实现了在预载图片过程中的彩色效果、且预载过程在视觉上颜色过渡更加自然,提升了用户体验。较佳地,所述“计算每张所述图片的主色调值”具体过程为:统计所述图片中出现概率最高的前η位RGB值,将前η位所述RGB值在R、G、B方向上分别取平均值以得到RGB平均值,所述RGB平均值为所述图片的主色调值,其中I彡η彡10且η为自然数。较佳地,所述图片预载界面包括多个矩形框,每张所述图片对应一所述矩形框。较佳地,多个所述矩形框以矩阵方式排列。相应地,本专利技术还提供了一种预载图片时的个性显示终端,包括:存储计算模块,用于存储多张图片并计算每张所述图片的主色调值;记录条生成模块,用于根据每张所述图片的名称、存储位置及所述主色调值生成记录条;填充模块,用于根据所述存储位置调用所述主色调值以填充图片预载界面。较佳地,所述存储计算模块计算每张所述图片的主色调值的具体算法为:统计所述图片中出现概率最高的前η位RGB值,将前η位所述RGB值在R、G、B方向上分别取平均值以得到RGB平均值,所述RGB平均值为所述图片的主色调值,其中I10且η为自然数。较佳地,所述图片预载界面包括多个矩形框,每张所述图片对应一所述矩形框。较佳地,多个所述矩形框以矩阵方式排列。通过以下的描述并结合附图,本专利技术将变得更加清晰,这些附图用于解释本专利技术的实施例。附图说明图1为现有技术中图片预载界面的示意图。图2为本专利技术预载图片时的个性显示方法一实施例的工作流程图。图3为图2中图片预载界面根据主色调值进行填充后的示意图。图4为本专利技术预载 图片时的个性显示终端一实施例的结构框图。具体实施例方式现在参考附图描述本专利技术的实施例,附图中类似的元件标号代表类似的元件。请参考图2,描述了本专利技术预载图片时的个性显示方法一实施例的工作流程。如图2所示,包括以下步骤:步骤S101,存储多张图片并计算每一张图片的主色调值;其中计算主色调值的算法包括多种,可以是利用颜色直方图的最大值提取主色调值,也可以是简单的取平均值如:统计图片中出现概率最高的前η位RGB值,将前η位RGB值在R、G、B方向上分别取平均值以得到RGB平均值,得到的RGB平均值即为图片的主色调值,其中10且η为自然数,如一幅彩色图片al由一个个像素点构成,每个像素点是一个RGB值,统计出图片al中出现概率最高的前5位RGB值,然后求其平均值(将三个矢量R、G、B分别求平均值)得RGB平均值为Cl,这个RGB平均值(Cl)即为该图片al的主色调值;步骤S102,根据每张图片的名称、存储位置及主色调值为每张图片建立相应的记录条并存储每个记录条;如:步骤SlOl中存储有多张图片:al、a2......al5、al6共16张,图片al、a2……al5、al6经计算得到的主色调值分别为cl、c2……cl5、cl6,为每张图片分别建立一个记录条,如16张图片对应的记录条分别为记录条1、记录条2…记录条15、记录条16,其中记录条I包括图片al的名称、图片al的存储位置及图片al主色调值cl,记录条2包括图片a2的名称、图片a2存储位置及图片a2主色调值c2,同理可知其他记录条;步骤S103,打开图片浏览器查看图片,显示图片预载界面;其中图片预载界面包括多个矩形框,每张图片对应一矩形框,图片预载完成后会在矩形框内对应显示图片的缩略图,矩形框在图片预载界面上是以矩阵方式排列的,如图3所示,图片预载界面包括以4行4列矩阵方式排列的共16个矩形框;步骤S104,根据图片的存储位置调用图片的主色调值以填充图片预载界面,具体为根据每张图片的主色调值填充与该图片对应的矩形框;由于图片的存储位置及主色调值存在于同一个记录条中,故根据图片的存储位置可以获得图片的主色调值,如:根据图片al至图片al6的存储位置可以得到记录条I至记录条16中记录的图片al至图片al6的主色调值Cl至cl6,以主色调值Cl至cl6分别填充图片al至图片al6对应的矩形框,经填充后,图片预载界面如图3所示,图3中不同的填充图案即代表不同的主色调值,即每一矩形框显示为单一的颜色,且颜色的色值为对应图片的主色调值,从而图片预载界面显示为16个单一颜色的矩形框,故图片预载界面颜色比较丰富,且每一矩形框的颜色与对应图片的颜色较为接近,从而在预载图片过程中颜色过渡比较自然,给用户很好的体验效果;步骤S105,依次预载每张图片直至完成所有图片的预载。需要注意的是,根据图片的主色调值填充其缩略图对应的矩形框的时间是非常短的,可以忽略不计,同时由于移动终端中存储了多张图片信息,图片的预载过程相对于以主色调值填充矩形框的时间是非常长的,在预载第一张图片的过程中,各图片对应的矩形框显示的色值为对应图片的主色调值,当预载完第一张图片后,再依次预载后面的图片,所以在预载图片过程中用户看到的图片预载界面由多个单色的矩形框组成,图片预载界面呈现多彩色效果。请参考图4,描述了本专利技术预载图片时的个性显示终端一实施例的结构框图。如图4所示,预载图片时的个性显示终端100包括:存储计算模块11,用于存储多张图片并计算每张所述图片的主色调值;本实施例中计算图片的主色值的方法为:统计图片中出现概率最高的前η位RGB值,将前η位RGB值在R、G、B方向上分别取平均值以得到RGB平均值,得到的RGB平均值即为图片的主色调值,其中I彡η彡10且η为自然数; 记录条生成模块13,根据每张所述图片的名称、存储位置及所述主色调值生成记录条;填充模块15,用于根据所述存储位置调用所述本文档来自技高网...

【技术保护点】
一种预载图片时的个性显示方法,其特征在于,包括以下步骤:存储多张图片并计算每张所述图片的主色调值;根据每张所述图片的名称、存储位置及所述主色调值生成记录条;根据所述存储位置调用所述主色调值以填充图片预载界面。

【技术特征摘要】
1.一种预载图片时的个性显示方法,其特征在于,包括以下步骤: 存储多张图片并计算每张所述图片的主色调值; 根据每张所述图片的名称、存储位置及所述主色调值生成记录条; 根据所述存储位置调用所述主色调值以填充图片预载界面。2.如权利要求1所述的预载图片时的个性显示方法,其特征在于,所述“计算每张所述图片的主色调值”具体为: 统计所述图片中出现概率最高的前η位RGB值,将前η位所述RGB值在R、G、B方向上分别取平均值以得到RGB平均值,所述RGB平均值为所述图片的主色调值,其中I10且η为自然数。3.如权利要求1所述的预载图片时的个性显示方法,其特征在于,所述图片预载界面包括多个矩形框,每张所述图片对应一所述矩形框。4.如权利要求3所述的预载图片时的个性显示方法,其特征在于,多个所述矩形框以矩阵方式排列。5.一种预载图片时的个性显示...

【专利技术属性】
技术研发人员:成军
申请(专利权)人:广东欧珀移动通信有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1