Material Design Design Ripple Effect 如何在 Android 上使用？

Material Design 是一种由 Google 推出的设计语言，旨在为 Android 应用程序提供一致的外观和感觉。其中一个重要的特征是涟漪效应（Ripple Effect）。涟漪效应是一种动画效果，当用户点击按钮或其他可交互的元素时，会从点击位置开始扩散出一个圆形涟漪效果，以提示用户发生了交互事件。

本文将介绍如何在 Android 应用程序中使用 Material Design 的涟漪效应。

步骤 1：导入 Material Design 库

要使用 Material Design 的涟漪效应，需要将 Material Design 库添加到 Android 应用程序中。可以通过以下步骤完成：

1. 在 build.gradle 文件中添加以下依赖项：

   implementation 'com.google.android.material:material:1.4.0'

2. 在布局文件中使用 Material Design 的组件，例如：

   <com.google.android.material.button.MaterialButton
       android:id="@+id/my_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="My Button" />

步骤 2：为视图添加涟漪效应

要为视图添加涟漪效应，需要在 Java 代码中使用 RippleDrawable。可以通过以下步骤完成：

1. 创建 RippleDrawable 对象：

   RippleDrawable rippleDrawable = new RippleDrawable(
           ColorStateList.valueOf(Color.parseColor("#FF0000")), // 点击时涟漪的颜色
           null,
           null);

2. 将 RippleDrawable 对象设置为视图的背景：

   myButton.setBackground(rippleDrawable);

3. （可选）设置 RippleDrawable 的边界：

   rippleDrawable.setRadius(100); // 设置涟漪的半径
   rippleDrawable.setBounds(myButton.getLeft(), myButton.getTop(), myButton.getRight(), myButton.getBottom()); // 设置涟漪的边界

完整的 Java 代码示例：

MaterialButton myButton = findViewById(R.id.my_button);
RippleDrawable rippleDrawable = new RippleDrawable(
        ColorStateList.valueOf(Color.parseColor("#FF0000")),
        null,
        null);
rippleDrawable.setRadius(100);
rippleDrawable.setBounds(myButton.getLeft(), myButton.getTop(), myButton.getRight(), myButton.getBottom());
myButton.setBackground(rippleDrawable);

结论

通过使用 Material Design 的涟漪效应，可以为 Android 应用程序提供更具吸引力和可交互的用户界面。通过本文的步骤，您可以轻松地将涟漪效应添加到应用程序中的任何视图中。

参考资料

• Material Design Ripple Effect
• RippleDrawable

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6756988ad784fd63e2c67cce