Material Design Button 样式

最新推荐文章于 2025-07-19 17:39:52 发布

转载最新推荐文章于 2025-07-19 17:39:52 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qianyukun/p/5854021.html

文章标签：

#移动开发 #ui

本文介绍如何使用Android Support Library v7自定义按钮样式，包括全局设置颜色及特定按钮的颜色调整方法。通过修改主题中的colorAccent属性可以改变应用中所有UI控件的颜色；针对单独按钮，则可通过创建继承自AppCompat.Button.Colored的新样式来实现。

132down voteaccepted

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:

Widget.AppCompat.Button.Colored:

Widget.AppCompat.Button.Borderless

Widget.AppCompat.Button.Borderless.Colored:

To answer the question, the style to use is therefore style="@style/Widget.AppCompat.Button.Colored".

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>