一种图标模糊化的方法及装置与流程

文档序号:11729046阅读:232来源:国知局
一种图标模糊化的方法及装置与流程

本发明属于图形交互技术领域,尤其涉及一种图标模糊化的方法及装置。



背景技术:

目前人们对软件应用越来越广泛,电脑端,手机端或其他智能设备上都会有几个常用的应用每日都会点上很多次,但哪个更常用用户无法直观看见,这就是软件产品与硬件产品最大的区别。硬件产品上当一个按钮,一个物件使用经常使用点击,该按钮会出现老化。从视觉效果上很直观的让人看到。但是对于软件来说,没有办法直接通过观察外观来判断当前软件的使用的频繁度。



技术实现要素:

为了克服现有技术的不足,本发明的目的之一在于提供一种图标模糊化的方法,其能解决直观观察图标使用情况的技术问题。

本发明的目的之二在于提供一种图标模糊化的方法,其能解决直观观察图标使用情况的技术问题。

本发明的目的之一采用以下技术方案实现:

一种图标模糊化的方法,包括以下步骤:

s1:获取一图标处的点击次数;

s2:判断该图标处的点击次数是否大于第一预设次数,如果是,则执行步骤s3,如果否,则返回s1;

s3:截取该图标处的图像并生成第一图片;

s4:获取第一图片中的主颜色;

s5:生成不规则面积图,并填充透明度为n%的预设颜色至该不规则面积图上以生成第二图片;

s6:将该第二图片叠加至该图标处。

优选的,步骤s5具体包括以下子步骤:

s51:通过贝塞尔闭合曲线随机生成不规则面积图;

s52:在该不规则面积图上填充预设颜色;

s53:设定该预设颜色的透明度为n%;

s54:根据填充预设颜色后的不规则面积图得到第二图片。

优选的,在步骤s6之后还包括以下步骤:

s7:当所述图标的点击次数增加第二预设次数时,生成不规则面积图,并填充透明度为n%预设颜色至该不规则面积图上以生成第三图片;

s8:将该第三图片叠加至该图标处。

优选的,所述第二预设次数为100。

优选的,所述第一预设次数为200。

本发明的目的之二采用以下技术方案实现:

一种图标模糊化的装置,包括以下模块:

次数获取模块:用于获取一图标处的点击次数;

判断模块:用于判断图标处的点击次数是否大于第一预设次数,如果是,则执行第一图片生成模块,如果否,则返回次数获取模块;

第一图片生成模块:用于截取图标处的图像并生成第一图片;

主颜色获取模块:用于获取第一图片中的主颜色;

第二图片生成模块:用于生成不规则面积图,并填充透明度为n%的预设颜色至该不规则面积图上以生成第二图片;

第一图片叠加模块:用于将该第二图片叠加至该图标处。

优选的,所述第二图片生成模块具体包括以下子模块:

不规则面积模块:用于通过贝塞尔闭合曲线随机生成不规则面积图;

颜色填充模块:用于在该不规则面积图上填充预设颜色;

透明度设定模块:设定该预设颜色的透明度为n%;

第二一图片生成模块:用于根据填充预设颜色后的不规则面积图得到第二图片。

优选的,在该第一图片叠加模块之后还包括以下模块:

第三图片生成模块:用于当所述图标的点击次数增加第二预设次数时,生成不规则面积图,并填充透明度为n%预设颜色至该不规则面积图上以生成第三图片;

第二图片叠加模块:用于将该第三图片叠加至该图标处。

优选的,所述第二预设次数为100。

优选的,所述第一预设次数为200。

相比现有技术,本发明的有益效果在于:

本发明的图标模糊化的方法,通过对图标处位置的点击次数进行统计,再根据点击次数来显示老化效果,使得用户更直观的了解自己工具的使用频繁程度。

附图说明

图1为本发明的图标模糊化的方法的流程图;

图2为本发明的图标模糊化的装置的结构图。

具体实施方式

下面,结合附图以及具体实施方式,对本发明做进一步描述:

如图1所示,本发明提供了一种图标模糊化的方法,包括以下步骤:

s1:获取一图标处的点击次数;在此阶段主要是为了统计图标处的点击次数,通过点击次数来对图标进行相应的旧化处理;由于当前屏幕处有多个图标,因此,需要对每个图标生成一个唯一的标识符,该标识符是为了识别相应图标,给每个图标定位,并将所有的数据插入数据表中,并统计对应的每个图标的点击次数,作为后续判断的条件;

s2:判断图标处的点击次数是否大于第一预设次数,如果是,则执行步骤s3,如果否,则返回s1;所述第一预设次数为200;

s3:截取图标处的图像并生成第一图片;由于图标的相应的权限并不一定会开放,故而需要先将该图标处的图像生成第一图片用以作为素材来提取出相应图标处的图标的主颜色;

s4:获取第一图片中的主颜色;获取图片的主颜色的时候,先将图片进行缩小至合适的范围内以加快计算速度,因为如果缩小的过小,可能会导致误差偏大;然后取图像中每个点的像素值,通过计算找到出现次数最多的那个颜色像素点;然后将该像素点的颜色确认为第一图片的主颜色;

s5:生成不规则面积图,并填充透明度为n%的预设颜色至该不规则面积图上以生成第二图片;步骤s5具体包括以下子步骤:

s51:通过贝塞尔闭合曲线随机生成不规则面积图;对图标进行模糊变旧处理不是将整体变旧,而是局部位置的不规则的变旧,如果是直接采用对整个图标来进行相应的操作的话,不能够达到相应的模拟效果,而如果是通过填充不规则的面积来实现的话,模拟模糊变旧的效果更好;

s52:在该不规则面积图上填充预设颜色;通过随机设定预设颜色;

s53:设定该预设颜色的透明度为n%;

s54:根据填充预设颜色后的不规则面积图得到第二图片;该步骤是为了得到做旧的效果图片,首先设定不规则面积图,通过随机设定面积来模仿人为的随机触摸面积,并通过在该不规则面积图上随机填充预设颜色,来达到相应的做旧的效果,在本实施例中,采用的混合颜色的方式来进行模拟,首先选定颜色a,其中颜色a为步骤s3中获取到的相应图标的主颜色,然后添加颜色b,颜色b为设计定义的颜色,该颜色的颜色值为:r=231,g=216;b=173,该颜色也即是黄色,通过将两种颜色随机设定在该不规则面积图上来进行相应的做旧模拟;在生成第二图片之前先要对该颜色的透明度进行设定,在实际操作中,设定的颜色的透明度为5%,这样能够得到比较好的效果,先生成颜色透明度之后,再将该预设颜色叠加至该图标处;

s6:将该第二图片叠加至该图标处;

s7:当所述图标的点击次数增加第二预设次数时,生成不规则面积图,并填充透明度为n%预设颜色至该不规则面积图上以生成第三图片;

s8:将该第三图片叠加至该图标处。

在本实施例中采用200次来作为预设次数进行判断,当达到两百次的时候,设置第二图片中的预设颜色的透明度为5%,并将第二图片叠加至第一图片上从而模拟变旧的效果,当相应图标的点击数在200次的基础上又增加100次,也即是300次点击的时候,设定第三图片中预设颜色的透明度为5%;也叠加与该图标处,此时如果第二图片和第三图片中的重合处的透明度此时也即为10%,颜色变深了一些,表现出更旧的柑橘,当该图标的点击次数为400次的时候,设定该第三图片中预设颜色的透明度还是为5%,即是每增加100次,则相应的透明度都为5%,与前面的重合的地方透明度会更高一些,从而使得叠加次数越多该图标的显示效果越旧,显示的效果也就越好越逼真。

每个图标处都会有一个背景颜色,也即是主颜色,而第二图片会在主颜色的基础上叠加相应的颜色至其上;当该软件图标的点击次数增多的时候,叠加上去该第二图片,从而使其出现脱色掉漆的现象,脱色掉漆后;硬件用旧之后除了掉色之外还会出现老化的黄色,黄色随着次数的增多而变深,因此,每次叠加5%的黄色,这能够模拟出使用次数增多而颜色变深的效果,从而直观反应该软件的使用情况。

该做旧方法通过插件的方式或者系统主件的方式来呈现,当用户更新系统内的软件的时候,该软件的所有做旧效果会全部自动屏蔽清楚,并重新计算,或者当用户不需要该做旧效果的时候,用户可以直接通过翻新功能来清除该做旧效果,具体的也即是撤销叠加在该图标之上的第一图片和第二图片。

如图2所示,本发明提供了一种图标模糊化的装置,包括以下模块:

次数获取模块:用于获取一图标处的点击次数;

判断模块:用于判断图标处的点击次数是否大于第一预设次数,如果是,则执行第一图片生成模块,如果否,则返回次数获取模块;所述第一预设次数为200;

第一图片生成模块:用于截取图标处的图像并生成第一图片;

主颜色获取模块:用于获取第一图片中的主颜色;

第二图片生成模块:用于生成不规则面积图,并填充透明度为n%的预设颜色至该不规则面积图上以生成第二图片;所述第二图片生成模块具体包括以下子模块:

不规则面积模块:用于通过贝塞尔闭合曲线随机生成不规则面积图;

颜色填充模块:用于在该不规则面积图上填充预设颜色;

第二一图片生成模块:用于根据填充预设颜色后的不规则面积图得到第二图片。

透明度设定模块:设定该预设颜色的透明度为n%;

第一图片叠加模块:用于将第二图片叠加至该图标处;在该第一图片叠加模块之后还包括以下模块:

第三图片生成模块:用于当所述图标的点击次数增加第二预设次数时,生成不规则面积图,并填充透明度为n%预设颜色至该不规则面积图上以生成第三图片;

第二图片叠加模块:用于将该第三图片叠加至该图标处。对本领域的技术人员来说,可根据以上描述的技术方案以及构思,做出其它各种相应的改变以及形变,而所有的这些改变以及形变都应该属于本发明权利要求的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1