How to create circular ripple?

Question

I want to create similar ripple effect which is shown in red box and is indicated with an arrow.

Whenever I set selectableItemBackground to any element, it just displays ripple over the element's layout bounds, and not like the one I have shared above.

Please share a working example. Thanks.

Answer 1

Use selectableItemBackgroundBorderless instead of selectableItemBackground.

Answer 2

use actionBarItemBackground value for background

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