FloatingActionButton带有动画图标

Question

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

正如您所看到的，该按钮是动画，不仅仅是两个不同的按钮被更改。

这是我的实际基本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"/>

我不想只是更改图标，我想在点击它时制作动画。

这是我需要的按钮，但在这种情况下它不包含在FloatingActionButton中：

git tag --points-at HEAD

总结一下：

1. 我知道如何使用静态图标执行FloatingActionButton。

2. 我知道如何创建类似动画的按钮

3. 我不知道如何混合步骤1）和2）创建一个带有动画图标的FloatingActionButton点击。

一个着名的购物应用程序正在这样做，但我不知道如何。

Answer 1

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

Answer 2

看起来很棒！我自己并没有这样做，但这就是我要做的事情：

1）FAB是来自ImageView

的孩子

2）ImageView可以是Animated.

3）玩得开心！