¿Cómo configurar el efecto de clic de botón en Android?

En Android, cuando configuro la imagen de fondo en Botón, no puedo ver ningún efecto en el botón.

Necesito algún efecto en el botón para que el usuario pueda reconocer que se hizo clic en ese botón.

El botón debe estar oscuro durante unos segundos cuando se hace clic, entonces, ¿qué debo hacer para esto?

Gracias.

Esto se puede lograr creando un archivo xml dibujable que contenga una lista de estados para el botón. Entonces, por ejemplo, si crea un nuevo archivo xml llamado "button.xml" con el siguiente código:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/YOURIMAGE" />
    <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/gradient" />
    <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/gradient" />
    <item android:drawable="@drawable/YOURIMAGE" />
</selector>

Para mantener la imagen de fondo con una apariencia oscura en la prensa, cree un segundo archivo xml y llámelo gradient.xml con el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <bitmap android:src="@drawable/YOURIMAGE"/>
    </item>
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <gradient android:angle="90" android:startColor="#880f0f10" android:centerColor="#880d0d0f" android:endColor="#885d5d5e"/>
        </shape>
    </item>
</layer-list>

En el xml de su botón, configure el fondo para que sea el botón xml, por ejemplo

android:background="@drawable/button"

¡Espero que esto ayude!

Editar: se modificó el código anterior para mostrar una imagen (SUIMAGEN) en el botón en lugar de un color de bloque.

Es más simple cuando tiene muchos botones de imagen y no desea escribir xml-s para cada botón.

Versión de Kotlin:

fun buttonEffect(button: View) {
    button.setOnTouchListener { v, event ->
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                v.background.setColorFilter(-0x1f0b8adf, PorterDuff.Mode.SRC_ATOP)
                v.invalidate()
            }
            MotionEvent.ACTION_UP -> {
                v.background.clearColorFilter()
                v.invalidate()
            }
        }
        false
    }
}

Versión de Java:

public static void buttonEffect(View button){
    button.setOnTouchListener(new OnTouchListener() {

        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN: {
                    v.getBackground().setColorFilter(0xe0f47521,PorterDuff.Mode.SRC_ATOP);
                    v.invalidate();
                    break;
                }
                case MotionEvent.ACTION_UP: {
                    v.getBackground().clearColorFilter();
                    v.invalidate();
                    break;
                }
            }
            return false;
        }
    });
}

Cree su AlphaAnimationObjeto que decida cuánto será el efecto de desvanecimiento del botón, luego déjelo comenzar en el onClickListenerde sus botones

Por ejemplo :

private AlphaAnimation buttonClick = new AlphaAnimation(1F, 0.8F);

// some code

public void onClick(View v) {
    v.startAnimation(buttonClick);
}

por supuesto, esta es solo una forma, no la más preferida, es más fácil

Simplemente puede usar el primer plano para Viewlograr un efecto en el que se puede hacer clic:

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

Para usar con el tema oscuro, agregue también el tema a su layout(para que el efecto en el que se puede hacer clic sea claro):

android:theme="@android:style/ThemeOverlay.Material.Dark"

Para que su artículo sea coherente con el aspecto del sistema, intente hacer referencia al atributo del sistema android:attr/selectableItemBackgrounden la etiqueta de fondo o primer plano de la vista deseada:

<ImageView
    ...
    android:background="?android:attr/selectableItemBackground"      
    android:foreground="?android:attr/selectableItemBackground"
    ...
/>

Utilice ambos atributos para obtener el efecto deseado antes / después del nivel de API 23 respectivamente.

https://stackoverflow.com/a/11513474/4683601

O usando solo una imagen de fondo, puede lograr el efecto de clic usando setOnTouchListener

Dos caminos

((Button)findViewById(R.id.testBth)).setOnTouchListener(new OnTouchListener() {

      @Override
        public boolean onTouch(View v, MotionEvent event) {
          switch (event.getAction()) {
              case MotionEvent.ACTION_DOWN: {
                  Button view = (Button) v;
                  view.getBackground().setColorFilter(0x77000000, PorterDuff.Mode.SRC_ATOP);
                  v.invalidate();
                  break;
              }
              case MotionEvent.ACTION_UP:
                  // Your action here on button click
              case MotionEvent.ACTION_CANCEL: {
                  Button view = (Button) v;
                  view.getBackground().clearColorFilter();
                  view.invalidate();
                  break;
              }
          }
          return true;
        }
});

Y si no quiere usar setOnTouchLister, la otra forma de lograrlo es

    myButton.getBackground().setColorFilter(.setColorFilter(0xF00, Mode.MULTIPLY);

    StateListDrawable listDrawable = new StateListDrawable();
    listDrawable.addState(new int[] {android.R.attr.state_pressed}, drawablePressed);
    listDrawable.addState(new int[] {android.R.attr.defaultValue}, myButton);

    myButton.setBackgroundDrawable(listDrawable);

solo quiero agregar otra manera fácil de hacer esto: si su ImageButton permanece en su fondo y no lo establece en nulo, funcionará como un botón normal y mostrará la animación de clic mientras hace clic exactamente como otros botones. el fondo mientras todavía está allí:

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="1dp"
    android:paddingLeft="1dp"
    android:paddingRight="1dp"
    android:paddingTop="1dp"
    android:src="@drawable/squareicon" />

Los rellenos no permiten que el fondo sea visible y hacen que el botón actúe como otros botones.

Esta es la mejor solución que se me ocurrió tomando sugerencias de la respuesta de @ Vinayak. Todas las demás soluciones tienen diferentes inconvenientes.

Primero que nada cree una función como esta.

void addClickEffect(View view)
{
    Drawable drawableNormal = view.getBackground();

    Drawable drawablePressed = view.getBackground().getConstantState().newDrawable();
    drawablePressed.mutate();
    drawablePressed.setColorFilter(Color.argb(50, 0, 0, 0), PorterDuff.Mode.SRC_ATOP);

    StateListDrawable listDrawable = new StateListDrawable();
    listDrawable.addState(new int[] {android.R.attr.state_pressed}, drawablePressed);
    listDrawable.addState(new int[] {}, drawableNormal);
    view.setBackground(listDrawable);
}

Explicación:

getConstantState (). newDrawable () se usa para clonar el Drawable existente, de lo contrario se usará el mismo Drawable. Lea más desde aquí: Android: clonación de un elemento de diseño para hacer un StateListDrawable con filtros

mutate () se usa para hacer que el clon de Drawable no comparta su estado con otras instancias de Drawable. Lea más sobre esto aquí: https://developer.android.com/reference/android/graphics/drawable/Drawable.html#mutate ()

Uso:

Puede pasar cualquier tipo de vista (botón, botón de imagen, vista, etc.) como parámetro a la función y se les aplicará el efecto de clic.

addClickEffect(myButton);
addClickEffect(myImageButton);

Step: set a button in XML with onClick Action:

 <Button
android:id="@+id/btnEditUserInfo"
style="?android:borderlessButtonStyle"
android:layout_width="wrap_content"
android:layout_height="@dimen/txt_height"
android:layout_gravity="center"
android:background="@drawable/round_btn"
android:contentDescription="@string/image_view"
android:onClick="edit_user_info"
android:text="Edit"
android:textColor="#000"
android:textSize="@dimen/login_textSize" />

Step: on button clicked show animation point
//pgrm mark ---- ---- ----- ---- ---- ----- ---- ---- -----  ---- ---- -----

    public void edit_user_info(View view) {

        // show click effect on button pressed
        final AlphaAnimation buttonClick = new AlphaAnimation(1F, 0.8F);
        view.startAnimation(buttonClick);

        Intent intent = new Intent(getApplicationContext(),  EditUserInfo.class);
        startActivity(intent);

    }// end edit_user_info

Utilice RippleDrawable para el efecto de estado presionado / hecho clic en Material Design.

Para lograr esto, cree un elemento de ondulación como un .xml en la carpeta / dibujable y úselo en android: background para cualquier vista.

• Efecto para el icono presionado / hecho clic, use un efecto de onda circular, por ejemplo:

  <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@android:color/darker_gray" />

• Efecto para la vista en la que se hizo clic con el límite del rectángulo, podemos agregar ondulación sobre el elemento de dibujo existente como se muestra a continuación:

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

Por todas las vistas

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

Pero para cardview que tiene uso de elevación

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

Para el efecto de clic circular como en la barra de herramientas

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

También necesitas configurar

 android:clickable="true"
 android:focusable="true"

Haciendo una pequeña adición a la respuesta de Andràs:

Puede utilizar postDelayedpara hacer que el filtro de color dure un pequeño período de tiempo para que sea más notable:

        @Override
        public boolean onTouch(final View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN: {
                    v.getBackground().setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
                    v.invalidate();
                    break;
                }
                case MotionEvent.ACTION_UP: {
                    v.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            v.getBackground().clearColorFilter();
                            v.invalidate();
                        }
                    }, 100L);
                    break;
                }
            }
            return false;
        }

Puede cambiar el valor del retardo 100L para adaptarlo a sus necesidades.

Si está usando un fondo xml en lugar de IMG, simplemente elimine esto:

<item>
    <bitmap android:src="@drawable/YOURIMAGE"/>
</item>

de la primera respuesta que nos dio @Ljdawson.