Android 5.0+ 自定义普通按钮的ripple波纹效果-阿里云开发者社区

开发者社区> 开发与运维> 正文

Android 5.0+ 自定义普通按钮的ripple波纹效果

简介:

Android 5.0中新增了ripple类型,即波纹效果

在res中添加一个新的文件夹drawable-v21,用于保存波纹效果

button_ripple_orange.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <ripple xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:color="#FFEEEEEE">  
  4.   
  5.     <item android:drawable="@drawable/button_bg_orange" />  
  6.   
  7. </ripple>  

ripple相当于layer-list层叠效果,ripple元素的color属性即指定了波纹效果的颜色,但必须是8位颜色代码值,前两位指定了波纹的透明度,后六位即波纹颜色,以黑色000000及白色FFFFFF效果最为明显

<item android:drawable="@drawable/button_bg_orange" />即指定了按钮的正常状态的显示效果

button_bg_orange.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:shape="rectangle">  
  4.   
  5.     <corners android:radius="@dimen/button_corner_radius" />  
  6.     <solid android:color="@color/theme" />  
  7.   
  8. </shape>  
将button_ripple_orange设置为按钮Background即可在按钮上实现点击波纹效果,但必须是API 21以上版本

如果只是普通的波纹效果,当你使用了Material主题后,波纹动画会自动应用在所有的控件上,也可以自己来设置其属性来调整到我们需要的效果。


可以通过如下代码设置波纹的背景:

android:background="?android:attr/selectableItemBackground"波纹有边界

android:background="?android:attr/selectableItemBackgroundBorderless"波纹超出边界

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章