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效果最为明显

即指定了按钮的正常状态的显示效果
 
   
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"波纹超出边界

你可能感兴趣的:(Android 5.0+ 自定义普通按钮的ripple波纹效果)