CN106951138B - 一种图标模糊化的方法及装置 - Google Patents

一种图标模糊化的方法及装置 Download PDF

Info

Publication number
CN106951138B
CN106951138B CN201710134593.4A CN201710134593A CN106951138B CN 106951138 B CN106951138 B CN 106951138B CN 201710134593 A CN201710134593 A CN 201710134593A CN 106951138 B CN106951138 B CN 106951138B
Authority
CN
China
Prior art keywords
icon
picture
color
preset
irregular area
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.)
Active
Application number
CN201710134593.4A
Other languages
English (en)
Other versions
CN106951138A (zh
Inventor
龙华
卢业成
吴俊泽
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Intellvision Technology Co ltd
Original Assignee
Guangdong Intellvision Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangdong Intellvision Technology Co ltd filed Critical Guangdong Intellvision Technology Co ltd
Priority to CN201710134593.4A priority Critical patent/CN106951138B/zh
Publication of CN106951138A publication Critical patent/CN106951138A/zh
Application granted granted Critical
Publication of CN106951138B publication Critical patent/CN106951138B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/32—Monitoring with visual or acoustical indication of the functioning of the machine
    • G06F11/324—Display of status information
    • G06F11/328—Computer systems status display
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
    • G06F11/3409—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment for performance assessment
    • G06F11/3419—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment for performance assessment by assessing time
    • G06F11/3423—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment for performance assessment by assessing time where the assessed time is active or idle time
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
    • G06F11/3452—Performance evaluation by statistical analysis

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Quality & Reliability (AREA)
  • Computer Hardware Design (AREA)
  • Computing Systems (AREA)
  • Mathematical Physics (AREA)
  • Human Computer Interaction (AREA)
  • Life Sciences & Earth Sciences (AREA)
  • Bioinformatics & Cheminformatics (AREA)
  • Bioinformatics & Computational Biology (AREA)
  • Evolutionary Biology (AREA)
  • Probability & Statistics with Applications (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图标模糊化的方法及装置，该方法包括以下步骤：S1：获取一图标处的点击次数；S2：判断该图标处的点击次数是否大于第一预设次数，如果是，则执行步骤S3，如果否，则返回S1；S3：截取该图标处的图像并生成第一图片；S4：获取第一图片中的主颜色；S5：生成不规则面积图，并填充透明度为N％的预设颜色至该不规则面积图上以生成第二图片；S6：将该第二图片叠加至该图标处。本发明的图标模糊化的方法，通过对图标处位置的点击次数进行统计，再根据点击次数来显示老化效果，使得用户更直观的了解自己工具的使用频繁程度。

Description

一种图标模糊化的方法及装置
技术领域
本发明属于图形交互技术领域，尤其涉及一种图标模糊化的方法及装置。
背景技术
目前人们对软件应用越来越广泛，电脑端，手机端或其他智能设备上都会有几个常用的应用每日都会点上很多次，但哪个更常用用户无法直观看见，这就是软件产品与硬件产品最大的区别。硬件产品上当一个按钮，一个物件使用经常使用点击，该按钮会出现老化。从视觉效果上很直观的让人看到。但是对于软件来说，没有办法直接通过观察外观来判断当前软件的使用的频繁度。
发明内容
为了克服现有技术的不足，本发明的目的之一在于提供一种图标模糊化的方法，其能解决直观观察图标使用情况的技术问题。
本发明的目的之二在于提供一种图标模糊化的方法，其能解决直观观察图标使用情况的技术问题。
本发明的目的之一采用以下技术方案实现：
一种图标模糊化的方法，包括以下步骤：
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％预设颜色至该不规则面积图上以生成第三图片；
第二图片叠加模块：用于将该第三图片叠加至该图标处。对本领域的技术人员来说，可根据以上描述的技术方案以及构思，做出其它各种相应的改变以及形变，而所有的这些改变以及形变都应该属于本发明权利要求的保护范围之内。

Claims (6)

1.一种图标模糊化的方法，其特征在于，包括以下步骤：
S1：获取一图标处的点击次数；
S2：判断该图标处的点击次数是否大于第一预设次数，如果是，则执行步骤S3，如果否，则返回S1；
S3：截取该图标处的图像并生成第一图片；
S4：获取第一图片中的主颜色；
S5：生成不规则面积图，并填充透明度为N％的预设颜色至该不规则面积图上以生成第二图片；步骤S5具体包括以下子步骤：
S51：通过贝塞尔闭合曲线随机生成不规则面积图；
S52：在该不规则面积图上填充预设颜色，所述预设颜色为主颜色与设计定义颜色的混合；
S53：设定该预设颜色的透明度为N％；
S54：根据填充预设颜色后的不规则面积图得到第二图片；
S6：将该第二图片叠加至该图标处；
S7：当所述图标的点击次数增加第二预设次数时，生成不规则面积图，并填充透明度为N％预设颜色至该不规则面积图上以生成第三图片；
S8：将该第三图片叠加至该图标处。
2.如权利要求1所述的图标模糊化的方法，其特征在于，所述第二预设次数为100。
3.如权利要求1所述的图标模糊化的方法，其特征在于，所述第一预设次数为200。
4.一种图标模糊化的装置，其特征在于，包括以下模块：
次数获取模块：用于获取一图标处的点击次数；
判断模块：用于判断图标处的点击次数是否大于第一预设次数，如果是，则执行第一图片生成模块，如果否，则返回次数获取模块；
第一图片生成模块：用于截取图标处的图像并生成第一图片；
主颜色获取模块：用于获取第一图片中的主颜色；
第二图片生成模块：用于生成不规则面积图，并填充透明度为N％的预设颜色至该不规则面积图上以生成第二图片；所述第二图片生成模块具体包括以下子模块：
不规则面积模块：用于通过贝塞尔闭合曲线随机生成不规则面积图；
颜色填充模块：用于在该不规则面积图上填充预设颜色，所述预设颜色为主颜色与设计定义颜色的混合；
透明度设定模块：设定该预设颜色的透明度为N％；
第二一图片生成模块：用于根据填充预设颜色后的不规则面积图得到第二图片；
第一图片叠加模块：用于将该第二图片叠加至该图标处；
第三图片生成模块：用于当所述图标的点击次数增加第二预设次数时，生成不规则面积图，并填充透明度为N％预设颜色至该不规则面积图上以生成第三图片；
第二图片叠加模块：用于将该第三图片叠加至该图标处。
5.如权利要求4所述的图标模糊化的装置，其特征在于，所述第二预设次数为100。
6.如权利要求4所述的图标模糊化的装置，其特征在于，所述第一预设次数为200。
CN201710134593.4A 2017-03-08 2017-03-08 一种图标模糊化的方法及装置 Active CN106951138B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710134593.4A CN106951138B (zh) 2017-03-08 2017-03-08 一种图标模糊化的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710134593.4A CN106951138B (zh) 2017-03-08 2017-03-08 一种图标模糊化的方法及装置

Publications (2)

Publication Number Publication Date
CN106951138A CN106951138A (zh) 2017-07-14
CN106951138B true CN106951138B (zh) 2020-11-03

Family

ID=59466740

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710134593.4A Active CN106951138B (zh) 2017-03-08 2017-03-08 一种图标模糊化的方法及装置

Country Status (1)

Country Link
CN (1) CN106951138B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111273971B (zh) 2018-12-04 2022-07-29 腾讯科技（深圳）有限公司 视图中的信息处理方法、装置及存储介质
CN113539212A (zh) * 2021-07-02 2021-10-22 北京金三惠科技有限公司 一种生成鼓击节奏的方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103019680A (zh) * 2012-11-20 2013-04-03 东莞宇龙通信科技有限公司 移动终端和用于移动终端的应用图标显示方法
CN103455333A (zh) * 2013-08-29 2013-12-18 小米科技有限责任公司 一种桌面图标处理方法、装置和移动终端
CN105094549A (zh) * 2015-07-20 2015-11-25 小米科技有限责任公司 显示消息的方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10345991B2 (en) * 2015-06-16 2019-07-09 International Business Machines Corporation Adjusting appearance of icons in an electronic device

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103019680A (zh) * 2012-11-20 2013-04-03 东莞宇龙通信科技有限公司 移动终端和用于移动终端的应用图标显示方法
CN103455333A (zh) * 2013-08-29 2013-12-18 小米科技有限责任公司 一种桌面图标处理方法、装置和移动终端
CN105094549A (zh) * 2015-07-20 2015-11-25 小米科技有限责任公司 显示消息的方法及装置

Also Published As

Publication number Publication date
CN106951138A (zh) 2017-07-14

Similar Documents

Publication Publication Date Title
CN104778047B (zh) 一种内容显示方法及终端
US20230237141A1 (en) Security verification method and relevant device
CN107221290A (zh) mura补偿显示方法及装置、计算机可读存储介质
CN104536771B (zh) 根据图标颜色的图标排序显示方法及系统
US8572501B2 (en) Rendering graphical objects based on context
US11280809B2 (en) Method and apparatus for processing oscilloscope signal and oscilloscope
CN102955794A (zh) 一种网页点击情况的显示方法及装置
CN105975238A (zh) 一种显示参数的调整方法及终端设备
CN106951138B (zh) 一种图标模糊化的方法及装置
CN105808035B (zh) 图标显示方法及装置
CN104991767A (zh) 一种信息处理方法及电子设备
CN106713879A (zh) 避障投影方法及其装置
CN105824515A (zh) 一种元素显示的方法及装置
CN105955754A (zh) 一种用户界面文字显示方法及装置
CN104423909A (zh) 一种信息处理方法及电子设备
CN110458790A (zh) 一种图像检测方法、装置及计算机存储介质
CN110879739A (zh) 通知栏的显示方法及其显示装置
CN114210054A (zh) 一种将3d模型嵌入ugui中显示的方法
CN106792251A (zh) 信息显示方法、装置及终端
CN105843604A (zh) 一种动画播放方法及装置
CN111198908B (zh) 电网资产图表的显示方法、装置、存储介质及终端
CN105677155B (zh) 智能终端应用图标的设定方法及系统
CN107085521A (zh) 一种图标显示方法和装置
CN105138932A (zh) 文本显示方法、装置及移动终端
CN106651968B (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
CB02 Change of applicant information
CB02 Change of applicant information

Address after: Room 1410, No.5, Shuangshan Avenue, Nansha District, Guangzhou City, Guangdong Province (office only)

Applicant after: GUANGDONG ZHIMEIYUNTU TECH Corp.,Ltd.

Address before: A cross road of peace road 570208 Hainan city of Haikou province Bifuli villa 20

Applicant before: HAINAN INTELLVISION TECHNOLOGY Co.,Ltd.

Address after: A cross road of peace road 570208 Hainan city of Haikou province Bifuli villa 20

Applicant after: HAINAN INTELLVISION TECHNOLOGY Co.,Ltd.

Address before: A cross road of peace road 570208 Hainan city of Haikou province Bifuli villa 20

Applicant before: HAINAN KAIDI NETWORK INFORMATION Co.,Ltd.

GR01 Patent grant
GR01 Patent grant