android material design之点击波纹效果(ripple)

最新推荐文章于 2023-05-26 16:34:06 发布

原创最新推荐文章于 2023-05-26 16:34:06 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #ripple

android 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Android中实现点击波纹效果，并提供修改波纹颜色的方法。通过在布局文件中使用特定属性并定义样式及颜色资源，可以轻松地为按钮等控件添加自定义颜色的触摸反馈。

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

点击波纹效果(ripple),也可叫做触摸反馈。官方说明：https://developer.android.com/training/material/animations.html#Touch

简单应用：在layout中，加上 android:backgroud="?attr/selectableItemBackground"

 <Button
        android:layout_marginTop="50dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="abc"
        android:background="?attr/selectableItemBackground"
        />

默认的波纹颜色是灰色的，如何改变其颜色呢

在styles.xml中加上<item name="colorControlHighlight">@color/ripple_color</item>即可

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="colorControlHighlight">@color/ripple_color</item>
    </style>

</resources>

在colors.xml中加入对应的颜色值。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="ripple_color">#00FF00</color>
</resources>

然后发现波纹颜色变成绿色了。