Android開發，appcompat-v7:24.2.1的Theme.AppCompat.Light主題下更改普通Button的顔色

appcompat-v7:24.2.1的Theme.AppCompat.Light主題遵循了Material Design的設計規範，更改普通Button的顔色不是設定android:background那麼簡單，而是需要為Button定義一個style。具體如下。

一、建立Button的background drawable resource file

button_mtrl_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="@dimen/button_inset_horizontal_material"
    android:insetTop="@dimen/button_inset_vertical_material"
    android:insetRight="@dimen/button_inset_horizontal_material"
    android:insetBottom="@dimen/button_inset_vertical_material">
    <shape android:shape="rectangle">
        <corners android:radius="@dimen/control_corner_material" />
        <solid android:color="@color/your_color" />
        <padding android:left="@dimen/button_padding_horizontal_material"
            android:top="@dimen/button_padding_vertical_material"
            android:right="@dimen/button_padding_horizontal_material"
            android:bottom="@dimen/button_padding_vertical_material" />
    </shape>
</inset>
           

其中，<solid android:color="@color/your_color" />設定成自己需要的顔色即可。

二、定義Button的style

<style name="AppTheme.Button" parent="Widget.AppCompat.Button.Colored">
    <item name="android:background">@drawable/button_mtrl_shape</item>
    <item name="android:textColor">@color/white</item>
</style>
           

三、定義Button

<Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/AppTheme.Button" />
           

主要是參考了Widget.AppCompat.Button.Colored style的定義，覆寫掉原來的background。

【附】

幾個dimen

<dimen name="button_inset_horizontal_material">4dp</dimen>
<dimen name="button_inset_vertical_material">6dp</dimen>
<dimen name="control_corner_material">2dp</dimen>
<dimen name="button_padding_horizontal_material">8dp</dimen>
<dimen name="button_padding_vertical_material">4dp</dimen>