资料搜集样式效果

android 控件点击水波纹效果的几种方案

2017-07-07  本文已影响213人  迷路的骆驼

目前我所知道的至少有三种可以实现点击水波纹的效果

第一种:安卓自带的方法

在安卓中有自带的一种属性,可以实现水波纹的效果,就是在所需要点击的控件属性加上如下代码:

android:background="?attr/selectableItemBackground"

这种水波纹效果只适用于5.0以后的安卓系统

第二种:编写ripple文件

在res文件先创建drawable-v21文件夹,并在文件夹下创建ripple文件,命名符合安卓命名规范就行了,如下图,我命名为bg_white:

Paste_Image.png

接下来我们看看ripple文件该怎么写,其实就是写个shape,给个颜色值,如下图:

Paste_Image.png

在xml文件中调用控件的background属性:

android:background="@drawable/bg_white"

如下图:

Paste_Image.png

需要注意的是,需要在drawable文件夹下创建同名的bg_white.xml文件,可以是selector或者shape文件,这个是为了兼顾5.0以下的版本的点击效果,如果没有的话,在5.0以下的版本在点击时候会报错

这一种也是只能在5.0以后系统才有效

第三种:github别人写的控件

github地址:https://github.com/balysv/material-ripple
使用步骤:

1.添加依赖:

compile 'com.balysv:material-ripple:1.0.2'

2.包裹你要点击的布局

<com.balysv.materialripple.MaterialRippleLayout
android:id="@+id/ripple"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="Button inside a ripple"/>
</com.balysv.materialripple.MaterialRippleLayout>

其中提供了如下属性,可以设置你水波纹时间,水波纹颜色,等等效果

Paste_Image.png

值得一说的是这种方式适配范围较管,可以适配到4.0以上的(4.0一下没测试过),就是在写布局时候都要嵌套一层,会比较繁琐。

以上就是我所知道的三种方式添加水波纹的效果,其实github上面也有好几个添加水波纹效果的,但是都跟第三种大同小异,都是包裹布局的。就不一一列举了。
上一篇下一篇

猜你喜欢

热点阅读