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

超出组件边框(但不超出父类视图),此时水波纹效果为圆形:android:background="?android:attr/selectableItemBackgroundBorderless"

不超出组件边框,水波纹效果为组件的形状:android:background="?android:attr/selectableItemBackground"

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

c70312595d61e710b80190bb3567247d.gif

82e999d0c0670fcbac7a6330c949b960.gif

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

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

代码如下:<?xml version="1.0" encoding="utf-8"?>

android:color="@android:color/holo_green_light">

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

在组件的background属性中使用:

android:background="@drawable/button_ripple"

android:layout_centerInParent="true"

android:src="@drawable/play_btton"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

最终效果如下:

78923abdf0b656942aa08eaab221ce64.gif

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐