带背景色按钮上的材质效果

Question

我正在使用Android v21支持库。

我已经创建了一个自定义背景颜色的按钮。当我使用背景色时，像涟漪，揭示的材质设计效果已经消失了（除了点击时的提升）。

 <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

更新：从AppCompat 23.0.0版开始，有一个新的widget.AppCompat.Button.Colored样式，它将主题的ColorButtonNormal用于禁用的颜色，将ColorAccent用于启用的颜色。

这允许您直接通过以下方式将其应用到您的按钮

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

如果您需要自定义的ColorButtonNormal或ColorAccent，您可以使用ThemeOverlay（如本专业提示所述）和按钮上的Android:Theme。

您可以使用v21目录中的drawable作为后台，例如：

<?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>