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一下没测试过),就是在写布局时候都要嵌套一层,会比较繁琐。