按钮遮罩方法、装置、介质及计算机设备制造方法及图纸

本发明专利技术提供一种按钮遮罩方法、装置、计算机可读存储介质及计算机设备，所述的方法包括：设定目标遮罩颜色矩阵；当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。本发明专利技术在实现基于ImageView的按钮遮罩效果时只需要一张正常状态下的图片即可，减少资源的使用，方便研发快速实现遮罩效果。

【技术实现步骤摘要】
按钮遮罩方法、装置、介质及计算机设备
本专利技术涉及互联网
，具体而言，本专利技术涉及一种按钮遮罩方法、装置、介质及计算机设备。
技术介绍
应用界面交互中点击按钮时通常会在按钮之上显示一层阴影遮罩效果，要实现遮罩效果，UI出图时需要分别提供正常状态下和被按下时状态的图片。现有技术方案中，要实现遮罩效果，UI出图时需要提供两张图片分别对应按钮的正常状态下的显示效果以及被按下状态下的显示效果实现遮罩效果，因此现有的技术方案中至少存在以下缺陷：1，需要提供两张图片，导致资源浪费；2，操作复杂，适用范围小。
技术实现思路
本专利技术提供一种按钮遮罩方法及相应的装置，其主要实现了基于ImageView的按钮遮罩效果时只需要一张正常状态下的图片即可，减少资源的使用，方便研发快速实现遮罩效果。本专利技术还提供一种用于执行本专利技术的按钮遮罩方法的计算机设备及可读存储介质。为解决上述问题，本专利技术采用如下各方面的技术方案：第一方面，本专利技术提供一种按钮遮罩方法，包括：设定目标遮罩颜色矩阵；当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。具体的，所述设定目标遮罩颜色矩阵，包括：设置一个浮点型第一参数r；根据预设算法计算第二参数rr；依据r以及rr构造所述目标遮罩颜色矩阵，其中，根据预设算法计算第二参数rr的算法如下：floatrr＝(1-r)*1.15f。具体的，所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果之后，还包括：当所述按钮处于默认状态时，通过设置所述目标遮罩颜色矩阵的值为空值，将所述目标遮罩颜色矩阵对应的按钮遮罩效果移除。具体的，所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果，包括：将所述目标遮罩颜色矩阵与所述按钮的图片的当前颜色值相乘，得到新的颜色，形成按钮遮罩效果。优选的，所述当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器，包括：设置遮罩的范围，所述遮罩的范围包括前景图遮罩、背景图遮罩以及整张图片遮罩。优选的，所述当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器，包括：当按钮的状态切换时，将所述目标颜色矩阵封装成所述颜色过滤器；或者，当按钮的状态切换时，检测所述按钮切换后的状态；依据所述切换后的状态更改所述目标遮罩颜色矩阵的指定参数生成新的遮罩颜色矩阵；将所述新的遮罩颜色矩阵封装成所述颜色过滤器。具体的，所述依据所述切换后的状态更改所述目标遮罩颜色矩阵的指定参数生成新的遮罩颜色矩阵，包括：更改所述目标遮罩颜色矩阵的所述指定参数中的透明度或者颜色值生成所述新的颜色遮罩矩阵。第二方面，本专利技术提供一种按钮遮罩装置，包括：设定模块，用于设定目标遮罩颜色矩阵；生成模块，用于当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；遮罩模块，用于将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。第三方面，本专利技术提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如第一方面中任意一项所述的按钮遮罩方法。第四方面，本专利技术提供一种计算机设备，其特征在于，所述计算机设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中任意一项所述的按钮遮罩方法。相对于现有技术，本专利技术的技术方案至少具备如下优点：1，本专利技术提供一种按钮遮罩方法，通过设定目标遮罩颜色矩阵；当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。本专利技术在实现基于ImageView的按钮遮罩效果时只需要一张正常状态下的图片即可，减少资源的使用，方便研发快速实现遮罩效果。2，本专利技术可以设置多种遮罩的范围，具体可以包括前景图遮罩、背景图遮罩以及整张图片遮罩。在设置各种遮罩范围的遮罩效果时，仅需提供一张正常状态下的按钮图片，遮罩效果通过接口设置，可对前景图和背景图分别设置，提高研发效率，解决了现有技术中一个图片按钮需要提供两张图片实现遮罩效果，导致资源浪费的问题。附图说明本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：图1为本专利技术一个实施例的按钮遮罩方法的流程示意图；图2为本专利技术一个实施例的按钮遮罩装置的结构框图；图3为本专利技术一个实施例的计算机设备的结构示意图。具体实施方式下面详细描述本专利技术的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本专利技术，而不能解释为对本专利技术的限制。如图1所示，在一个实施例中，一种按钮遮罩方法，包括：S11、设定目标遮罩颜色矩阵。本专利技术实施例中，所用到的理论基础如下：假若定义一个颜色矩阵:ColorMatrixcolorMatrix＝newColorMatrix(newfloat[]{a，b，c，d，e，f，g，h，i，j，k，l，m，n，o，p，q，r，s，t})；已知一个颜色值ARGB，则经过上面的颜色矩阵运算可得出新的颜色值：intred＝a*R+b*R+c*R+d*R+e；intgreen＝f*G+g*G+h*G+i*G+j；intblue＝k*B+l*B+m*B+n*B+o；intalpha＝p*A+q*A+r*A+s*A+t；基于以上理论基础，要在图片上面增加遮罩效果，定义一个代表遮罩效果的颜色矩阵即可。具体而言，本专利技术定义目标遮罩颜色矩阵优选以下方案：设置一个浮点型第一参数r，根据预设算法计算第二参数rr，依据r以及rr构造目标遮罩颜色矩阵，其中，根据预设算法计算第二参数rr的算法为：floatrr＝(1-r)*1.15f。具体代码如下：floatr＝Color.alpha(maskColor)/255f；r＝r-(1-r)*0.15f；floatrr＝(1-r)*1.15f；其中，maskColor代表遮罩颜色。进一步的，基于r与rr设定所述目标遮罩颜色矩阵，代码如下：S12、当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器。本专利技术实施例中，当按钮的状态切换时，将所述目标颜色矩阵封装成本文档来自技高网...

【技术保护点】
1.一种按钮遮罩方法，其特征在于，包括：/n设定目标遮罩颜色矩阵；/n当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；/n将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。/n

【技术特征摘要】
1.一种按钮遮罩方法，其特征在于，包括：
设定目标遮罩颜色矩阵；
当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器；
将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果。


2.根据权利要求1所述的按钮遮罩方法，其特征在于，所述设定目标遮罩颜色矩阵，包括：
设置一个浮点型第一参数r；
根据预设算法计算第二参数rr；
依据r以及rr构造所述目标遮罩颜色矩阵，其中，根据预设算法计算第二参数rr的算法如下：
floatrr＝(1-r)*1.15f。


3.根据权利要求1所述的按钮遮罩方法，其特征在于，所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果之后，还包括：
当所述按钮处于默认状态时，通过设置所述目标遮罩颜色矩阵的值为空值，将所述目标遮罩颜色矩阵对应的按钮遮罩效果移除。


4.根据权利要求1所述的按钮遮罩方法，其特征在于，所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类，使得对所述按钮产生遮罩效果，包括：
将所述目标遮罩颜色矩阵与所述按钮的图片的当前颜色值相乘，得到新的颜色，形成按钮遮罩效果。


5.根据权利要求1所述的按钮遮罩方法，其特征在于，所述当按钮的状态切换时，依据所述目标遮罩颜色矩阵生成颜色过滤器，包括：
设置遮罩的范围，所述遮罩的范围包括前景图遮罩、背景图遮罩以及整张图片遮罩。


6...

【专利技术属性】
技术研发人员：黄子维，
申请(专利权)人：广州市百果园信息技术有限公司，
类型：发明
国别省市：广东;44