¿Cómo configurar un efecto dominó en textview o imageview en Android?

android-imageview android-textview

Question

Quiero establecer un efecto dominó en la vista de texto y la vista de imagen en Android Studio. ¿Cómo puedo hacerlo?

Answer 1

Además de la respuesta de @Bikesh M Annur, asegúrese de actualizar sus bibliotecas de soporte. Anteriormente estaba usando 23.1.1 y no pasó nada. Actualizarlo a 23.3.0 hizo el truco.

Answer 2

Además de las respuestas anteriores, se agrega enfoque para evitar la advertencia del editor de IU

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

Answer 3

Consulte la respuesta a continuación para conocer el efecto dominó.

ondulación en Textview o view:

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

ondulación en el botón o la vista de imagen:

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

Answer 4

En el caso de que la solución bien votada publicada por @Bikesh M Annur ( here ) no funcione para usted, intente usar:

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

Además, cuando use android:clickable="true" agregue android:focusable="true" porque:

" No se puede acceder a un widget que se puede hacer clic pero que no se puede enfocar a través del teclado " .

Answer 5

La mejor manera es usar bibliotecas. This es uno de ellos. Simplemente agregue su dependencia y coloque el siguiente código en xml antes de cada elemento que necesite un efecto dominó:

<com.balysv.materialripple.MaterialRippleLayout
android:id="@+id/ripple"
android:layout_width="match_parent"
android:layout_height="wrap_content">

Answer 6

O puede intentar usar esta biblioteca (android 9+): RippleEffect

Integración

dependencies {
compile ''com.github.traex.rippleeffect:library:1.3''
}

Uso:

<com.andexert.library.RippleView
android:id="@+id/more"
android:layout_width="?android:actionBarSize"
android:layout_height="?android:actionBarSize"
android:layout_toLeftOf="@+id/more2"
android:layout_margin="5dp"
rv_centered="true">
<ImageView
android:layout_width="?android:actionBarSize"
android:layout_height="?android:actionBarSize"
android:src="@android:drawable/ic_menu_edit"
android:layout_centerInParent="true"
android:padding="10dp"
android:background="@android:color/holo_blue_dark"/>
</com.andexert.library.RippleView>

Answer 7

Puedes usar android-ripple-background

Efecto de inicio

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();
}
});

Detener animación:

rippleBackground.stopRippleAnimation();

Answer 8

Ref: 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 9

Si desea que la ondulación esté limitada al tamaño de TextView / ImageView, use:

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

(Creo que se ve mejor)

Answer 10

prueba esto. Esto me funcionó.

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

Answer 11

<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" />

agregue esto en dibujable

<?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" />

prueba esto.