How to set a ripple effect on textview or imageview on Android

Question

I want to set a ripple effect on textview and imageview in Android Studio  How can I do it

User · Answer

In the case of the well voted solution posted by @Bikesh M Annur (here) doesn't work to you, try using:

<TextView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />

<ImageView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />

Also, when using android:clickable="true" add android:focusable="true" because:

"A widget that is declared to be clickable but not declared to be focusable is not accessible via the keyboard."

User · Answer

The best way its add        lt ImageView         android id    id ivBack          style   attr actionButtonStyle          android layout width  wrap content          android layout height  wrap content          android padding  16dp          android src   drawable ic back arrow black          android tint   color white    gt

User · Answer

In addition to  Bikesh M Annur s answer  be sure to update your support libraries  Previously I was using 23 1 1 and nothing happened  Updating it to 23 3 0 did the trick

User · Answer

try this   This is worked for me   android clickable  true      android focusable  true      android background   android attr selectableItemBackground

User · Answer

Please refer below answer for ripple effect   ripple on Textview or view    android clickable  true  android focusable  true  android foreground   android attr selectableItemBackgroundBorderless    ripple on Button or Imageview    android foreground   android attr selectableItemBackgroundBorderless

User · Answer

android background  quot  android selectableItemBackground quot  android focusable  quot true quot  android clickable  quot true quot

User · Answer

You can use android-ripple-background Start Effect final RippleBackground rippleBackground  RippleBackground findViewById R id content   ImageView imageView  ImageView findViewById R id centerImage   imageView setOnClickListener new View OnClickListener          Override     public void onClick View view            rippleBackground startRippleAnimation               Stop animation  rippleBackground stopRippleAnimation     For KOTLIN val rippleBackground   findViewById R id content  as RippleBackground val imageView  ImageView   findViewById R id centerImage  as ImageView imageView setOnClickListener object   OnClickListener         fun onClick view  View             rippleBackground startRippleAnimation

User · Answer

addition to above answers is adding focusable to avoid UI editor s warning  android background   attr selectableItemBackgroundBorderless  android clickable  true  android focusable  true

User · Answer

Ref   http   developer android com training material animations html   http   wiki workassis com category android android-xml    lt TextView     android background   attr selectableItemBackgroundBorderless  android clickable  true    gt    lt ImageView       android background   attr selectableItemBackgroundBorderless  android clickable  true    gt

User · Answer

If above solutions are not working for your TextView then this will definitely work  1  add this style  lt style name  quot ClickableView quot  gt       lt item name  quot colorControlHighlight quot  gt  android color white lt  item gt       lt item name  quot android background quot  gt  selectableItemBackground lt  item gt   lt  style gt   2  use it just by android theme  quot  style ClickableView quot

User · Answer

for circle ripple    android background   attr selectableItemBackgroundBorderless   for rectangle ripple    android background   attr selectableItemBackground

User · Answer

lt TextView     android id  quot   id txt banner quot      android layout width  quot match parent quot      android layout height  quot 45dp quot      android layout below  quot   id title quot      android background  quot  drawable ripple effect quot      android gravity  quot center left quot      android paddingLeft  quot 15dp quot      android text  quot  string banner quot      android textSize  quot 15sp quot    gt   Add this into drawable  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt    lt  --this ripple animation only working for  gt   android version 21 -- gt    lt ripple     xmlns android  quot http   schemas android com apk res android quot      android color  quot  color click efect quot    gt

User · Answer

Add android clickable  true  android focusable  true   For Ripple Effect  android background   attr selectableItemBackgroundBorderless    For Selectable Effect  android background   android attr selectableItemBackground    For Button effect  android adjustViewBounds  true  style   android attr borderlessButtonStyle

User · Answer

If you want the ripple to be bounded to the size of the TextView ImageView use    lt TextView android background   attr selectableItemBackground  android clickable  true   gt     I think it looks better

User · Answer

Using libraries  This is one of them  Just add its dependency and put below code in xml before each elements that needs ripple effect    lt com balysv materialripple MaterialRippleLayout android id    id ripple  android layout width  match parent  android layout height  wrap content  gt

[android] How to set a ripple effect on textview or imageview on Android?

Examples related to android

Examples related to android-imageview

Examples related to textview

Examples related to material-design