Jak ustawić efekt kliknięcia przycisku w systemie Android?

W Androidzie, kiedy ustawię obraz tła na przycisk, nie widzę żadnego efektu na przycisku.

Potrzebuję jakiegoś efektu na przycisku, aby użytkownik mógł rozpoznać, że przycisk został kliknięty.

Przycisk powinien być ciemny przez kilka sekund po kliknięciu, więc co mam z tym zrobić?

Dzięki.

Można to osiągnąć, tworząc nadający się do rysowania plik xml zawierający listę stanów przycisku. Na przykład, jeśli utworzysz nowy plik xml o nazwie „button.xml” z następującym kodem:

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

Aby zachować przyciemniony obraz tła w druku, utwórz drugi plik xml i nazwij go gradient.xml z następującym kodem:

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

W pliku XML twojego przycisku ustaw tło na przycisk xml np

android:background="@drawable/button"

Mam nadzieję że to pomoże!

Edycja: Zmieniono powyższy kod, aby wyświetlać obraz (YOURIMAGE) na przycisku, a nie kolor bloku.

Jest to prostsze, gdy masz dużo przycisków graficznych i nie chcesz pisać xml-s dla każdego przycisku.

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

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

Stwórz swój AlphaAnimationobiekt, który decyduje o tym, jaki będzie efekt zanikania przycisku, a następnie pozwól mu rozpocząć się w jednym onClickListenerz przycisków

Na przykład :

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

// some code

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

oczywiście to tylko sposób, nie najbardziej preferowany, jest po prostu łatwiejszy

Można po prostu wykorzystać nową wiedzę dla Twojego Viewosiągnąć efekt klikalny:

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

Do użytku z ciemnym motywem dodaj także motyw do swojego layout(aby klikalny efekt był jasny):

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

Aby element był spójny z wyglądem i działaniem systemu, spróbuj odnieść się do atrybutu systemowego android:attr/selectableItemBackgroundw tagu tła lub pierwszego planu żądanego widoku:

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

Użyj obu atrybutów, aby uzyskać pożądany efekt odpowiednio przed / po 23 poziomie API.

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

Lub używając tylko jednego obrazu tła, możesz osiągnąć efekt kliknięcia używając setOnTouchListener

Dwie drogi

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

A jeśli nie chcesz używać setOnTouchLister, innym sposobem na osiągnięcie tego jest

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

po prostu chcę dodać inny łatwy sposób, aby to zrobić: Jeśli twój ImageButton pozostaje tłem i nie ustawisz go na null, będzie działał jak normalny przycisk i wyświetli animację kliknięcia podczas klikania dokładnie tak, jak inne przyciski. tło, gdy jeszcze tam jest:

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

Wypełnienia nie pozwolą, aby tło było widoczne i sprawi, że przycisk będzie działał jak inne przyciski.

To najlepsze rozwiązanie, jakie wymyśliłem, biorąc wskazówki z odpowiedzi @ Vinayak. Wszystkie inne rozwiązania mają różne wady.

Przede wszystkim utwórz taką funkcję.

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

Wyjaśnienie:

getConstantState (). newDrawable () służy do klonowania istniejącego Drawable, w przeciwnym razie zostanie użyty ten sam drawable. Przeczytaj więcej tutaj: Android: klonowanie elementu do rysowania w celu utworzenia StateListDrawable z filtrami

mutate () służy do tego, aby klon Drawable nie współdzielił swojego stanu z innymi wystąpieniami Drawable. Przeczytaj więcej na ten temat tutaj: https://developer.android.com/reference/android/graphics/drawable/Drawable.html#mutate ()

Stosowanie:

Możesz przekazać dowolny typ widoku (Button, ImageButton, View itp.) Jako parametr do funkcji, a uzyskają zastosowany do nich efekt kliknięcia.

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

Użyj RippleDrawable dla efektu wciśnięcia / kliknięcia stanu Material Design.

Aby to osiągnąć, utwórz element ripple jako folder .xml under / drawable i użyj go w android: background dla dowolnych widoków.

• Efekt po naciśnięciu / kliknięciu ikony, użyj efektu tętnienia kołowego, na przykład:

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

• Efekt dla widoku klikniętego granicą prostokąta, możemy dodać tętnienie na istniejącym rysunku, jak poniżej:

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

Za wszystkie widoki

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

Ale dla widoku karty, który ma zastosowanie elewacji

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

Efekt kliknięcia kołowego jak na pasku narzędzi

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

Musisz także ustawić

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

Drobny dodatek do odpowiedzi Andràs:

Możesz użyć, postDelayedaby filtr koloru trwał przez krótki czas, aby był bardziej zauważalny:

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

Możesz zmienić wartość opóźnienia 100L zgodnie ze swoimi potrzebami.

Jeśli używasz tła XML zamiast IMG, po prostu usuń to:

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

z pierwszej odpowiedzi, którą dał nam @Ljdawson.

Utwórz plik bounce.xml do animacji

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:duration="100"
        android:fromXScale="0.9"
        android:fromYScale="0.9"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

Dodaj tę linię w onClick, aby zainicjować

final Animation myAnim = AnimationUtils.loadAnimation (this, R.anim.bounce); button.startAnimation (myAnim);

Efekt zmniejszania się uzyskuje się po kliknięciu przycisku.