Android 更改按钮样式 Button Styles

最新推荐文章于 2023-05-17 21:33:09 发布

weixin_30876945

最新推荐文章于 2023-05-17 21:33:09 发布

阅读量394

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 ui

原文链接：http://www.cnblogs.com/niray/p/6862090.html

本文介绍如何使用Android Support Library v7自定义按钮样式，包括通过修改colorAccent属性改变应用内所有UI控件的颜色，以及如何为特定按钮定义新的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

extends:http://stackoverflow.com/questions/26346727/android-material-design-button-styles

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:

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

转载于:https://www.cnblogs.com/niray/p/6862090.html