android - 在带有 alpha 的 Material Button 上设置 backgroundTint 在正常和按下状态下具有奇怪的视觉效果

Question

我在我的项目中使用 Material Buttons 并尝试使用 alpha 值设置 backgroundTint。

<!-- background_tint.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@android:color/black" android:alpha="0.60"/>
</selector>

<!-- activity_main.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.button.MaterialButton
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:text="Sign in"
        app:backgroundTint="@color/background_tint" />
</LinearLayout>

然而，生成的按钮在正常状态下看起来很奇怪，按下时甚至更奇怪。

当我将 backgroundTint 设置为特定的灰色阴影(例如 #777777)时，我没有看到此问题。为什么 alpha 值会发生这种情况？

Answer 1

我们在部分不透明的高架 Material View 中遇到了同样的问题。

只需添加 android:stateListAnimator="@null" 即可移除可见的阴影瑕疵。

我们还将 elevation 设置为 0dp，我认为这不是必需的。