android - 带动画图标的 FloatingActionButton

Question

我正在尝试创建一个带有如下图标的 FloatingActionButton:https://github.com/jd-alexander/LikeButton

如您所见，该按钮是动画，而不仅仅是两个不同的按钮发生了变化。

这是我实际的基本 FloatingActionButton，带有一个静态图标:

<android.support.design.widget.FloatingActionButton
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:layout_anchor="@id/appbar"
    app:layout_anchorGravity="bottom|right|end"
    android:src="@drawable/ic_favorite_border_white_24dp"
    android:layout_margin="@dimen/fab_margin"
    android:clickable="true"/>

我不想只改变图标，我想在点击它时制作一个动画。

这是我需要的按钮，但在本例中它不包含在 FloatingActionButton 中:

<com.like.LikeButton
    android:id="@+id/like_button"
    android:layout_height="32dp"
    android:layout_width="32dp"
    app:icon_type="heart"
    app:circle_start_color="@color/red"
    app:like_drawable="@drawable/ic_favorite_white_24dp"
    app:unlike_drawable="@drawable/ic_favorite_border_white_24dp"
    app:dots_primary_color="@color/orange"
    app:dots_secondary_color="@color/red"
    app:circle_end_color="@color/orange"
    app:icon_size="24dp"
    app:anim_scale_factor="1"/>

总结:

1. 我知道如何使用静态图标制作 FloatingActionButton。

2. 我知道如何创建动画点赞按钮

3. 我不知道如何混合使用步骤 1) 和 2) 来创建点击时带有动画图标的 FloatingActionButton。

一个著名的购物应用程序正在做，但我不知道怎么做。

Answer 1

我认为实现这一点的方法不是使用 android.support.design.widget.FloatingActionButton，而是创建您自己的 FAB 来扩展容器，例如 FrameLayout(或者甚至可能是 android.support.v7.widget.CardView)，为其设置圆形可绘制背景，并将 com.like.LikeButton 添加为一个 child 。如果您想在 android.support.design.widget.CoordinatorLayout 中使用它，您可能还必须为其定义一个 CoordinatorLayout.Behavior。如果需要，只需使用 android.support.design.widget.FloatingActionButton 作为灵感来源 :P