Add ripple effect to my button with button background color?

by

Here is another drawable xml for those who want to add all together gradient background, corner radius and ripple effect:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/colorPrimaryDark">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="@color/colorPrimaryDark" />
            <corners android:radius="@dimen/button_radius_large" />
        </shape>
    </item>

    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <gradient
                android:angle="90"
                android:endColor="@color/colorPrimaryLight"
                android:startColor="@color/colorPrimary"
                android:type="linear" />
            <corners android:radius="@dimen/button_radius_large" />
        </shape>
    </item>
</ripple>

Add this to the background of your button.

<Button
    ...
    android:background="@drawable/button_background" />

PS: this answer works for android api 21 and above.

More Related Contents:

  1. Vertical line using XML drawable
  2. Android shape border with gradient
  3. How to create custom button like the image
  4. What is the difference between gravity and layout_gravity in Android?
  5. How to animate RecyclerView items when they appear
  6. Pop up window over Android native incoming call screen like true caller Android app
  7. Unresolved reference – activity does not recognize synthetic imports in android studio v4
  8. LinearLayout not expanding inside a ScrollView
  9. Android what does the clipToPadding Attribute do?
  10. Programmatically set left drawable in a TextView
  11. How to show one layout on top of the other programmatically in my case?
  12. Resources$NotFoundException: File res/drawable/abc_ic_ab_back_material.xml
  13. android Multiple selection ListView & Textview
  14. ANDROID : split the screen in 2 equals parts with 2 listviews
  15. RecyclerView steals focus when inside a NestedScrollView
  16. How to display both icon and title of action inside ActionBar?
  17. How to use textview.getLayout()? It returns null
  18. Ripple effect on Android Lollipop CardView
  19. How to add a switch to android action bar?
  20. How to Apply Corner Radius to LinearLayout
  21. Items inside GridView getting repeated when screen scrolls
  22. custom dialog with close button
  23. How set the android:gravity to TextView from Java side in Android
  24. How to add different weight to ConstraintLayout views
  25. Can a custom view be used as a TabItem?
  26. How to overcome this item padding in navigation drawer?
  27. Placing ViewPager as a row in ListView
  28. Why Bitmap to Base64 String showing black background on webview in android?
  29. Android WebView Scrollable
  30. Why isn’t there a getContentView() method for Activity?

Leave a Comment