CN109976846A - 一种图像处理方法、终端设备和*** - Google Patents
一种图像处理方法、终端设备和*** Download PDFInfo
- Publication number
- CN109976846A CN109976846A CN201910133543.3A CN201910133543A CN109976846A CN 109976846 A CN109976846 A CN 109976846A CN 201910133543 A CN201910133543 A CN 201910133543A CN 109976846 A CN109976846 A CN 109976846A
- Authority
- CN
- China
- Prior art keywords
- picture
- icon
- reflective
- color value
- point
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
-
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种图像处理方法,用于使得图标显示出动态效果。本申请实施例方法包括:获得反光图片;将所述反光图片叠加在图标上;改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值。获得反光图片,并将所述反光图片叠加在图标上,通过改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值,使得图标显示出动态效果。
Description
技术领域
本申请涉及图像处理领域,尤其涉及一种图像处理方法、终端设备和***。
背景技术
图标用于向用户指示软件或应用,用户与手机、电脑等终端进行人机交互的过程中,用户通过鼠标或者手指点击图标,就会打开软件或应用。图标是用户对软件或应用的第一观感,图标对该软件或应用的推广有巨大的影响。
当前,图标主要是静态的,即图标在终端显示为一张静止的图片。越来越多的厂商提出动态图标的方案,但是方案中的动态图标一般用在日历,时钟等应用上,体现在每隔一定时间重新刷新图标状态,如日期,时间等功能。如在苹果手机上,桌面时钟图标是跟随时间不停变化。又如华为手机上,日历图标跟着日期变化而变化。
上述动态图标主要应用于日历或时钟等软件或应用上,对于一般软件或应用,并没有动态图标的方案。
发明内容
本申请实施例提供了一种图像处理方法、终端设备和***,用于使得图标显示出动态效果。
本申请第一方面提供了一种图像处理方法,包括:
获得反光图片,并将该反光图片叠加在图标上,通过改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值,使得图标显示出动态效果。可选的,该反光图片是半透明的图片,则可以在显示图标的情况下,实现图标的动态效果。
在一些可能的实现方式中,该获得反光图片的方法包括:
新建全透明图片,在该全透明图片上设置至少一个目标点,设置该至少一个目标点的颜色值,根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值,从而创建一个具有渐变效果的反光图片,一个效果较佳的反光图片,应该是一个不会影响图标的辨识度,而且颜色较为丰富图片,而且颜色较为丰富的图片,如具有渐变效果的图片。
在一些可能的实现方式中,该根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值包括:
通过该至少一个目标点将该全透明图片划分为若干个三角形,对于该全透明图片中的任意一个点G,根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值。
需要说明的是,通过使用该全透明图片的四个角和至少一个目标点将图片分成互不重叠的若干个三角形,然后对于该全透明图片中的任意一点的颜色值,根据该点所在的三角形的三个角的颜色值进行计算,实现了对于图片中的任意一个非目标点,应该越靠近某目标点的时候,与该目标点的颜色值越接近,而且任意两点越接近,其颜色值越接近,从而通过计算获得具有渐变效果的反光图片。
在一些可能的实现方式中,该根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值包括:
通过该点G分别与三角形的三个点连线,以将该三角形分成三个部分,通过下述公式计算点G的颜色值:G=C1*g1/g+C2*g2/g+C3*g3/g,其中,G表示该点G的颜色值,g1、g2、g3分别表示该三角形的三个部分的面积,g表示该三角形的面积。
实现了当点G与某一点接近时,通过该点的相对的部分的面积占三角形C1-C2-C3的面积的比例,作为该点的颜色值对点G的影响的比例,则可以实现当点G越靠近该点时,该点对点G的颜色值的影响越大,则点G越接近该点的颜色值。
在一些可能的实现方式中,该反光图片和该图标的边缘均为长方形,且该反光图片的边缘的长和宽分别大于该图标的边缘的长和宽。则图标可以完全置于反光图片之中,从而可以实现反光图片对该图标的影响,实现图标的动态效果。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值包括:改变该图标在该反光图标中的位置。由于该反光图片是渐变的,当图标在反光图片中的位置改变时,该图标在该反光图片中的不同位置,可以在该图标上显示出该反光图片的不同位置的颜色值,实现了该图标的动态效果。
在一些可能的实现方式中,该改变该图标在该反光图标中的位置之前,还包括:
获取传感信息,根据该传感信息确定该图标在该反光图标中的位置,实现了终端设备可以通过获取传感信息,将传感信息进行信息处理,得到信息处理结果,根据信息处理结果触发图标的动态效果。在本申请实施例中,可以通过用户晃动终端设备而实现图标的动态效果。
在一些可能的实现方式中,该获取传感信息包括:
通过陀螺仪获取终端设备与水平方向之间的角度,对该角度进行归一化处理,得到0至1之间的归一化值,根据该归一化值确定该图标在该反光图标中的位置,实现了传感信息和图标在反光图片中的位置的转换。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值之后,还包括:获得遮罩图片,使用遮罩图片对反光图片进行图像处理。
可选的,该反光图片是半透明的图片,各个像素的Alpha通道值在0-1之间,因此当将反光图片叠加在如图标上时,形成了既显示图标又显示该反光图片的效果,在图标的较为明亮的位置,会形成较为暗淡的颜色,可能会对图标的辨识度造成一定的影响,形成不良的用户体验。因此,通过上述方法,可以对该反光图片进行进一步处理,使得较为明亮的位置不会出现暗淡的颜色。
在一些可能的实现方式中,该获得遮罩图片包括:
新建一个初始化图片,将该初始化图片叠加在该图标上,确定该图标的明亮位置,根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值,得到该遮罩图片。
在一些可能的实现方式中,该根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值包括:将该初始化图片中,该图标的明亮位置所对应的位置设置Alpha通道值为0,其余的位置的Alpha通道值为1。
在一些可能的实现方式中,该使用遮罩图片对反光图片进行图像处理包括:
使用该遮罩图片通过下述公式对该反光图片进行图像处理:
temp.rgba=反光图片.rgba*mask.a
其中,temp.rgba为进行图像处理后该反光图片的像素的颜色值,反光图片.rgba为进行图像处理前该反光图片的像素的颜色值,mask.a为该遮罩图片中该反光图片的像素对应的位置的Alpha通道值。
本申请第二方面提供了一种图像处理终端设备,包括:
存储器和至少一个处理器,该存储器用于存储计算机可读指令,该处理器用于执行该存储器中的该计算机可读指令从而执行以下操作:
获得反光图片,将该反光图片叠加在图标上,改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值。
由于获得反光图片,并将该反光图片叠加在图标上,通过改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值,使得图标显示出动态效果。可选的,该反光图片是半透明的图片,则可以在显示图标的情况下,实现图标的动态效果。
在一些可能的实现方式中,该获得反光图片的终端设备包括:
新建一个全透明图片,在该全透明图片上设置至少一个目标点,设置该至少一个目标点的颜色值,根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值。
在一些可能的实现方式中,该根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值包括:
通过该至少一个目标点将该全透明图片划分为若干个三角形,对于该全透明图片中的任意一个点G,根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值。
在一些可能的实现方式中,该根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值包括:
通过该点G分别与三角形的三个点连线,以将该三角形分成三个部分,通过下述公式计算点G的颜色值:G=C1*g1/g+C2*g2/g+C3*g3/g,其中,G表示该点G的颜色值,g1、g2、g3分别表示该三角形的三个部分的面积,g表示该三角形的面积。
在一些可能的实现方式中,该反光图片和该图标的边缘均为长方形,且该反光图片的边缘的长和宽分别大于该图标的边缘的长和宽。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值包括:改变该图标在该反光图标中的位置。
在一些可能的实现方式中,该处理器还用于:获取传感信息,该改变该图标在该反光图标中的位置包括:根据该传感信息确定该图标在该反光图标中的位置。
在一些可能的实现方式中,该获取传感信息包括:通过陀螺仪获取终端设备与水平方向之间的角度,对该角度进行归一化处理,得到0至1之间的归一化值,该根据该传感信息确定该图标在该反光图标中的位置包括:根据该归一化值确定该图标在该反光图标中的位置。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值之后,还包括:获得遮罩图片,使用遮罩图片对反光图片进行图像处理。
在一些可能的实现方式中,该获得遮罩图片包括:
新建一个初始化图片,将该初始化图片叠加在该图标上,确定该图标的明亮位置,根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值,得到该遮罩图片。
在一些可能的实现方式中,该根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值包括:将该初始化图片中,该图标的明亮位置所对应的位置设置Alpha通道值为0,其余的位置的Alpha通道值为1。
在一些可能的实现方式中,使用该遮罩图片通过下述公式对该反光图片进行图像处理:temp.rgba=反光图片.rgba*mask.a,其中,temp.rgba为进行图像处理后该反光图片的像素的颜色值,反光图片.rgba为进行图像处理前该反光图片的像素的颜色值,mask.a为该遮罩图片中该反光图片的像素对应的位置的Alpha通道值。
本申请的又一方面提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述各方面所述的方法。
从以上技术方案可以看出,本申请实施例具有以下优点:
获得反光图片,并将所述反光图片叠加在图标上,通过改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值,使得图标显示出动态效果。
附图说明
图1为手机的结构示意图;
图2一种图像传输方法的实施例示意图;
图3-1一种获得具有渐变效果的反光图片的方法的示意图;
图3-2为反光图片中目标点的示意图;
图3-3为将全透明图片划分为若干个三角形的示意图;
图3-4为计算三角形中任意一点的颜色值的示意图;
图3-5为反光图片的效果图;
图3-6为将全透明图片划分为若干个四角形的示意图;
图3-7为计算四角形中任意一点的颜色值的示意图;
图3-8为目标点的数量为2的示意图;
图3-9为目标点的数量为5的示意图;
图4-1为图标的示意图;
图4-2为反光图片叠加在图标上的效果图;
图4-3为反光图片叠加在图标上的另一效果图;
图4-4为反光图片叠加在图标上的另一效果图;
图4-5为反光图片叠加在图标上的另一效果图;
图4-6为反光图片叠加在图标上的另一效果图;
图4-7为反光图片叠加在图标上的另一效果图;
图5-1为一种通过获取传感信息触发图标的动态效果的方法的示意图;
图5-2为归一化值与图标在反光图片中的对应位置的示意图;
图6-1为一种获取遮罩图片的方法的示意图;
图6-2为遮罩图片的示意图
图6-3为经过遮罩图片的图像处理后反光图片的效果图;
图6-4为经过遮罩图片的图像处理后反光图片在叠加在图标上的效果图;
图7为终端设备的实施例示意图。
具体实施方式
本申请实施例提供了一种图像处理方法,用于使得图标显示出动态效果。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请应用于终端设备。本申请实施例涉及的终端设备,可以是指向用户提供语音和/或数据连通性的设备,具有无线连接功能的手持式设备、或连接到无线调制解调器的其他处理设备。无线终端可以经无线接入网(RAN Radio Access Network)与一个或多个核心网进行通信,无线终端可以是移动终端,如移动电话(或称为“蜂窝”电话)和具有移动终端的计算机,例如,可以是便携式、袖珍式、手持式、计算机内置的或者车载的移动装置,它们与无线接入网交换语言和/或数据。例如,个人通信业务(PCS,Personal CommunicationService)电话、无绳电话、会话发起协议(SIP)话机、无线本地环路(WLL,Wireless LocalLoop)站、个人数字助理(PDA,Personal Digital Assistant)等设备。无线终端也可以称为***、订户单元(Subscriber Unit)、订户站(Subscriber Station),移动站(MobileStation)、移动台(Mobile)、远程站(Remote Station)、接入点(Access Point)、远程终端(Remote Terminal)、接入终端(Access Terminal)、用户终端(User Terminal)、终端设备、用户代理(User Agent)、用户设备(User Device)、或用户装备(User Equipment)。
以手机为例,参考图1(为手机的结构示意图),手机包括:射频(Radio Frequency,RF)电路1110、存储器1120、输入单元1130、显示单元1140、传感器1150、音频电路1160、无线保真(wireless fidelity,WiFi)模块1170、处理器1180、以及电源1190等部件。本领域技术人员可以理解,图1中示出的手机结构并不构成对手机的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图1对手机的各个构成部件进行具体的介绍:
RF电路1110可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,给处理器1180处理;另外,将设计上行的数据发送给基站。通常,RF电路1110包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier,LNA)、双工器等。此外,RF电路1110还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯***(GlobalSystem of Mobile communication,GSM)、通用分组无线服务(General Packet RadioService,GPRS)、码分多址(Code Division Multiple Access,CDMA)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、长期演进(Long Term Evolution,LTE)、电子邮件、短消息服务(Short Messaging Service,SMS)等。
存储器1120可用于存储软件程序以及模块,处理器1180通过运行存储在存储器1120的软件程序以及模块,从而执行手机的各种功能应用以及数据处理。存储器1120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元1130可用于接收输入的数字或字符信息,以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地,输入单元1130可包括触控面板1131以及其他输入设备1132。触控面板1131,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1131上或在触控面板1131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板1131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器1180,并能接收处理器1180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1131。除了触控面板1131,输入单元1130还可以包括其他输入设备1132。具体地,其他输入设备1132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1140可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1140可包括显示面板1141,可选的,可以采用液晶显示器(LiquidCrystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1141。进一步的,触控面板1131可覆盖显示面板1141,当触控面板1131检测到在其上或附近的触摸操作后,传送给处理器1180以确定触摸事件的类型,随后处理器1180根据触摸事件的类型在显示面板1141上提供相应的视觉输出。虽然在图1中,触控面板1131与显示面板1141是作为两个独立的部件来实现手机的输入和输入功能,但是在某些实施例中,可以将触控面板1131与显示面板1141集成而实现手机的输入和输出功能。
手机还可包括至少一种传感器1150,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1141的亮度,接近传感器可在手机移动到耳边时,关闭显示面板1141和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路1160、扬声器1161,传声器1162可提供用户与手机之间的音频接口。音频电路1160可将接收到的音频数据转换后的电信号,传输到扬声器1161,由扬声器1161转换为声音信号输出;另一方面,传声器1162将收集的声音信号转换为电信号,由音频电路1160接收后转换为音频数据,再将音频数据输出处理器1180处理后,经RF电路1110以发送给比如另一手机,或者将音频数据输出至存储器1120以便进一步处理。
WiFi属于短距离无线传输技术,手机通过WiFi模块1170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块1170,但是可以理解的是,其并不属于手机的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器1180是手机的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器1120内的软件程序和/或模块,以及调用存储在存储器1120内的数据,执行手机的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器1180可包括一个或多个处理单元;优选的,处理器1180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作***、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1180中。
手机还包括给各个部件供电的电源1190(比如电池),优选的,电源可以通过电源管理***与处理器1180逻辑相连,从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。尽管未示出,手机还可以包括摄像头、蓝牙模块等,在此不再赘述。
图标用于向用户指示软件或应用,用户与手机、电脑等终端进行人机交互的过程中,用户通过鼠标或者手指点击图标,就会打开软件或应用。图标是用户对软件或应用的第一观感,图标对该软件或应用的推广有巨大的影响。当前,图标主要是静态的,即图标在终端显示为一张静止的图片。越来越多的厂商提出动态图标的方案,但是方案中的动态图标一般用在日历,时钟等应用上,体现在每隔一定时间重新刷新图标状态,如日期,时间等功能。如在苹果手机上,桌面时钟图标是跟随时间不停变化。又如华为手机上,日历图标跟着日期变化而变化。上述动态图标主要应用于日历或时钟等软件或应用上,对于一般软件或应用,并没有动态图标的方案。
本申请提供了一种图像处理方法,首先获得反光图片,并将所述反光图片叠加在图标上,通过改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值,使得图标显示出动态效果。
有鉴于此,请参考图2,本申请提供了一种图像传输方法,包括:
201、获得反光图片。
在一些可能的实现方式中,反光图片可以获得现成的反光图片,也可以通过程序计算获得反光图片。
需要说明的是,所谓“半透明”,即该反光图片中的任意一个像素的Alpha通道值均小于1。Alpha通道值一般用作不透明度的参数,可以用百分比、整数或者像用0到1之间的小数表示。以百分比为例,如果一个像素的Alpha通道值为0%,那它就是完全透明的,即完全看不见的,若该像素叠加在另一个像素上,被叠加的这个像素会完全显示;如果一个像素的Alpha通道值为100%,则意味着一个完全不透明的像素,即若该像素叠加在另一个像素上,被叠加的这个像素会完全被挡住。而Alpha通道值在0%和100%之间的像素,该像素为半透明像素,若该半透明像素叠加在另一个像素上,既可以显示该半透明像素,也可以显示被叠加的像素,就像就像透过有色透明玻璃(半透明像素)看到玻璃后面的物品(另一个像素)一样。
以下,以通过程序计算得出反光图片为例进行说明。
需要说明的是,如果反光图片是一个在不同位置上颜色泾渭分明的图片,当该反光图片叠加在图标上时,图标上的辨识度就会受到影响。但是如果该反光图片的颜色比较单调,则动态效果不明显。因此,一个效果较佳的反光图片,应该是一个不会影响图标的辨识度,而且颜色较为丰富图片,而且颜色较为丰富的图片,如具有渐变效果的图片。因此,在本申请实施例中,可以创建一个具有渐变效果的反光图片。
请参考图3-1,为一种获得具有渐变效果的反光图片的方法,该方法包括:
2011、新建全透明图片。
在一些可能的实现方式中,该全透明图片可以与图标一样大,也可以大于图标,此处不做限定。所谓全透明图片,即所有像素的RGBA值均为(0,0,0,0)的图片。所谓RGBA值,是在RGB色彩模型的基础上额外添加Alpha通道值,作为第四个维度,用于描述色彩空间。在本申请实施例中所称的颜色值,即为RGBA值。需要说明的是,Alpha通道值可以取值0-1之间,也可以取值0-100%之间,在本申请实施例中,以0-1为例进行说明。
在一些可能的实现方式中,颜色值可以通过RGB值或RGBA值表示。所谓RGB值,是基于RGB色彩模式的一种颜色标准,是通过对红、绿、蓝三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的。“RGB”的三个字母分别为红、绿、蓝的英文的首字母,RGB值可以通过一个三维向量(R,G,B)来表示。在一些可能的实现方式中,R值/G值/B值的取值范围可以均为0-255,如(255,0,0)代表纯红色,(0,255,0)代表纯绿色,(128,0,128)代表紫色,(0,0,0)代表纯黑色,(255,255,255)代表纯白色。RGB色彩模式所能描述的色彩几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色***之一。
因此,一个RGBA值为(0,0,0,0)的像素,由于R值、G值和B值均为0,即为一个黑色的像素。但是由于其Alpha通道值为0,则像素为完全透明的像素,无论叠加在任何背景上,该像素均不可见,而显示所叠加的背景。在本申请实施例中,新建了一张全透明图片,其RGBA值均为(0,0,0,0),即该图片是全透明图片,则该全透明的图片无论叠加在任何背景上,该图片均不可见。
2012、在全透明图片上设置至少一个目标点。
需要说明的是,目标点的数量和位置可以是随机设置的,也可以预先固定设置的,此处不做限定。在本申请实施例中,如图3-2所示(为反光图片中目标点的示意图),目标点的数量为4个,分别设置在C1、C2、C3和C4处。
2013、设置至少一个目标点的颜色值。
在一些可能的实现方式中,可以随机或者预先设置至少一个目标点的颜色值。在本申请实施例中,可以设置如图3-2所示的C1、C2、C3和C4中至少一个目标点的颜色值,即RGBA值。则可以设置C1=(100,125,241,0.1),C2=(84,76,1,0.76),C3=(77,35,255,0.34),C4=(0,45,12,0.53)。其中,以C1、C2、C3和C4分别表示点C1、点C2、点C3和点C4的颜色值。
2014、根据至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值。
需要说明的是,为了通过计算获得具有渐变效果的反光图片,对于图片中的任意一个非目标点,应该越靠近某目标点的时候,与该目标点的颜色值越接近,而且任意两点越接近,其颜色值越接近。
有鉴于此,本申请提供了一种通过至少一个目标点确定该全透明图片的其余像素的颜色值的方法,用于使用该全透明图片的四个角和至少一个目标点将图片分成互不重叠的若干个三角形,然后对于该全透明图片中的任意一点的颜色值,根据该点所在的三角形的三个角的颜色值进行计算。
具体的,如图3-3(为将全透明图片划分为若干个三角形的示意图),设该全透明图片的四个角分别为P1/P2/P3和P4,P1/P2/P3和P4以及4个目标点通过如图3-3所示的方式进行连线,将该全透明图片分成互相之间没有重叠部分的10个三角形。其中,为了保证不同的三角形之间没有重叠部分,C2和C3连线,而C1和C4不连线,在一些可能的实现方式中,也可以由C1和C4连线,C2和C3不连线,此处不做限定。
然后,对于该全透明图片中的任意一个点,可以根据该点所在的三角形的三个点的颜色值进行计算。
以点G为例,如图3-4所示(为计算三角形中任意一点的颜色值的示意图),点G位于三角形C1-C2-C3之中。
首先,将点G分别与点C1、点C2和点C3连线,将三角形C1-C2-C3分成三个部分,分别为g1、g2和g3。显然地,当点G越靠近点C2时,相对的g2的面积就越大;当点G越靠近点C1时,相对的g1的面积就越大;当点G越靠近点C3时,相对的g3的面积就越大。基于点G越靠近某一点,其颜色值就越接近该点的原则,可知,点G靠近某一点,与该点相对的部分的面积程正相关。在本申请实施例中,点G颜色值可以通过C1、C2和C3以及相对应的g1、g2和g3的面积来决定。
在本申请实施例中,通过下述公式计算点G的颜色值:
G=C1*g1/g+C2*g2/g+C3*g3/g
其中,G表示点G的颜色值,g1、g2、g3分别表示该部分的面积,g表示三角形C1-C2-C3的面积,g1/g表示g1占g的面积的比例,g2/g表示g2占g的面积的比例,g3/g表示g3占g的面积的比例,C1、C2和C3分别代表点C1、点C2和点C3的颜色值。在本申请实施例中,点G与某一点接近时,通过该点的相对的部分的面积占三角形C1-C2-C3的面积的比例,作为该点的颜色值对点G的影响的比例,则可以实现当点G越靠近该点时,该点对点G的颜色值的影响越大,则点G越接近该点的颜色值。
例如,若g1/g=0.3,g2/g=0.2,g3/g=0.5,则可知,g3是C3相对的部分,由于g3所占的比例较高,则说明点G离C3较C1和C2为接近,则C3的颜色值对点G的颜色值的影响较大。
则根据步骤2013的数据,可以计算出点G的颜色值为:
G=C1*0.3+C2*0.2+C3*0.5
=(100,125,241,0.1)*0.3+(84,76,1,0.76)*0.2+(77,35,255,0.34)*0.5
=(85.3,70.2,200,0.352)
以此类推,可以计算得到图片中任意一个像素的颜色值,最终得到如图3-5所示的反光图片的效果图。
需要说明的是,经过上述步骤形成的反光图片是彩色图片,无法在申请文件中展示,因此在图3-5中展示的图片为对该反光图片进行灰度化处理后的图片。
在一些可能的实现方式中,也可以将该全透明图片划分为若干个四边形、五边形或者其他多边形。以四边形为例,如图3-6(为将全透明图片划分为若干个四角形的示意图)所示的划分方案。
如图3-7(为计算四角形中任意一点的颜色值的示意图),若点G在四边形C1-C2-C3-C4上,则可以将四边形C1-C2-C3-C4分成4三角形,分别是g1、g2、g3和g4,则G的颜色值的公式可以为:
G=1/2*[C1*(g1+g2)/g+C2*(g2+g4)/g+C3*(g1+g3)/g+C4*(g3+g4)/g]
其中,G表示点G的颜色值,g1、g2、g3、g4分别表示该部分的面积,g表示四角形C1-C2-C3-C4的面积,(g1+g2)/g表示g1和g2共占g的面积的比例,C1、C2和C3分别代表点C1、点C2和点C3的颜色值。在本申请实施例中,点G与某一点接近时,通过该点的相对的部分的面积占三角形C1-C2-C3的面积的比例,作为该点的颜色值对点G的影响的比例,则可以实现当点G越靠近该点时,该点对点G的颜色值的影响越大,则点G越接近该点的颜色值。如C1相对的部分为g1+g2,C2相对的部分为g2+g4,C3相对的部分为g1+g3,C4相对的部分为g3+g4。另外,由于(g1+g2)/g、(g2+g4)/g、(g1+g3)/g以及(g3+g4)/g的和为2,因此,此处需要乘以1/2,使得点G的RGBA值中的每个维度的取值在设定的范围内。
在一些可能的实现方式中,目标点的数量可以为1个、2个、3个或5个,或者其他数量,此处不做限定。以目标点的数量为2个为例,如图3-8(为目标点的数量为2的示意图),目标点只有2个,分别是C1和C2。通过C1、C2和该全透明图片的四个角,将该全透明图片分成6个三角形,计算任意一个点的颜色值的方法如步骤2014所示,此处不做赘述。
以目标点的数量为5个为例,如图3-9(为目标点的数量为5的示意图),目标点有5个,分别是C1、C2、C3、C4和C5,通过C1、C2、C3、C4和C5和该全透明图片的四个角,将该全透明图片分成12个三角形,计算任意一个点的颜色值的方法如步骤2014所示,此处不做赘述。
需要说明的是,生成具有渐变效果的反光图片不仅可以为上述方法,还可以通过其他各种方式生成,如从该反光图片的左边任意像素点的颜色值为(255,255,255,0.9)到该反光图片的右边的任意像素点的颜色值为(0,0,0,0.1)进行均匀渐变,此处不做限定。需要说明的是,该反光图片不限于具有渐变效果,还可以是其他类型的图片,如风景画,电影海报等,此处不做限定。
202、将反光图片叠加在图标上。
当获得反光图片后,可以将反光图片叠加在图标上。需要说明的是,该反光图片和该图标的边缘可以均为长方形,且该反光图片的边缘的长和宽分别大于/等于该图标的边缘的长和宽。需要说明的是,本申请实施例所指的图标,是指在终端设备的屏幕上显示的应用或软件的标识,用于向用户辨识该应用或软件,便于用户使用。在一些可能的实现方式中,该图标也可以是起标识作用的图标,如警告的标识,此处不做限定。
在本申请实施例中,以如图4-1(为图标的示意图)所示的图标为例进行说明。需要说明的是,在实际应用中,如图4-1所示的图标可以是彩色的,也可以是黑白灰的,由于申请文件中附图的色彩限制,图示为黑白灰进行示例。该图标的Alpha通道值可以为1,也可以为0,也可以为0-1之间,此处不做限定。
在本申请实施例中,将如图3-5所示的反光图片叠加在如图4-1所示的图标上,得到如图4-2(为反光图片叠加在图标上的效果图)所示的效果。在本申请实施例中,以反光图片大于图标为例进行说明。
若图标在反光图片中的如图4-2中的位置时,由于反光图片中,图标所在的位置的Alpha通道值较大,则终端设备上显示如图4-3(为反光图片叠加在图标上的另一效果图)所示的图标的效果图,该图标收到反光图片的影响较大,显得较为模糊;若图标在反光图片中的如图4-4(为反光图片叠加在图标上的另一效果图)中的位置时,图标所在的位置的Alpha通道值较小,则终端设备上显示如图4-5(为反光图片叠加在图标上的另一效果图)所示的图标的效果图,该图标收到反光图片的影响较小,显得较为清晰。在一些可能的实现方式中,反光图片和图标一样大,则当该反光图片叠加在图标上时,显示出如图4-6(为反光图片叠加在图标上的另一效果图)所示的图标的效果图。
203、改变反光图片中与图标重叠部分的至少一个像素点的颜色值。
在本申请实施例中,要实现图标的动态效果,即需要终端设备显示图标上的反光图片是变化的,则需要改变反光图片中与图标重叠部分的至少一个像素点的颜色值。
在一些可能的实现方式中,可以改变图标在反光图片中的位置,以改变反光图片中与图标重叠部分的至少一个像素点的颜色值。例如,当图标在如图4-2所示的反光图片中的位置时,图标在终端设备上显示如图4-3所示的效果图;当图标在如图4-4所示的反光图片中的位置时,图标在终端设备上显示如图4-5所示的效果图。以此实现了改变反光图片中与图标重叠部分的至少一个像素点的颜色值。
在一些可能的实现方式中,也可以随机改变反光图片中与图标重叠部分的至少一个像素点的颜色值。例如,对于如图4-6所示的图标的效果图,可以对该图标所在的反光图片的位置改变颜色值,得到如图4-7(为反光图片叠加在图标上的另一效果图)所示的图标的效果图。
但是,当该反光图片为渐变的图片,若随机改变其中某个部分的颜色值,如图4-7,会导致其失去渐变的性质。因此,在一些可行的实施例中,若该反光图片是通过上述步骤2011-2014生成的具有渐变性质的反光图片,可以通过改变至少一个目标点的颜色值,或者改变至少一个目标点的位置,则该反光图片中的任意一个像素点的颜色值均需要根据改变后的至少一个目标点的颜色值进行计算,重新确定颜色值,从而影响整个反光图片中各个像素的颜色值。当至少一个目标点的颜色值和/或位置改变,其余像素的颜色值的计算方法如上述步骤2014,此处不做赘述。
在一些可能的实现方式中,图标的动态效果可以是无触发的,也可以是有触发的。所谓无触发的,即不需要对终端设备进行任何操作,图标的动态效果即可自动改变。但是当锁屏或者没有使用终端设备的时候,不需要图标的动态效果,因此可选的,在一些可能的实现方式中,可以通过某些触发条件触发图标的动态效果。
具体的,在一些可能的实现方式中,终端设备可以通过获取传感信息,将传感信息进行信息处理,得到信息处理结果,根据信息处理结果触发图标的动态效果。在本申请实施例中,可以通过用户晃动终端设备而实现图标的动态效果。
请参考图5-1,本申请提供了一种通过获取传感信息触发图标的动态效果的方法,包括:
2031、获取传感信息。
在本申请实施例中,该终端可以通过陀螺仪等对角度感知传感器,获得传感信息。具体的,陀螺仪可以检测对终端设备与水平方向之间的角度,以该角度作为传感信息。
需要说明的是,在本申请实施例中,终端设备的角度以(a,b)来表示,其中,a用于表示终端设备与水平方向的角度,b用于表示终端设备与垂直方向的角度。当终端设备平放在水平面上时,如办公桌的桌面上,且屏幕朝上,则终端设备的角度的值为(0°,0°),若终端设备朝下,则终端设备的角度的值为(180°,180°)。
2032、根据传感信息改变图标在反光图片中的位置。
在本申请实施例中,大概获取了传感信息后,可以对传感信息进行信息处理。在本申请实施例中,可以对终端设备的角度的值(a,b)进行归一化处理,得到归一化值(x,y),其中,x=a/180°,y=b/180°。例如,角度(90°,90°)等于归一化值(0.5,0.5)。
当确定归一化值后,终端设备可以根据归一化值确定触发图标的动态效果。在本申请实施例中,以改变图标在反光图片中的位置为例进行说明。具体的,以x表示图标在反光图片的横坐标的位置,y表示图标在反光图片的纵坐标的位置,x和y的取值范围均为[0,1]。当x等于0时,表示图标在反光图片的水平方向的最左边;当x等于1时,表示图标在反光图片的水平方向的最右边;当y等于0时,表示图标在反光图片的垂直方向的最下边;当y等于1时,表示图标在反光图片的垂直方向的最下边。
例如,如图5-2(为归一化值与图标在反光图片中的对应位置的示意图)所示:当归一化值等于(0,0)时,图标在反光图片的最左下角的位置;当归一化值等于(1,1)时,图标在反光图片的最左下角的位置;当归一化值等于(1,0)时,图标在反光图片的最左下角的位置;当归一化值等于(0,1)时,图标在反光图片的最左下角的位置;其余的情况,图标在反光图片的其余位置。
通过上述方法,通过用户对终端设备的晃动,改变了终端设备与水平方向之间的角度,从而改变图标在反光图片中的不同位置,从而实现了图标与反光图片重叠的位置不相同,由于反光图片的不同位置的颜色值不相同,实现了图标的动态效果。
在一些可能的实现方式中,归一化值也可以影响反光图片的至少一个目标点的颜色或位置,以实现图标的动态效果,此处不做限定。在一些可能的实现方式中,也可以通过其他传感信息触发图标的动态效果,如温度传感器,此处不做限定。
204、获得遮罩图片。
可选的,该反光图片是半透明的图片,各个像素的Alpha通道值在0-1之间,因此当将如图3-5所示的反光图片叠加在如图4-1所示的图标上时,形成了既显示图标又显示该反光图片的效果,得到如图4-3、图4-5或图4-6中的所示的反光图片叠加在图标上的效果图,在图标的较为明亮的位置,会形成较为暗淡的颜色,可能会对图标的辨识度造成一定的影响,形成不良的用户体验。因此,在一些可能的实现方式中,可以对该反光图片进行进一步处理,使得较为明亮的位置不会出现暗淡的颜色。
为此,请参考图6-1,本申请提供了一种获取遮罩图片的方法,该方法包括:
2041、新建初始化图片。
在本申请实施例中,可以新建一个初始化图片,命名为遮罩图片,意为遮罩图标中较为明亮的部分对应的反光图片的位置。在本申请实施例中,该遮罩图片的初始的颜色值可以为(0,0,0,0)或(0,0,0,1)。若其颜色值等于(0,0,0,0),即其Alpha通道值为0,即该黑色图片为完全透明的黑色图片;若其颜色值等于(0,0,0,1),即其Alpha通道值为1,即该黑色图片为完全不透明的黑色图片。
2042、将初始化图片叠加在图标上。
可选的,该初始化图片的大小与图标相同,当将初始化图片叠加在图标上时,初始化图片和图标恰好完全重叠。
2043、确定图标的明亮位置。
在本申请实施例中,可以计算图标中的每一个像素的亮度,以确定图标的明亮位置。
具体的,可以使用亮度的通用计算公式进行计算:
Y=((R*0.299)+(G*0.587)+(B*0.114))
其中,Y代表一个像素的亮度,R表示该像素的RGBA值中的R值,G表示该像素的RGBA值中的G值,B表示该像素的RGBA值中的B值。若一个像素的Y值大于某个阈值(如90),则确定该像素位于明亮位置,否者确定该像素位于非明亮位置。以图4-1的图标为例,通过上述方法确定图标的明亮位置后,可以得到如图6-2(为遮罩图片的示意图)所示,白色部分为明亮位置,黑色部分为非明亮位置。
2044、根据图标的明亮位置设置初始化图片的各个像素的Alpha通道值,得到遮罩图片。
当确定了明亮位置以及非明亮位置后,可以对图标的明亮位置上,遮罩图片对应的像素的Alpha通道值设置为0,则该像素的颜色值为(0,0,0,0);而图标的非明亮位置上,遮罩图片对应的像素的Alpha通道值设置为1,则该像素的颜色值为(0,0,0,1)。
通过上述步骤2041-2044,得到了遮罩图片。
205、使用遮罩图片对反光图片进行图像处理。
当获取了遮罩图片后,可以通过下述公式对反光图片进行图像处理:
temp.rgba=反光图片.rgba*mask.a
其中,temp.rgba为进行图像处理后反光图片的像素的颜色值,反光图片.rgba为进行图像处理前该像素的颜色值,mask.a为所述遮罩图片中所述反光图片的像素对应的位置的Alpha通道值。经过上述图像处理后,对于图标的明亮位置,该反光图片中的像素的Alpha通道值等于0,即不可见;而对于图标的非明亮位置,该反光图片的像素的Alpha通道值等于保持原值,为可见。
以图标、反光图片相同大小为例,对于如图3-5所示的反光图片,经过上述图像处理后,即得到如图6-3(为经过遮罩图片的图像处理后反光图片的效果图)所示的效果图。
则如图6-3所示的反光图叠加在如图4-1所示的图标上时,可以得到如图6-4(为经过遮罩图片的图像处理后反光图片在叠加在图标上的效果图)所示的图标的效果图,即图标的明亮位置,对应的反光图片的像素是不可见的,图标的非明亮位置,对应的反光图片的像素是可见的。
请参考图7,本申请提供了一种图像处理终端设备700,包括:
存储器701和至少一个处理器702。
该存储器701用于存储计算机可读指令。
该处理器702用于执行该存储器中的该计算机可读指令从而执行以下操作:
获得反光图片,将该反光图片叠加在图标上,改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值。
在一些可能的实现方式中,该获得反光图片的终端设备700包括:
新建一个全透明图片,在该全透明图片上设置至少一个目标点,设置该至少一个目标点的颜色值,根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值。
在一些可能的实现方式中,该根据该至少一个目标点的颜色值确定该全透明图片的其余像素的颜色值包括:
通过该至少一个目标点将该全透明图片划分为若干个三角形,对于该全透明图片中的任意一个点G,根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值。
在一些可能的实现方式中,该根据该点G所在的三角形的三个点的颜色值计算该点G的颜色值包括:
通过该点G分别与三角形的三个点连线,以将该三角形分成三个部分,通过下述公式计算点G的颜色值:G=C1*g1/g+C2*g2/g+C3*g3/g,其中,G表示该点G的颜色值,g1、g2、g3分别表示该三角形的三个部分的面积,g表示该三角形的面积。
在一些可能的实现方式中,该反光图片和该图标的边缘均为长方形,且该反光图片的边缘的长和宽分别大于该图标的边缘的长和宽。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值包括:改变该图标在该反光图标中的位置。
在一些可能的实现方式中,该至少一个处理器702还用于:获取传感信息,该改变该图标在该反光图标中的位置包括:根据该传感信息确定该图标在该反光图标中的位置。
在一些可能的实现方式中,该获取传感信息包括:通过陀螺仪获取终端设备与水平方向之间的角度,对该角度进行归一化处理,得到0至1之间的归一化值。
该根据该传感信息确定该图标在该反光图标中的位置包括:根据该归一化值确定该图标在该反光图标中的位置。
在一些可能的实现方式中,该改变该反光图片中与该图标重叠部分的至少一个像素点的颜色值之后,还包括:获得遮罩图片,使用遮罩图片对反光图片进行图像处理,在一些可能的实现方式中,该获得遮罩图片包括:新建一个初始化图片,将该初始化图片叠加在该图标上,确定该图标的明亮位置,根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值,得到该遮罩图片。
在一些可能的实现方式中,该根据该图标的明亮位置设置该初始化图片的各个像素的Alpha通道值包括:将该初始化图片中,该图标的明亮位置所对应的位置设置Alpha通道值为0,其余的位置的Alpha通道值为1。
在一些可能的实现方式中,该使用遮罩图片对反光图片进行图像处理包括:使用该遮罩图片通过下述公式对该反光图片进行图像处理:temp.rgba=反光图片.rgba*mask.a,其中,temp.rgba为进行图像处理后该反光图片的像素的颜色值,反光图片.rgba为进行图像处理前该反光图片的像素的颜色值,mask.a为该遮罩图片中该反光图片的像素对应的位置的Alpha通道值。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。
所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的***,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的***,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (26)
1.一种图像处理方法,其特征在于,包括:
获得反光图片;
将所述反光图片叠加在图标上;
改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值。
2.根据权利要求1所述方法,其特征在于,所述反光图片为半透明的图片。
3.根据权利要求1或2所述方法,其特征在于,所述获得反光图片的方法包括:
新建全透明图片;
在所述全透明图片上设置至少一个目标点;
设置所述至少一个目标点的颜色值;
根据所述至少一个目标点的颜色值确定所述全透明图片的其余像素的颜色值。
4.根据权利要求3所述方法,其特征在于,所述根据所述至少一个目标点的颜色值确定所述全透明图片的其余像素的颜色值包括:
通过所述至少一个目标点将所述全透明图片划分为若干个三角形;
对于所述全透明图片中的任意一个点G,根据所述点G所在的三角形的三个点的颜色值计算所述点G的颜色值。
5.根据权利要求4所述方法,其特征在于,所述根据所述点G所在的三角形的三个点的颜色值计算所述点G的颜色值包括:
通过所述点G分别与所述三角形的三个点连线,以将所述三角形分成三个部分;
通过下述公式计算所述点G的颜色值:
G=C1*g1/g+C2*g2/g+C3*g3/g,
其中,G表示所述点G的颜色值,g1、g2、g3分别表示所述三角形的三个部分的面积,g表示所述三角形的面积。
6.根据权利要求1-5中任一项所述方法,其特征在于,所述反光图片和所述图标的边缘均为长方形,且所述反光图片的边缘的长和宽分别大于所述图标的边缘的长和宽。
7.根据权利要求6所述方法,其特征在于,所述改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值包括:
改变所述图标在所述反光图标中的位置。
8.根据权利要求7所述方法,其特征在于,所述改变所述图标在所述反光图标中的位置之前,还包括:
获取传感信息;
所述改变所述图标在所述反光图标中的位置包括:
根据所述传感信息确定所述图标在所述反光图标中的位置。
9.根据权利要求8所述方法,其特征在于,所述获取传感信息包括:
通过陀螺仪获取终端设备与水平方向之间的角度;
对所述角度进行归一化处理,得到0至1之间的归一化值;
所述根据所述传感信息确定所述图标在所述反光图标中的位置包括:
根据所述归一化值确定所述图标在所述反光图标中的位置。
10.根据权利要求1-9中任一项所述方法,其特征在于,所述改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值之后,还包括:
获得遮罩图片;
使用所述遮罩图片对所述反光图片进行图像处理。
11.根据权利要求10所述方法,其特征在于,所述获得遮罩图片包括:
新建初始化图片;
将所述初始化图片叠加在所述图标上;
确定所述图标的明亮位置;
根据所述图标的明亮位置设置所述初始化图片的各个像素的Alpha通道值,得到所述遮罩图片。
12.根据权利要求11所述方法,其特征在于,所述根据所述图标的明亮位置设置所述初始化图片的各个像素的Alpha通道值包括:
将所述初始化图片中,所述图标的明亮位置所对应的位置设置Alpha通道值为0,其余的位置的Alpha通道值为1。
13.根据权利要求12所述方法,其特征在于,所述使用遮罩图片对所述反光图片进行图像处理包括:
使用所述遮罩图片通过下述公式对所述反光图片进行图像处理:
temp.rgba=反光图片.rgba*mask.a
其中,temp.rgba为进行图像处理后所述反光图片的像素的颜色值,反光图片.rgba为进行图像处理前所述反光图片的像素的颜色值,mask.a为所述遮罩图片中所述反光图片的像素对应的位置的Alpha通道值。
14.一种图像处理终端设备,其特征在于,包括:
存储器和至少一个处理器;
所述存储器用于存储计算机可读指令;
所述至少一个处理器用于执行所述存储器中的所述计算机可读指令从而执行以下操作:
获得光图片;
将所述反光图片叠加在图标上;
改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值。
15.根据权利要求14所述终端设备,其特征在于,所述获得反光图片的终端设备包括:
新建全透明图片;
在所述全透明图片上设置至少一个目标点;
设置所述至少一个目标点的颜色值;
根据所述至少一个目标点的颜色值确定所述全透明图片的其余像素的颜色值。
16.根据权利要求15所述终端设备,其特征在于,所述根据所述至少一个目标点的颜色值确定所述全透明图片的其余像素的颜色值包括:
通过所述至少一个目标点将所述全透明图片划分为若干个三角形;
对于所述全透明图片中的任意一个点G,根据所述点G所在的三角形的三个点的颜色值计算所述点G的颜色值。
17.根据权利要求16所述终端设备,其特征在于,所述根据所述点G所在的三角形的三个点的颜色值计算所述点G的颜色值包括:
通过所述点G分别与所述三角形的三个点连线,以将所述三角形分成三个部分;
通过下述公式计算点G的颜色值:
G=C1*g1/g+C2*g2/g+C3*g3/g,
其中,G表示所述点G的颜色值,g1、g2、g3分别表示所述三角形的三个部分的面积,g表示所述三角形的面积。
18.根据权利要求14-17中任一项所述终端设备,其特征在于,所述反光图片和所述图标的边缘均为长方形,且所述反光图片的边缘的长和宽分别大于所述图标的边缘的长和宽。
19.根据权利要求18所述终端设备,其特征在于,所述改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值包括:
改变所述图标在所述反光图标中的位置。
20.根据权利要求19所述终端设备,其特征在于,所述至少一个处理器还用于:
获取传感信息;
所述改变所述图标在所述反光图标中的位置包括:
根据所述传感信息确定所述图标在所述反光图标中的位置。
21.根据权利要求20所述终端设备,其特征在于,所述获取传感信息包括:
通过陀螺仪获取终端设备与水平方向之间的角度;
对所述角度进行归一化处理,得到0至1之间的归一化值;
所述根据所述传感信息确定所述图标在所述反光图标中的位置包括:
根据所述归一化值确定所述图标在所述反光图标中的位置。
22.根据权利要求14-21中任一项所述终端设备,其特征在于,所述改变所述反光图片中与所述图标重叠部分的至少一个像素点的颜色值之后,还包括:
获得遮罩图片;
使用所述遮罩图片对所述反光图片进行图像处理。
23.根据权利要求22所述终端设备,其特征在于,所述获得遮罩图片包括:
新建初始化图片;
将所述初始化图片叠加在所述图标上;
确定所述图标的明亮位置;
根据所述图标的明亮位置设置所述初始化图片的各个像素的Alpha通道值,得到所述遮罩图片。
24.根据权利要求23所述终端设备,其特征在于,所述根据所述图标的明亮位置设置所述初始化图片的各个像素的Alpha通道值包括:
将所述初始化图片中,所述图标的明亮位置所对应的位置设置Alpha通道值为0,其余的位置的Alpha通道值为1。
25.根据权利要求24所述终端设备,其特征在于,所述使用遮罩图片对所述反光图片进行图像处理包括:
使用所述遮罩图片通过下述公式对所述反光图片进行图像处理:
temp.rgba=反光图片.rgba*mask.a
其中,temp.rgba为进行图像处理后所述反光图片的像素的颜色值,反光图片.rgba为进行图像处理前所述反光图片的像素的颜色值,mask.a为所述遮罩图片中所述反光图片的像素对应的位置的Alpha通道值。
26.一种计算机可读介质,包括指令,当其在计算机上运行时,使得计算机执行如权利要求1-13中任一项所述的方法。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910133543.3A CN109976846B (zh) | 2019-02-22 | 2019-02-22 | 一种图像处理方法、终端设备和*** |
US17/433,199 US11783517B2 (en) | 2019-02-22 | 2020-02-13 | Image processing method and terminal device, and system |
PCT/CN2020/074984 WO2020168964A1 (zh) | 2019-02-22 | 2020-02-13 | 一种图像处理方法、终端设备和*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910133543.3A CN109976846B (zh) | 2019-02-22 | 2019-02-22 | 一种图像处理方法、终端设备和*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109976846A true CN109976846A (zh) | 2019-07-05 |
CN109976846B CN109976846B (zh) | 2022-04-29 |
Family
ID=67077222
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910133543.3A Active CN109976846B (zh) | 2019-02-22 | 2019-02-22 | 一种图像处理方法、终端设备和*** |
Country Status (3)
Country | Link |
---|---|
US (1) | US11783517B2 (zh) |
CN (1) | CN109976846B (zh) |
WO (1) | WO2020168964A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020168964A1 (zh) * | 2019-02-22 | 2020-08-27 | 华为技术有限公司 | 一种图像处理方法、终端设备和*** |
CN113096099A (zh) * | 2021-04-14 | 2021-07-09 | 重庆交通大学 | 基于颜色通道合并的透水沥青混合料连通空隙识别方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101582077B (zh) * | 2009-06-24 | 2011-06-08 | 上海可鲁***软件有限公司 | 一种二维矢量图形的空间索引方法及装置 |
CN102622214A (zh) * | 2011-01-27 | 2012-08-01 | 腾讯科技(深圳)有限公司 | 一种实现多种显示模式通用图标的方法与装置 |
CN108701372A (zh) * | 2017-05-19 | 2018-10-23 | 华为技术有限公司 | 一种图像处理方法及装置 |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105955733B (zh) * | 2012-01-13 | 2019-09-27 | 青岛海信移动通信技术股份有限公司 | 一种修饰图标的方法、装置和移动终端 |
DE112013002387T5 (de) * | 2012-05-09 | 2015-02-12 | Apple Inc. | Vorrichtung, Verfahren und grafische Benutzeroberfläche für die Bereitstellung taktiler Rückkopplung für Operationen in einer Benutzerschnittstelle |
US9952756B2 (en) | 2014-01-17 | 2018-04-24 | Intel Corporation | Dynamic adjustment of a user interface |
US10766292B2 (en) * | 2014-03-27 | 2020-09-08 | Crane & Co., Inc. | Optical device that provides flicker-like optical effects |
KR102020133B1 (ko) * | 2015-03-02 | 2019-09-09 | 후아웨이 테크놀러지 컴퍼니 리미티드 | 데스크탑 아이콘들을 디스플레이하는 방법 및 이동 단말기 |
CN105426079B (zh) * | 2015-11-25 | 2018-11-23 | 小米科技有限责任公司 | 图片亮度的调整方法及装置 |
CN107544730B (zh) * | 2017-08-25 | 2020-06-09 | 广州视源电子科技股份有限公司 | 图片显示方法、装置及可读存储介质 |
CA3073365A1 (en) * | 2017-10-20 | 2019-04-25 | Wavefront Technology, Inc. | Optical switch devices |
CN109976846B (zh) * | 2019-02-22 | 2022-04-29 | 华为技术有限公司 | 一种图像处理方法、终端设备和*** |
-
2019
- 2019-02-22 CN CN201910133543.3A patent/CN109976846B/zh active Active
-
2020
- 2020-02-13 WO PCT/CN2020/074984 patent/WO2020168964A1/zh active Application Filing
- 2020-02-13 US US17/433,199 patent/US11783517B2/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101582077B (zh) * | 2009-06-24 | 2011-06-08 | 上海可鲁***软件有限公司 | 一种二维矢量图形的空间索引方法及装置 |
CN102622214A (zh) * | 2011-01-27 | 2012-08-01 | 腾讯科技(深圳)有限公司 | 一种实现多种显示模式通用图标的方法与装置 |
CN108701372A (zh) * | 2017-05-19 | 2018-10-23 | 华为技术有限公司 | 一种图像处理方法及装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020168964A1 (zh) * | 2019-02-22 | 2020-08-27 | 华为技术有限公司 | 一种图像处理方法、终端设备和*** |
US11783517B2 (en) | 2019-02-22 | 2023-10-10 | Huawei Technologies Co., Ltd. | Image processing method and terminal device, and system |
CN113096099A (zh) * | 2021-04-14 | 2021-07-09 | 重庆交通大学 | 基于颜色通道合并的透水沥青混合料连通空隙识别方法 |
CN113096099B (zh) * | 2021-04-14 | 2023-08-25 | 重庆交通大学 | 基于颜色通道合并的透水沥青混合料连通空隙识别方法 |
Also Published As
Publication number | Publication date |
---|---|
US20220148234A1 (en) | 2022-05-12 |
WO2020168964A1 (zh) | 2020-08-27 |
US11783517B2 (en) | 2023-10-10 |
CN109976846B (zh) | 2022-04-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105867730B (zh) | 状态栏的显示方法及装置 | |
CN107734179A (zh) | 一种消息提示方法、移动终端 | |
CN108255378A (zh) | 一种显示控制方法及移动终端 | |
CN106296623B (zh) | 一种图片处理方法及装置 | |
CN109407921A (zh) | 一种应用程序的处理方法及终端设备 | |
CN108920059A (zh) | 消息处理方法及移动终端 | |
CN108391007A (zh) | 一种应用程序的音量设置方法及移动终端 | |
CN108196740B (zh) | 一种图标显示方法、装置及移动终端 | |
CN109582475A (zh) | 一种分享方法及终端 | |
CN109669747A (zh) | 一种移动图标的方法及移动终端 | |
CN110109604A (zh) | 一种应用界面显示方法及移动终端 | |
CN109213407A (zh) | 一种截图方法及终端设备 | |
CN110502162A (zh) | 文件夹的创建方法及终端设备 | |
CN109613958A (zh) | 一种终端设备控制方法及终端设备 | |
CN108900695A (zh) | 一种显示处理方法及终端设备 | |
CN109067981A (zh) | 分屏应用切换方法、装置、存储介质和电子设备 | |
CN108958593A (zh) | 一种确定通讯对象的方法及移动终端 | |
CN109857289A (zh) | 显示控制方法及终端设备 | |
CN108958841A (zh) | 一种桌面挂件的设置方法及移动终端 | |
CN109508136A (zh) | 一种应用程序的显示方法及移动终端 | |
CN108459803A (zh) | 基于双面屏的图片发送方法、移动终端及可读存储介质 | |
CN110536007A (zh) | 一种界面显示方法及终端 | |
CN108845785A (zh) | 一种显示方法及终端 | |
CN110096203A (zh) | 一种截图方法及移动终端 | |
CN106873755A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |