Android'de düğme tıklama efekti nasıl ayarlanır?

Android'de arka plan resmini Button olarak ayarladığımda buton üzerinde herhangi bir etki göremiyorum.

Kullanıcı bu düğmenin tıklandığını anlayabilmesi için düğme üzerinde biraz etkiye ihtiyacım var.

Düğme tıklandığında birkaç saniye koyu renkte olmalıdır, peki bunun için ne yapmalıyım?

Teşekkürler.

Bu, düğme için bir durum listesi içeren çekilebilir bir xml dosyası oluşturarak gerçekleştirilebilir. Örneğin, aşağıdaki kodla "button.xml" adlı yeni bir xml dosyası oluşturursanız:

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

Arka plan resmini baskıda koyulaştırılmış bir görünüme sahip tutmak için, ikinci bir xml dosyası oluşturun ve aşağıdaki kodla gradient.xml olarak adlandırın:

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

Düğmenizin xml'sinde arka planı düğme xml olacak şekilde ayarlayın örn.

android:background="@drawable/button"

Bu yardımcı olur umarım!

Düzenleme: Yukarıdaki kodu, blok renginin aksine düğmede bir görüntü (YOURIMAGE) gösterecek şekilde değiştirdi.

Çok sayıda resim düğmeniz olduğunda ve her düğme için xml-ler yazmak istemediğinizde daha basittir.

Kotlin Sürümü:

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

Java Sürümü:

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

AlphaAnimationDüğmenin solma efektinin ne kadar olacağına karar veren Nesnenizi oluşturun , ardından onClickListenerdüğmelerinizden başlamasına izin verin

Örneğin :

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

// some code

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

Tabii ki bu sadece bir yol, en çok tercih edilen değil, sadece daha kolay

Basitçe yapabilirsin ön planı kullanmak sizin için Viewtıklanabilir etkiyi elde etmek için:

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

Koyu temayla kullanmak için ayrıca temanızı ekleyin .layout (tıklanabilir etkiyi netleştirin):

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

Öğenizin sistem görünümüyle tutarlı olmasını sağlamak için sistem özniteliğine başvurmayı deneyin android:attr/selectableItemBackground , istediğiniz görünümün arka planında veya ön plan etiketinde :

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

API seviyesi 23'ten önce / sonra istenen efekti elde etmek için her iki özelliği de kullanın.

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

Veya yalnızca bir arka plan resmi kullanarak tıklama efektini elde edebilirsiniz. setOnTouchListener

İki yol

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

Ve kullanmak istemiyorsanız, bunu setOnTouchListerbaşarmanın başka bir yolu da

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

Bunu yapmanın başka bir kolay yolunu eklemek istiyorum: ImageButton'ınız arka planında kalırsa ve siz onu boş olarak ayarlamazsanız, normal bir düğme gibi çalışacak ve diğer düğmeler gibi tıklarken tıklama animasyonunu gösterecektir. hala oradayken arka plan:

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

Dolgular, arka planın görünür olmasına izin vermez ve düğmenin diğer düğmeler gibi davranmasını sağlamaz.

@ Vinayak'ın cevabından ipuçları alarak bulduğum en iyi çözüm bu. Diğer tüm çözümlerin farklı dezavantajları vardır.

Öncelikle bunun gibi bir işlev oluşturun.

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

Açıklama:

getConstantState (). newDrawable (), mevcut Drawable'ı klonlamak için kullanılır, aksi takdirde aynı drawable kullanılır. Buradan daha fazlasını okuyun: Android: Filtrelerle bir StateListDrawable yapmak için bir çekilebilirliği klonlama

mutate (), Drawable klonun durumunu diğer Drawable örnekleriyle paylaşmamasını sağlamak için kullanılır. Buradan daha fazla bilgi edinin: https://developer.android.com/reference/android/graphics/drawable/Drawable.html#mutate ()

Kullanım:

Fonksiyona parametre olarak her türlü View (Button, ImageButton, View vb.) İletebilirsiniz ve bunlara uygulanan tıklama efektini alırlar.

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

Materyal Tasarım durumu basılı / tıklanmış efekti için RippleDrawable'ı kullanın.

Bunu başarmak için / drawable klasörünün altında .xml olarak dalgalanma öğesi oluşturun ve bunu herhangi bir görünüm için android: arka planda kullanın.

• Basılan / tıklanan simge için efekt, dairesel dalgalanma efekti kullanın, örneğin:

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

• Dikdörtgen sınırla tıklanan görünümün etkisi, aşağıdaki gibi mevcut çekilebilir öğenin üzerine dalgalanma ekleyebiliriz:

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

Tüm görünümler için

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

Ancak yükseklik kullanımı olan kart görünümü için

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

Araç çubuğundaki gibi Dairesel tıklama efekti için

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

Ayrıca ayarlaman gerekiyor

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

Andràs yanıtına küçük bir ekleme yapmak:

Sen kullanabilirsiniz postDelayeddaha kolay fark edilebilir hale getirmek için zaman küçük bir süre için renk filtresi son yapmak:

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

100L gecikmenin değerini ihtiyaçlarınıza göre değiştirebilirsiniz.

IMG yerine xml arka planı kullanıyorsanız, şunu kaldırın:

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

@Ljdawson'ın bize verdiği ilk cevaptan.

Animasyon için bounce.xml dosyası oluşturun

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

Başlatmak için bu satırı onClick'e ekleyin

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

Bir düğme tıklamasında küçültme efekti elde edersiniz.