Android圆形水波纹按钮的实现(Ripple)

在Android中,谷歌已经提供了对于按钮水波纹效果的一个实现。在组件的中添加以下代码即可实现:

超出组件边框(但不超出父类视图),此时水波纹效果为圆形:

android:background="?android:attr/selectableItemBackgroundBorderless"

不超出组件边框,水波纹效果为组件的形状:

android:background="?android:attr/selectableItemBackground"

然而,这些效果并不一定符合我们的需求。比如,我们需要在不超出组件边框的情况下实现圆形水波纹效果,用上面两种实现方式效果分别如下:

Android圆形水波纹按钮的实现(Ripple)_第1张图片

Android圆形水波纹按钮的实现(Ripple)_第2张图片

可以看出这种实现方式达不到我们所需求的效果。这时候,我们可以使用Ripple来实现我们对应的需求。

在res/drawable中创建对应的xml文件(此处实例为button_ripple.xml):

代码如下:



    
        
            
        
    

标签内的color属性是必须写上的,这个颜色值为水波纹的效果颜色;标签中利用标签的shape属性设置所需的形状,标签中的颜色属性对应按钮背景色。

在组件的background属性中使用:


最终效果如下:

Android圆形水波纹按钮的实现(Ripple)_第3张图片

你可能感兴趣的:(Android)