ImageButtom 实现点击水波纹效果和图标切换

ImageButtom 实现点击水波纹效果和图标切换
一个简单的点击效果:

这里实现水波纹使用的是ripple标签

一:水波纹的实现
5.0以上button原生自带水波纹效果,而其他控件或者布局要实现点击时水波纹的效果,我们这里可以使用ripple标签。在Drawable中新建跟标签为ripple的XML文件作为布局或者控件的背景,ripple的具体使用网上已经有很多了,我这里贴两张用法的图。
(1)最简单的用法:
这里是未点击时圆角为6dp,描边为1dp宽绿色,填充色为白色的带绿色水波纹效果的背景

当然你可以直接引用图片。

(2)引用图片的简单用法:
你也可以drawable属性再次引用shap

这就是ripple的简单用法啦,5.0(API21)咋就不说了吧,这里还要提一点的是,button类控件使用ripple做背景不设置点击事件也有点击效果,其他控件则需要设置点击事件水波纹效果才会生效。

二 实现gif 图片效果的布局
imagebutton布局

ripple_btn_bg_collect

ripple_btn_bg_collect2

在布局中加了个阴影效果,背景图片是圆形灰白色背景+绿色水波纹,src是空心图标和实心图标的切换。

以下是代码的实现方式(代码中设置src 和 background):

在这里插入图片描述

我的IDE是3.4这个黄色的匿名内部类提示好烦,强迫症患者直接实现这个接口
对于黄色区域:
在这里插入图片描述

加上@SuppressLint(“Handlerleak”)还是有黄色,哈哈
有知道消除内部类标黄的朋友请告诉我,谢谢啦。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值