android 5.0 -- Ripple 效果

最新推荐文章于 2025-08-22 08:41:08 发布

weixin_33874713

最新推荐文章于 2025-08-22 08:41:08 发布

阅读量64

点赞数 1

文章标签：移动开发

本文详细介绍了Android中Ripple水波纹效果的两种实现方式：带边界和不带边界的效果，并展示了如何通过XML定义波纹颜色及形状。此外还提供了具体的布局文件示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ripple 水波纹效果，也就是涟漪效果。

波纹效果有两种：

　　1，波纹有边界：波纹涟漪效果只是显示在控件内部　　

android:background="?android:attr/selectableItemBackground"

　　2，波纹超出边界：波纹涟漪效果不会被限制在控件内部

android:background="?android:attr/selectableItemBackgroundBorderless"

通过给布局文件里面添加如上代码，就可以比较灵活的控制涟漪效果的显示区域。

设置波纹的颜色：

android:colorControlHighlight：设置波纹颜色

设置checkbox等控件的选中颜色：

android:colorAccent：设置checkbox等控件的选中颜色

res/drawable/ripple_round.xml

<?xml version="1.0" encoding="utf-8"?>

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorPrimary">

    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorPrimary" />
        </shape>
    </item>
</ripple>

res/drawable/oval.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="#738ffe" />
        </shape>
    </item>
</ripple>

布局文件中使用：

<Button
        android:id="@+id/fab_button"
        android:layout_width="56dp"
        android:transitionName="fab"
        android:layout_height="56dp"
        android:background="@drawable/ripple_round"
        android:elevation="5dp"/>