android - 如何创建更自然的 CardView alpha 动画？

Question

我有一个普通的 CardView:

<androidx.cardview.widget.CardView
    android:id="@+id/cardView"
    android:layout_width="256dp"
    android:layout_height="64dp"
    app:cardElevation="4dp" />

然后我为它的 alpha 设置动画:

cardView.animate().alpha(1f).setDuration(3000).start()

我得到:

卡片背景先变灰后变白。如果时间很短，这看起来就像眨眼。似乎这只发生在白色背景上。

这就是我想要的(我在 Adob​​e XD 中创建它):

我怎样才能达到类似的效果？

Answer 1

您看到的灰色是 CardView 的阴影。

您可以在另一个 View 中添加 CardView 并为该 View 设置动画，例如:

<RelativeLayout
    android:id="@+id/animateThis"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="256dp"
        android:layout_height="64dp"
        app:cardElevation="4dp" />

</RelativeLayout>

然后为 RelativeLayout 设置动画:

animateThis.animate().alpha(1f).setDuration(3000).start()