What should be the color of the Ripple, colorPrimary or colorAccent? (Material Design)

by

Use 26% alpha for colored ripples.

Android L doesn’t support theme attributes in color state lists and the <ripple> element doesn’t have an alpha channel, but for bounded ripples you can do something like:

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?android:attr/colorAccent">
    <item android:id="@android:id/mask">
        <color android:color="#42ffffff" />
    </item>
</ripple>

This won’t work for an unbounded ripple. Alternatively, since you know your own accent color, you can either define a 26% alpha version or use a color state list. Either of these will work fine for an unbounded ripple.

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/accent_26" />

res/values/colors.xml:

<resources>
    ...
    <color name="accent">#ff33b5e5</color>
    <color name="accent_alpha26">#4233b5e5</color>
</resources>

res/color/accent_alpha26.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/accent"
          android:alpha="0.26" />
</selector>

More Related Contents:

  1. How to implement endless list with RecyclerView?
  2. How to change progress bar’s progress color in Android
  3. Android Material Design Button Styles
  4. How to provide shadow to Button
  5. Change text color of one word in a TextView
  6. Round corner for BottomSheetDialogFragment
  7. How do I import material design library to Android Studio?
  8. Android lollipop change navigation bar color
  9. Android textview outline text
  10. Creating a SearchView that looks like the material design guidelines
  11. How to change status bar color to match app in Lollipop? [Android]
  12. Error inflating class android.support.v7.widget.Toolbar?
  13. Material Design not styling alert dialogs
  14. Navigation Drawer semi-transparent over status bar not working
  15. Toolbar overlapping below status bar
  16. How to add Android Support v7 libraries in eclipse?
  17. Android How to implement Bottom Sheet from Material Design docs
  18. Selected tab’s color in Bottom Navigation View
  19. FloatingActionButton doesn’t hide
  20. Android Background Drawable Not Working in Button Since Android Studio 4.1
  21. How to set text to view from drawer header layout in navigation drawer without inflating view
  22. Circular reveal transition for new activity
  23. how to highlight the selected Item of Recycler View?
  24. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  25. Compatiblity of Material Design to versions below Android 5.0?
  26. android popup menu text color (AppCompat)
  27. FAB animation with viewpager/tabslider
  28. No shadow/elevation underneath second card if there are two card in the layout. Why?
  29. How to change the border color(un-focused) of an EditText?
  30. Android Material Design Datepicker with AppCompat

Leave a Comment