[发明专利]按钮遮罩方法、装置、介质及计算机设备在审

专利信息
申请号: 201811644356.3 申请日: 2018-12-29
公开(公告)号: CN111381916A 公开(公告)日: 2020-07-07
发明(设计)人: 黄子维 申请(专利权)人: 广州市百果园信息技术有限公司
主分类号: G06F9/451 分类号: G06F9/451
代理公司: 北京市立方律师事务所 11330 代理人: 刘延喜
地址: 511442 广东省广州市番禺区南村*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 按钮 方法 装置 介质 计算机 设备
【说明书】:

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

技术领域

本发明涉及互联网技术领域,具体而言,本发明涉及一种按钮遮罩方法、装置、介质及计算机设备。

背景技术

应用界面交互中点击按钮时通常会在按钮之上显示一层阴影遮罩效果,要实现遮罩效果,UI出图时需要分别提供正常状态下和被按下时状态的图片。

现有技术方案中,要实现遮罩效果,UI出图时需要提供两张图片分别对应按钮的正常状态下的显示效果以及被按下状态下的显示效果实现遮罩效果,因此现有的技术方案中至少存在以下缺陷:

1,需要提供两张图片,导致资源浪费;

2,操作复杂,适用范围小。

发明内容

本发明提供一种按钮遮罩方法及相应的装置,其主要实现了基于ImageView的按钮遮罩效果时只需要一张正常状态下的图片即可,减少资源的使用,方便研发快速实现遮罩效果。

本发明还提供一种用于执行本发明的按钮遮罩方法的计算机设备及可读存储介质。

为解决上述问题,本发明采用如下各方面的技术方案:

第一方面,本发明提供一种按钮遮罩方法,包括:

设定目标遮罩颜色矩阵;

当按钮的状态切换时,依据所述目标遮罩颜色矩阵生成颜色过滤器;

将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类,使得对所述按钮产生遮罩效果。

具体的,所述设定目标遮罩颜色矩阵,包括:

设置一个浮点型第一参数r;

根据预设算法计算第二参数rr;

依据r以及rr构造所述目标遮罩颜色矩阵,其中,根据预设算法计算第二参数rr的算法如下:

float rr=(1-r)*1.15f。

具体的,所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类,使得对所述按钮产生遮罩效果之后,还包括:

当所述按钮处于默认状态时,通过设置所述目标遮罩颜色矩阵的值为空值,将所述目标遮罩颜色矩阵对应的按钮遮罩效果移除。

具体的,所述将所述颜色过滤器设置给由所述按钮的图片转换成的可绘制类,使得对所述按钮产生遮罩效果,包括:

将所述目标遮罩颜色矩阵与所述按钮的图片的当前颜色值相乘,得到新的颜色,形成按钮遮罩效果。

优选的,所述当按钮的状态切换时,依据所述目标遮罩颜色矩阵生成颜色过滤器,包括:

设置遮罩的范围,所述遮罩的范围包括前景图遮罩、背景图遮罩以及整张图片遮罩。

优选的,所述当按钮的状态切换时,依据所述目标遮罩颜色矩阵生成颜色过滤器,包括:

当按钮的状态切换时,将所述目标颜色矩阵封装成所述颜色过滤器;

或者,当按钮的状态切换时,检测所述按钮切换后的状态;

依据所述切换后的状态更改所述目标遮罩颜色矩阵的指定参数生成新的遮罩颜色矩阵;

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广州市百果园信息技术有限公司,未经广州市百果园信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811644356.3/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top