Android uygulamalarda butona tıkladığımız zaman tıklayıp tıklamadığımız bazen anlaşılmıyor. Bu yüzden kullanıcı deneyimini arttırmak için butonlara tıklama efekti ekleyebiliriz.
Bu yazıda aşağıdaki gibi tıklama efekti nasıl yapılır onu anlatacağım. Bu efektin adı Ripple Effect.
Öncelikle drawable klasörü içine bg_button.xml adında bir dosya oluşturuyoruz.
1 2 3 4 5 6 7 8 9 10 11 12 |
<?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="#5183c1"> <item> <shape> <corners android:radius="4dp" /> <solid android:color="#135790" /> </shape> </item> </ripple> |
Not: Tıklama efektinin gözükebilmesi için ripple tagı içerisindeki color, shape tagı içerisindeki color dan daha açık tonlu olmak zorunda.
Ya da renklerle uğraşmayayım diyorsanız ripple coloruna ?android:colorControlHighlight
verebilirsiniz. Efektin rengini otomatik olarak ayarlayacaktır.
Son olarak butonun background ına bu drawable veriyoruz.
1 2 3 4 5 6 7 |
<Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Buton" android:background="@drawable/bg_button" /> |
Bu kadar! Ayrıca sadece butonlara değil tıklanabilen herhangi bir elemente de verebilirsiniz. (örn. LinearLayout)