Come impostare l'effetto del clic del pulsante in Android?

In Android, quando imposto l'immagine di sfondo su Button, non riesco a vedere alcun effetto sul pulsante.

Ho bisogno di qualche effetto sul pulsante in modo che l'utente possa riconoscere che il pulsante è stato cliccato.

Il pulsante dovrebbe essere scuro per alcuni secondi quando ha cliccato, quindi cosa devo fare per questo?

Grazie.

Ciò può essere ottenuto creando un file xml disegnabile contenente un elenco di stati per il pulsante. Quindi, ad esempio, se crei un nuovo file xml chiamato "button.xml" con il codice seguente:

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

Per mantenere l'immagine di sfondo con un aspetto più scuro in stampa, creare un secondo file xml e chiamarlo gradiente.xml con il codice seguente:

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

Nell'xml del tuo pulsante imposta lo sfondo in modo che sia il pulsante xml es

android:background="@drawable/button"

Spero che questo ti aiuti!

Modifica: modificato il codice sopra per mostrare un'immagine (LA TUA IMMAGINE) nel pulsante anziché un colore a blocchi.

È più semplice quando hai molti pulsanti immagine e non vuoi scrivere xml-s per ogni pulsante.

Versione 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
    }
}

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

Crea il tuo AlphaAnimationOggetto che decide quanto sarà l'effetto di dissolvenza del pulsante, quindi lascialo iniziare nella parte onClickListenerdei tuoi pulsanti

Per esempio :

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

// some code

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

ovviamente questo è solo un modo, non il preferito, è solo più facile

Puoi semplicemente usare il primo piano per Viewottenere un effetto cliccabile:

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

Per l'uso con il tema scuro aggiungi anche il tema al tuo layout(per avere un effetto cliccabile sia chiaro):

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

Per rendere il tuo articolo coerente con l'aspetto del sistema, prova a fare riferimento all'attributo di sistema android:attr/selectableItemBackgroundnel tag di sfondo o in primo piano della vista desiderata:

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

Utilizza entrambi gli attributi per ottenere l'effetto desiderato rispettivamente prima / dopo il livello API 23.

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

Oppure utilizzando una sola immagine di sfondo è possibile ottenere l'effetto clic utilizzando setOnTouchListener

Due strade

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

E se non vuoi usare setOnTouchLister, un altro modo per ottenerlo è

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

voglio solo aggiungere un altro modo semplice per farlo: se il tuo ImageButton rimane il suo sfondo e non lo imposti su null, funzionerà come un pulsante normale e mostrerà l'animazione del clic mentre fai clic esattamente come gli altri pulsanti. lo sfondo mentre è ancora lì:

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

Le imbottiture non rendono visibile lo sfondo e fanno sì che il pulsante si comporti come gli altri pulsanti.

Questa è la migliore soluzione che ho trovato prendendo spunto dalla risposta di @ Vinayak. Tutte le altre soluzioni presentano diversi inconvenienti.

Prima di tutto crea una funzione come questa.

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

Spiegazione:

getConstantState (). newDrawable () viene utilizzato per clonare il Drawable esistente altrimenti verrà utilizzato lo stesso drawable. Leggi di più da qui: Android: clonazione di un drawable per creare uno StateListDrawable con filtri

mutate () è usato per fare in modo che il clone Drawable non condivida il suo stato con altre istanze di Drawable. Per saperne di più qui: https://developer.android.com/reference/android/graphics/drawable/Drawable.html#mutate ()

Uso:

È possibile passare qualsiasi tipo di visualizzazione (pulsante, pulsante immagine, visualizzazione ecc.) Come parametro alla funzione e verrà applicato l'effetto 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

Usa RippleDrawable per l'effetto di stato premuto / fatto clic su Material Design.

Per ottenere ciò, crea un elemento ripple come una cartella .xml in / drawable e usalo in android: background per qualsiasi visualizzazione.

• Effetto per icona premuta / cliccata, usa l'effetto increspatura circolare, ad esempio:

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

• Effetto per la vista cliccata con il bordo del rettangolo, possiamo aggiungere increspatura sul disegnabile esistente come sotto:

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

Per tutte le viste

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

Ma per cardview che utilizza l'elevazione

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

Per l'effetto clic circolare come nella barra degli strumenti

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

Inoltre è necessario impostare

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

Fare una piccola aggiunta alla risposta di Andràs:

È possibile utilizzare postDelayedper far durare il filtro colorato per un breve periodo di tempo per renderlo più evidente:

        @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;
        }

È possibile modificare il valore del ritardo di 100 litri in base alle proprie esigenze.

Se stai usando lo sfondo xml invece di IMG, rimuovi semplicemente questo:

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

dalla prima risposta che ci ha dato @Ljdawson.