android - objetos - efecto domino historia

Cómo crear efecto dominó en diseño simple

Question

¿Cómo puedo tener un efecto dominó en un diseño lineal / relativo simple cuando toco el diseño?

Intenté establecer el fondo de un diseño en algo como:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorControlHighlight" >
<item android:drawable="@android:color/white"/>
</ripple>

Sin embargo, solo veo un fondo blanco liso y ningún efecto de ondulación al tocar el diseño. ¿Qué estoy haciendo mal?

Editar:

Como referencia, aquí está mi archivo xml de diseño:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="250dp"
android:layout_height="250dp"
android:background="@drawable/test"
android:clickable="true">
</RelativeLayout>

Answer 1

Establecer android:clickable="true" en su diseño.

Answer 2

Establezca estas propiedades en su diseño (si su diseño tiene el fondo blanco / claro predeterminado):

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

No necesita un drawable personalizado en este caso.

Sin embargo, si tu diseño tiene un fondo negro / oscuro, deberías crear tu propia ondulación dibujable como esta:

<?xml version="1.0" encoding="utf-8"?>
<!-- An white rectangle ripple. -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@android:color/white">
<item
android:id="@android:id/mask"
android:gravity="center">
<shape android:shape="rectangle">
<solid android:color="@android:color/white"/>
</shape>
</item>
</ripple>

Y luego configure esta ondulación dibujable como su propiedad android: background .

Puede ver muchos ejemplos de estos tipos de ondas en AOSP: http://androidxref.com/8.0.0_r4/search?q=ripple&defs=&refs=&path=&hist=&project=art&project=bionic&project=bootable&project=build&project=cts&project=dalvik&project=developers&project=development&project=device&project=docs&project=external&project=frameworks&project=hardware&project=kernel&project=libcore&project=libnativehelper&project=packages&project=pdk&project=platform_testing&project=prebuilts&project=sdk&project=system&project=test&project=toolchain&project=tools

Answer 3

Estoy agregando esto además de la respuesta de en caso de que alguien quiera tener un diseño con diferentes colores y también tenga un efecto de onda expansiva. Simplemente crea un efecto de onda expansiva en objetos arrastrables como este:

ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="@color/rippleColor"
tools:targetApi="lollipop"> <!-- ripple effect color -->
<item android:id="@android:id/background">
<shape android:shape="rectangle">
<solid android:color="@color/backgroundColor" /> <!-- background color -->
</shape>
</item>
</ripple>

luego, dele como fondo de su diseño o cualquier botón que mencionó en su respuesta.

android:clickable="true"
android:background="@drawable/ripple"

Answer 4

Intento todas esas respuestas y nada me funcionó, así que resolví crear el siguiente estilo:

<style name="Button.Borderless" parent="Base.Widget.AppCompat.Button.Borderless">
<item name="android:minHeight">0dp</item>
<item name="android:minWidth">0dp</item>
<item name="android:layout_marginLeft">-6dp</item>
<item name="android:layout_marginRight">-6dp</item>
<item name="android:paddingTop">0dp</item>
<item name="android:paddingBottom">0dp</item>
<item name="android:paddingLeft">6dp</item>
<item name="android:paddingRight">6dp</item>
</style>

Y luego, apliqué a mi diseño lineal:

<LinearLayout
android:id="@+id/ll_my_ripple"
style="@style/Button.Borderless">
</LinearLayout>

Answer 5

Pon esto en tu diseño:

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

Nota: hay un error en la documentación de la API. Funcionará solo en API> = 23

Para todos los niveles de API usa esta Solution

Answer 6

Resulta que esto está funcionando como se esperaba. El valor estándar de Material colorControlHighlight es #40ffffff . Entonces, sobre un fondo blanco, esto no aparecerá. Cambiar el color de resaltado a otra cosa funciona, y / o cambiar el color de fondo del objeto.

Gracias a todos (especialmente a Alanv por apuntarme en la dirección correcta).

Answer 7

Simplemente agregue el efecto de onda predeterminado con android:background="?selectableItemBackground"

Me gusta:

<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="?selectableItemBackground"
android:clickable="true"
>
...
</LinearLayout>

Answer 8

Tienes que alterar el siguiente fragmento de código en cualquier widget ( TextView / Button ) y puedes implementar el efecto Ripple :

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

Y eres bueno para ir.