android - 具有背景颜色的按钮的 Material 效果

Question

我正在使用 Android v21 支持库。

我创建了一个带有自定义背景颜色的按钮。当我使用背景颜色时，波纹、显示等 Material 设计效果消失了(点击时的高度除外)。

 <Button
 style="?android:attr/buttonStyleSmall"
 android:background="?attr/colorPrimary"
 android:textColor="@color/white"
 android:textAllCaps="true"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="Button1"
 />

下面是一个普通的按钮，效果很好。

<Button
 style="?android:attr/buttonStyleSmall"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:textAllCaps="true"
 android:text="Button1"
/>

Answer 1

当您使用 android:background 时，您正在用空白颜色替换按钮的大部分样式和外观。

更新: 从 version 23.0.0 release 开始的 AppCompat ，有一个新的Widget.AppCompat.Button.Colored将主题的 colorButtonNormal 用于禁用颜色，将 colorAccent 用于启用颜色的样式。

这允许您直接将其应用到您的按钮

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

如果您需要自定义 colorButtonNormal 或 colorAccent，您可以使用 ThemeOverlay，如 this pro-tip 中所述和 android:theme 在按钮上。

上一个答案

您可以在 v21 目录中使用可绘制对象作为背景，例如:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?attr/colorControlHighlight">
    <item android:drawable="?attr/colorPrimary"/>
</ripple>

这将确保您的背景颜色为 ?attr/colorPrimary 并且使用默认的 ?attr/colorControlHighlight 具有默认的波纹动画(您也可以在主题中设置)如果你愿意)。

注意:您必须为低于 v21 创建一个自定义选择器:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/primaryPressed" android:state_pressed="true"/>
    <item android:drawable="@color/primaryFocused" android:state_focused="true"/>
    <item android:drawable="@color/primary"/>
</selector>

假设您对默认、按下和聚焦状态有一些您想要的颜色。就个人而言，我在被选中的过程中截取了一个涟漪的屏幕截图，并将主要/聚焦状态从中拉出来。