How to achieve ripple animation using support library?

by

Basic ripple setup

  • Ripples contained within the view.
    android:background="?selectableItemBackground"

  • Ripples that extend beyond the view’s bounds:
    android:background="?selectableItemBackgroundBorderless"

    Have a look here for resolving ?(attr) xml references in Java code.

Support Library

  • Using ?attr: (or the ? shorthand) instead of ?android:attr references the support library, so is available back to API 7.

Ripples with images/backgrounds

  • To have a image or background and overlaying ripple the easiest solution is to wrap the View in a FrameLayout with the ripple set with setForeground() or setBackground().

Honestly there is no clean way of doing this otherwise.

More Related Contents:

  1. What is the difference between Android Material Design UI and Android UI without material design?
  2. This Activity already has an action bar supplied by the window decor
  3. How to implement endless list with RecyclerView?
  4. How to change progress bar’s progress color in Android
  5. Put constant text inside EditText which should be non-editable – Android
  6. Outlined Edit Text from Material Design
  7. How do I import material design library to Android Studio?
  8. Creating a SearchView that looks like the material design guidelines
  9. Error inflating class android.support.v7.widget.Toolbar?
  10. Material Design not styling alert dialogs
  11. Navigation Drawer semi-transparent over status bar not working
  12. NavigationView menu items with counter on the right
  13. How to implement the Material-design Elevation for Pre-lollipop
  14. Android How to implement Bottom Sheet from Material Design docs
  15. Selected tab’s color in Bottom Navigation View
  16. Android FAB icon always black with MaterialComponents theme
  17. MaterialComponents theme alert dialog buttons
  18. What should be the color of the Ripple, colorPrimary or colorAccent? (Material Design)
  19. How to set text to view from drawer header layout in navigation drawer without inflating view
  20. Android Design Support Library expandable Floating Action Button(FAB) menu
  21. Error : IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents
  22. How can I change the NavigationView’s item text size?
  23. Disable icon colorStateList in NavigationView
  24. FAB animation with viewpager/tabslider
  25. Change dialog button color
  26. Rounded corners on material button
  27. Toolbar.inflateMenu seems to do nothing
  28. Android CollapsingToolbarLayout with custom View
  29. How to create a card toolbar using appcompat v7
  30. CollapsingToolbarLayout setTitle() does not update unless collapsed

Leave a Comment