How to show YouTube like ripple effect in android?

Question

Latest versions of YouTube app on android shows a ripple which is pretty different.

That is when we lift our finger from button, then at the time of ending ripple it shows stroke.

How to achieve this type of ripple in android?

I noticed that too. Tried finding a simple way to achieve the same effect but it seems there isn't one — M. Gasimov, Jan 12 '22 at 12:47

score 0 · Answer 1 · edited Jun 22 '21 at 03:59

0

It is actually just a ripple background by setting android:background="?selectableItemBackground"

In Youtube button example,

<RelativeLayout
    android:id="@+id/rl_chat_search"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?selectableItemBackground"  <-- ripple effect
    android:layout_margin="10dp">

    <ImageView
        android:src="@drawable/ic_download"

    />

    <TextView
        android:text="Download"
      />
</RelativeLayout>

edited Jun 22 '21 at 03:59

Dharman

30,962
25
85
135

answered Jun 22 '21 at 03:54

Teo

876
9
22

Youtube button shows stroke as a border when we lift our finger. – Chaitanya Karmarkar Jun 22 '21 at 04:52
You can just set our button `ImageView` as selectable drawable? – Teo Jun 23 '21 at 03:07

score 0 · Answer 2 · answered Jun 22 '21 at 04:00

0

Add below two attribute in your click view.

android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"

answered Jun 22 '21 at 04:00

Dharmender Manral

1,504
1
6
7

Youtube button shows stroke as a border when we lift our finger. This does not shows stroke. – Chaitanya Karmarkar Jun 22 '21 at 04:52

How to show YouTube like ripple effect in android?

2 Answers2