Material effect on button with background color

by

When you use android:background, you are replacing much of the styling and look and feel of a button with a blank color.

Update: As of the version 23.0.0 release of AppCompat, there is a new Widget.AppCompat.Button.Colored style which uses your theme’s colorButtonNormal for the disabled color and colorAccent for the enabled color.

This allows you apply it to your button directly via

<Button
  ...
  style="@style/Widget.AppCompat.Button.Colored" />

If you need a custom colorButtonNormal or colorAccent, you can use a ThemeOverlay as explained in this pro-tip and android:theme on the button.

Previous Answer

You can use a drawable in your v21 directory for your background such as:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?attr/colorControlHighlight">
    <item android:drawable="?attr/colorPrimary"/>
</ripple>

This will ensure your background color is ?attr/colorPrimary and has the default ripple animation using the default ?attr/colorControlHighlight (which you can also set in your theme if you’d like).

Note: you’ll have to create a custom selector for less than v21:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/primaryPressed" android:state_pressed="true"/>
    <item android:drawable="@color/primaryFocused" android:state_focused="true"/>
    <item android:drawable="@color/primary"/>
</selector>

Assuming you have some colors you’d like for the default, pressed, and focused state. Personally, I took a screenshot of a ripple midway through being selected and pulled the primary/focused state out of that.

More Related Contents:

  1. Exception ‘open failed: EACCES (Permission denied)’ on Android
  2. Notification bar icon turns white in Android 5 Lollipop
  3. appcompat-v7:21.0.0′: No resource found that matches the given name: attr ‘android:actionModeShareDrawable’
  4. DexIndexOverflowException issue after updating to latest appcompat and support library
  5. Lollipop : draw behind statusBar with its color set to transparent
  6. The setMobileDataEnabled method is no longer callable as of Android L and later
  7. Android statusbar icons color
  8. How to implement DrawerArrowToggle from Android appcompat v7 21 library
  9. Manifest merger failed : uses-sdk:minSdkVersion 14
  10. Google In-App billing, IllegalArgumentException: Service Intent must be explicit, after upgrading to Android L Dev Preview
  11. No ActionBar in PreferenceActivity after upgrade to Support Library v21
  12. Android lollipop change navigation bar color
  13. No shadow by default on Toolbar?
  14. How to get recent tasks on Android “L”?
  15. How to change status bar color to match app in Lollipop? [Android]
  16. How to `getTopActivity` name or get currently running application package name in lollipop?
  17. Android – footer scrolls off screen when used in CoordinatorLayout
  18. Camera preview image data processing with Android L and Camera2 API
  19. Error inflating class and android.support.v7.widget.CardView
  20. Android How to implement Bottom Sheet from Material Design docs
  21. Failure [INSTALL_FAILED_OLDER_SDK] Android-L
  22. application content goes behind the navigation bar in android L
  23. Ripple effect on Android Lollipop CardView
  24. OnClickListener for CardView?
  25. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  26. Heads-up Notification – Android Lollipop
  27. Android v21 Theme.Appcompat color accent is ignored, no padding on dialogs
  28. Cardview shadow not appearing in lollipop devices?
  29. How to use setOutlineProvider instead of setOutline in Lollipop
  30. Custom Fonts not working in lollipop?

Leave a Comment