如何在Android上的textview或imageview上设置涟漪效果？

Question

我想在Android Studio中对textview和imageview设置涟漪效果.我该怎么做？

Answer 1

参考:http://developer.android.com/training/material/animations.html,

http://wiki.workassis.com/category/android/android-xml/

<TextView
.
.
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
/>

<ImageView
.
.
.
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
/>

Answer 2

如果您希望将纹波限制为TextView/ImageView的大小,请使用:

<TextView
android:background="?attr/selectableItemBackground"
android:clickable="true"/>

(我觉得它看起来更好)

Answer 3

请参考下面的答案以获得涟漪效应。

在Textview或view上产生波纹：

android:clickable="true"
android:focusable="true"
android:foreground="?android:attr/selectableItemBackgroundBorderless"

Button或Imageview上的波纹：

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

Answer 4

你可以使用android-ripple-background

开始效果

final RippleBackground rippleBackground=(RippleBackground)findViewById(R.id.content);
ImageView imageView=(ImageView)findViewById(R.id.centerImage);
imageView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        rippleBackground.startRippleAnimation();
    }
});

停止动画:

rippleBackground.stopRippleAnimation();

Answer 5

android:background="?android:selectableItemBackground"
android:focusable="true"
android:clickable="true"

Answer 6

添加 android:clickable="true" android:focusable="true"

对于波纹效果

android:background="?attr/selectableItemBackgroundBorderless"

对于可选择的效果

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

对于按钮效果

android:adjustViewBounds="true" style="?android:attr/borderlessButtonStyle"

Answer 7

<TextView
            android:id="@+id/txt_banner"
            android:layout_width="match_parent"
            android:text="@string/banner"
            android:gravity="center|left"
            android:layout_below="@+id/title"
            android:background="@drawable/ripple_effect"
            android:paddingLeft="15dp"
            android:textSize="15sp"
            android:layout_height="45dp" />

将此添加到可绘制

<?xml version="1.0" encoding="utf-8"?>
<!--this ribble animation only working for >= android version 21-->
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/click_efect" />

尝试这个。

Answer 8

如果@Bikesh M Annur（此处）发布的投票良好的解决方案对您不起作用，请尝试使用：

<TextView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />

<ImageView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />

另外，在使用android:clickable="true"add 时，android:focusable="true"因为：

"声明为可点击但未声明为可聚焦的小部件无法通过键盘访问。 "

Answer 9

除了上述答案外，还增加了重点，以避免UI编辑器的警告

android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"

Answer 10

尝试这个。这对我有用。

android:clickable="true"
    android:focusable="true"
    android:background="?android:attr/selectableItemBackground"

Answer 11

对于圆形波纹： android:background="?attr/selectableItemBackgroundBorderless"

对于矩形波纹： android:background="?attr/selectableItemBackground"