Android水波纹(ripple)点击效果

近日看到某些文章讲水波纹点击效果,使用该效果可以增加用户的体验效果,故看了一下网上文章并做记录。

一、如何使用

1、水波纹效果适用于API21以上,使用的话,需要设置drawable-v21文件夹。
2、具体使用就是在平时使用的drawable中的标签shape,selector等的外面加一层标签ripple即可。
3、见代码:
drawable文件夹中

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#1182cd"/>
    <padding android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"/>
    <corners android:radius="2.5dp"/>
</shape>

drawable-v21中添加水波纹效果

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@color/blue">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#1182cd"/>
            <padding android:left="10dp"
                     android:top="10dp"
                     android:right="10dp"
                     android:bottom="10dp"/>
            <corners android:radius="2.5dp"/>
        </shape>
    </item>
</ripple>

在最外层嵌套ripple标签,并设置水波纹color(必须),再添加item标签即可。
最后在布局中引用即可

<Button
            android:id="@+id/bt_login_login"
            android:layout_width="270dp"
            android:layout_height="50dp"
            android:layout_marginTop="30dp"
            android:background="@drawable/rounded_et_lesscorner_black"
            android:text="登录"
            android:textColor="#ffffff"
            android:textSize="17sp"
            android:textStyle="bold"/>

4、同样的对于selector也是这样使用。

二、使用注意事项

1、使用水波纹效果,需要改view可以点击,即clickable=true。
2、注意版本限制,官方水波纹效果只在API21以上才有效,需要建立drawable-v21文件夹。
3、background中引用是在控件下方,可以考虑在forground中进行引用。
参考文章:
Android设置常见控件点击效果
Android5.0适配——水波纹点击效果
设置点击效果foreground

猜你喜欢

转载自blog.csdn.net/Heijinbaitu/article/details/81160523