android的ripple点击效果很好看,怎么自定义点击呢?
我们来看看
示例:
在drawable文件夹中添加xml文件,比如娶个名字:ripple1.xml
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/green">
<item android:drawable="@color/red"/>
</ripple>
这里的< item>标签是没有点击的时候显示的内容,可以添加多个< item>标签
然后在可点击的控件中设置background属性
如下:
<Button
android:id="@+id/dial_btn"
android:layout_width="300dp"
android:layout_height="300dp"
android:background="@drawable/ripple1"/>
当没有点击的时候显示的是这样的
没有点击的时候
当我们点击的时候是这样的
点击的时候
在点击的位置会有我们设置的android:color="@color/green"逐渐扩散(#ff00ff00),
看周围这清爽的屎绿色,会在我们刚刚点击的时候就出现,布满整个View,这个屎绿色其实是系统自动生成的,它其实就是android:color="@color/green"这个颜色设置了透明度的颜色,透明度具体多少我不清楚啦
最后涟漪扩散到全部是这样的:
完全扩散的模样
有个地方需要注意:
如果设置了< item>标签,则涟漪就只会扩散在< item>显示的地方
如下图,下图< item>是个圆形,则涟漪不会超过圆形的范围
涟漪范围
但有个特例,就是没有设置< item>标签的时候:
涟漪会以view的中心点为原点,扩散在直径为view对角线的圆上.
也就是说有部分会超出view限定的范围,具体看图:
没有设置item标签
最后关于涟漪扩散的速度:
无论点击在view的哪个位置,涟漪总是在相同的时间抵达到view的四个角.
所以会出现涟漪移动速度不均匀的情况
注意:只有api>=21才能使用ripple效果
