Android Material Design Button Styles

by

I will add my answer since I don’t use any of the other answers provided.

With the Support Library v7, all the styles are actually already defined and ready to use, for the standard buttons, all of these styles are available:

style="@style/Widget.AppCompat.Button"
style="@style/Widget.AppCompat.Button.Colored"
style="@style/Widget.AppCompat.Button.Borderless"
style="@style/Widget.AppCompat.Button.Borderless.Colored"

Widget.AppCompat.Button:
enter image description here

Widget.AppCompat.Button.Colored:
enter image description here

Widget.AppCompat.Button.Borderless
enter image description here

Widget.AppCompat.Button.Borderless.Colored:
enter image description here

To answer the question, the style to use is therefore 

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

How to change the color

For the whole app:

The color of all the UI controls (not only buttons, but also floating action buttons, checkboxes etc.) is managed by the attribute colorAccent as explained here.
You can modify this style and apply your own color in your theme definition:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="colorAccent">@color/Orange</item>
</style>

For a specific button:

If you need to change the style of a specific button, you can define a new style, inheriting one of the parent styles described above. In the example below I just changed the background and font colors:

<style name="AppTheme.Button" parent="Widget.AppCompat.Button.Colored">
    <item name="colorButtonNormal">@color/Red</item>
    <item name="android:textColor">@color/White</item>
</style>

Then you just need to apply this new style on the button with:

android:theme="@style/AppTheme.Button"

To set a default button design in a layout, add this line to the styles.xml theme:

<item name="buttonStyle">@style/btn</item>

where @style/btn is your button theme. This sets the button style for all the buttons in a layout with a specific theme

More Related Contents:

  1. Coloring Buttons in Android with Material Design and AppCompat
  2. Android Background Drawable Not Working in Button Since Android Studio 4.1
  3. Android button background color
  4. Is any difference between a MaterialButton and a simple Button?
  5. Rounded corners on material button
  6. What is the difference between Android Material Design UI and Android UI without material design?
  7. This Activity already has an action bar supplied by the window decor
  8. Custom circle button
  9. Put constant text inside EditText which should be non-editable – Android
  10. Change Screen Orientation programmatically using a Button
  11. How to achieve ripple animation using support library?
  12. Android – border for button
  13. How do I import material design library to Android Studio?
  14. Creating a SearchView that looks like the material design guidelines
  15. Material Design not styling alert dialogs
  16. Navigation Drawer semi-transparent over status bar not working
  17. NavigationView menu items with counter on the right
  18. How to implement the Material-design Elevation for Pre-lollipop
  19. Rounded Button in Android
  20. Android FAB icon always black with MaterialComponents theme
  21. MaterialComponents theme alert dialog buttons
  22. What should be the color of the Ripple, colorPrimary or colorAccent? (Material Design)
  23. How to make a round button?
  24. Android Design Support Library expandable Floating Action Button(FAB) menu
  25. Android – make an arrow shape with xml
  26. Disable icon colorStateList in NavigationView
  27. Change dialog button color
  28. How do I set a different color for the pressed state of the button?
  29. How to create a card toolbar using appcompat v7
  30. CollapsingToolbarLayout setTitle() does not update unless collapsed

Leave a Comment